*,:before,:after{box-sizing:border-box}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--ink:#050607;--panel:#121416;--panel-2:#1a1c1f;--raised:#26292e;--line:#c4ccd61f;--line-strong:#d2d8e052;--text:#e4e7ec;--muted:#8b929c;--cyan:#c5ccd6;--cyan-dim:#c5ccd624;--gold:#aeb6c0;--seal:#c62828;--metal-hi:#ffffff24;--metal-mid:#b4bcc614;--metal-lo:#00000073;--cut:8px;--header-h:56px}html,body{background:var(--ink);height:100%;color:var(--text);letter-spacing:.02em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;font:13.5px/1.4 Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;overflow:hidden}#app{background:radial-gradient(1100px 480px at 0% -8%, #c628280f, transparent 55%), radial-gradient(900px 420px at 100% 110%, #b4bcc60d, transparent 50%), linear-gradient(165deg, #0a0b0d 0%, var(--ink) 42%, #08090b 100%);flex-direction:column;height:100%;min-height:100dvh;display:flex}header{padding:6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));background:linear-gradient(180deg, var(--metal-hi), transparent 38%), linear-gradient(90deg, #ffffff0a, transparent 28%, transparent 72%, #ffffff08), linear-gradient(180deg, #1a1c1f 0%, var(--panel) 55%, #0e1012 100%);border-bottom:1px solid var(--line-strong);z-index:3;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 1px #c5ccd62e}header:before{content:"";background:linear-gradient(180deg, var(--seal), #8a1a1a 55%, transparent 90%);pointer-events:none;width:3px;position:absolute;inset:0 auto 0 0}header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, #e8ecf2 50%, var(--gold) 80%, transparent);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);pointer-events:none;width:72px;height:2px;position:absolute;bottom:-1px;right:18px}.hdr-left,.hdr-center,.hdr-right{align-items:center;gap:8px;display:flex}.hdr-center,.hdr-right{min-width:0}.hdr-left{flex-shrink:0;grid-column:1;justify-content:flex-start;min-width:max-content}.hdr-center{flex-wrap:nowrap;grid-column:2;justify-content:center}.hdr-right{flex-wrap:nowrap;grid-column:3;justify-content:flex-end}.brand-mark{object-fit:cover;border-radius:3px;flex:none;width:24px;height:24px;display:block;box-shadow:0 0 12px #c6282873,inset 0 0 0 1px #ffffff1f}.brand-text{flex:none;align-items:center;min-width:max-content;margin-right:6px;line-height:1;display:flex}.brand-text strong{letter-spacing:.05em;text-transform:none;color:#f2f4f7;text-shadow:0 1px #ffffff2e,0 0 16px #c6282847;font-family:Cormorant Garamond,Times New Roman,serif;font-size:18px;font-style:italic;font-weight:700}.cluster{border:1px solid var(--line-strong);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:linear-gradient(#ffffff12,#0000 45%),#00000061;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px #ffffff0f}.cluster:has(.dd-menu:not([hidden])){clip-path:none;overflow:visible}.rule{background:linear-gradient(180deg, transparent, var(--line-strong), transparent);width:1px;height:22px}.dd{flex:none;align-items:stretch;display:flex;position:relative}.hdr-right>.dd{border:1px solid var(--line-strong);background:linear-gradient(#ffffff12,#0000 45%),#00000061;padding:2px;box-shadow:inset 0 1px #ffffff0f}header button.dd-caret{clip-path:none;background:0 0;border-color:#0000;place-items:center;width:16px;height:36px;padding:0;display:grid}header button.dd-caret svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:square;stroke-linejoin:miter;width:10px;height:10px}.dd-menu{z-index:12;background:linear-gradient(180deg, #ffffff14, transparent 30%), var(--panel-2);border:1px solid var(--line-strong);flex-direction:column;gap:2px;min-width:9.5em;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:inset 0 1px #ffffff14,4px 4px #00000073}#inkMenu{min-width:12.5em}.dd-menu-end{left:auto;right:0}.dd-menu[hidden]{display:none}.dd-menu button{text-align:left;clip-path:none;white-space:nowrap;background:0 0;border-color:#0000;align-items:center;gap:8px;width:100%;height:40px;padding:0 10px;display:flex}.dd-menu button svg{stroke:currentColor;fill:none;stroke-width:1.85px;flex:none;width:18px;height:18px}header button.icon svg [data-fill],.dd-menu button svg [data-fill]{fill:currentColor;stroke:none}.dd-menu button:hover,.dd-menu button:active{background:var(--cyan-dim);color:var(--cyan)}.shape-style-menu{gap:6px;min-width:12.5em}.shape-style-row{color:var(--muted,#9aa4b2);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.shape-style-row input[type=color]{border:1px solid var(--line);background:0 0;width:36px;height:28px;padding:0}.shape-style-row input[type=range]{width:7em}#shapeFillNone[aria-pressed=true]{color:var(--cyan)}#shapeDuplicate:disabled{opacity:.4;pointer-events:none}@media (width<=1400px){.brand-text strong{font-size:16px}#status,.width-label{display:none}header{padding:6px max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));gap:6px}header button.icon{width:36px;height:36px;padding:6px}header button.mode{min-width:0;height:36px;padding:0 8px}header input[type=color]{width:32px;height:32px}header input[type=range]{width:56px}header button.page-label,#pageJump{width:3.4em;min-width:3.4em;height:36px}}header button,header input,header label{font:inherit;color:var(--text)}header button{appearance:none;background:linear-gradient(180deg, #ffffff1f 0%, #ffffff08 42%, #00000047 100%), var(--raised);color:var(--text);border:1px solid var(--line-strong);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0;padding:6px 10px;box-shadow:inset 0 1px #ffffff1a}header button:active{filter:brightness(1.12)}#status{color:var(--muted);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-size:11px;overflow:hidden}#status:before{content:"// ";color:var(--cyan)}header input[type=color]{border:1px solid var(--line-strong);background:var(--raised);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0;width:36px;height:36px;padding:4px}header label.stroke-width{white-space:nowrap;color:var(--muted);letter-spacing:.16em;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:11px;display:flex}header input[type=range]{width:64px;accent-color:var(--cyan)}header button.icon{background:0 0;border-color:#0000;place-items:center;width:36px;height:36px;padding:6px;display:grid}header button.icon:disabled{opacity:.32;pointer-events:none}header button.icon svg{stroke:currentColor;fill:none;stroke-width:1.85px;stroke-linecap:square;stroke-linejoin:miter;width:20px;height:20px}header button.mode{letter-spacing:.06em;background:0 0;border-color:#0000;min-width:0;height:36px;padding:0 8px;font-size:11px}#shapeEditor{z-index:8;border:1px dashed var(--cyan);color:#16140f;text-align:center;resize:none;touch-action:manipulation;-webkit-user-select:text;user-select:text;background:#f4efe2eb;border-radius:0;outline:none;margin:0;padding:0 8px;font:16px/1.35 Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;position:fixed;overflow:auto;box-shadow:2px 2px #00000047}#shapeEditor[hidden]{display:none}#scroller.shape-movable{cursor:grab}#scroller.shape-movable:active{cursor:grabbing}header button.page-label{clip-path:none;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.12em;min-width:3.6em;height:36px;color:var(--cyan);background:0 0;border:none;border-bottom:1px solid #c5ccd673;border-radius:0;padding:0 6px;font-weight:700}#pageJump{border:1px solid var(--cyan);width:4.2em;height:32px;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;background:#00000073;margin:0 2px;padding:0 4px;font:700 16px/1.2 Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}#pageJump:focus{outline:1px solid var(--gold);outline-offset:1px}header button[aria-pressed=true]{background:linear-gradient(180deg, #ffffff29 0%, #c5ccd614 45%, #0003 100%), var(--cyan-dim);border-color:var(--cyan);color:#e8ecf2;outline:none;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #c5ccd659}#workspace{--lib-w:248px;--lib-shift:0px;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}#app:not(.library-hidden) #workspace{--lib-shift:var(--lib-w)}#stage{background:#090a0c;flex:auto;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.stage-fx{pointer-events:none;z-index:0;background:radial-gradient(70% 45% at 8% 12%,#c6282812,#0000 55%),radial-gradient(50% 40% at 92% 88%,#b4bcc60f,#0000 50%),repeating-linear-gradient(-22deg,#0000 0 13px,#ffffff04 13px 14px);position:absolute;inset:0}.stage-fx:before,.stage-fx:after{content:"";pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.stage-fx:before{background:#101214eb;width:280px;height:90px;bottom:18%;left:-40px;transform:rotate(-18deg);box-shadow:40px -18px 0 -12px #c5ccd612,90px 10px 0 -28px #e8e6df0a}.stage-fx:after{opacity:.85;background:#0c0e12bf;width:220px;height:70px;top:22%;right:6%;transform:rotate(12deg)scaleX(1.4)}#widthPreview{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#widthPreview[hidden]{display:none}.width-preview-dot{box-shadow:0 0 0 2px var(--cyan), 0 0 0 5px #0000008c;border-radius:50%}#noteEditor{z-index:8;outline:1px solid var(--cyan);color:#16140f;resize:both;background:#f4efe2;border:1px solid #1a1a1a;border-radius:0;min-width:8rem;min-height:1.7em;margin:0;padding:6px 10px;font:16px/1.35 Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;position:fixed;box-shadow:4px 4px #00000059}#library{--lib-w:248px;width:var(--lib-w);z-index:2;background:linear-gradient(90deg, #c6282814, transparent 20px), linear-gradient(180deg, #ffffff0d, transparent 28%), var(--panel);border-right:1px solid var(--line-strong);flex-direction:column;min-width:0;min-height:0;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(0);box-shadow:inset -1px 0 #ffffff0a,8px 0 28px #00000073}.lib-pane{width:var(--lib-w);min-width:var(--lib-w);flex-direction:column;height:100%;min-height:0;display:flex}#app.library-hidden #library{pointer-events:none;box-shadow:none;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){#library,#zoomSizer{transition:none}}.lib-head{flex-direction:column;gap:2px;padding:12px 12px 4px;display:flex}.lib-title{letter-spacing:.16em;font-size:15px;font-weight:800}.lib-actions{flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.lib-actions button{appearance:none;background:linear-gradient(180deg, #ffffff1a 0%, #ffffff05 45%, #0000004d 100%), var(--raised);color:var(--text);border:1px solid var(--line-strong);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font:inherit;letter-spacing:.08em;border-radius:0;flex:4.5em;padding:9px 4px;box-shadow:inset 0 1px #ffffff14}.lib-actions button:active{color:var(--cyan);border-color:var(--cyan)}#libSearch{box-sizing:border-box;appearance:none;background:var(--panel-2);width:calc(100% - 24px);color:var(--text);border:1px solid var(--line);border-radius:0;margin:0 12px 8px;padding:8px 10px;font:16px/1.3 Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;display:block}#libSearch:focus{border-color:var(--cyan);outline:none}#libCrumb{color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;gap:4px;padding:0 12px 8px;font-size:11px;display:flex}#libCrumb button{appearance:none;color:var(--cyan);font:inherit;background:0 0;border:none;padding:0}#libList{touch-action:pan-y;flex:1;padding:0 10px 12px;overflow:auto}.lib-empty{color:var(--muted);letter-spacing:.04em;padding:8px 4px;font-size:12px}.lib-row{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);text-align:left;font:inherit;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-left:3px solid #a0a8b259;border-radius:0;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 6px;padding:9px 7px 9px 10px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.lib-row.folder{border-left-color:var(--cyan)}.lib-row.pinned{background:linear-gradient(90deg, #d4b46a24, transparent 42%), var(--panel-2);border-left-color:#d4b46a;box-shadow:inset 0 0 0 1px #d4b46a2e}.lib-row.pinned .name{color:#f0e6d0}.lib-row.dragging{opacity:.38}.lib-row.drop-hover{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan)}#libCrumb button.drop-hover{outline:1px solid var(--cyan);background:var(--cyan-dim);color:var(--cyan);padding:2px 4px}.lib-row.active{border-color:#e8ecf273;border-left:4px solid var(--seal);background:linear-gradient(90deg,#c6282838,#c5ccd614 48%),linear-gradient(#ffffff14,#0000 55%),#22262c;outline:none;padding-left:9px;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #c5ccd647,0 0 16px #c628282e}.lib-row.active .name{color:#f5f7fa;font-weight:750}.lib-row.active.pinned{border-left-color:var(--seal);background:linear-gradient(90deg,#c6282842,#d4b46a1f 55%),linear-gradient(#ffffff14,#0000 55%),#24282e;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #d4b46a59,0 0 16px #c6282833}.lib-row .name{white-space:normal;overflow-wrap:anywhere;word-break:break-word;appearance:none;width:100%;min-width:0;color:inherit;text-align:left;line-height:1.35;font:inherit;letter-spacing:.03em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-weight:650;overflow:visible}.lib-row-btns{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lib-row .mini{appearance:none;color:var(--muted);border:1px solid var(--line);letter-spacing:.1em;background:#00000047;border-radius:0;flex:none;padding:4px 6px;font-size:10px}.lib-row .mini.pin{letter-spacing:0;color:#c4ccd68c;min-width:1.7em;font-size:13px}.lib-row .mini.pin-on{color:#1a1408;background:linear-gradient(#f0d78a 0%,#d4b46a 48%,#a8893e 100%);border-color:#e8d49a;font-weight:700;box-shadow:inset 0 1px #ffffff73,0 0 10px #d4b46a73}.lib-section{color:#f0e6d0;letter-spacing:.18em;background:linear-gradient(90deg,#d4b46a29,#0000 70%);border-left:3px solid #d4b46a;margin:10px 2px 8px;padding:5px 8px;font-size:11px;font-weight:800}.lib-path{color:var(--muted);letter-spacing:.04em;overflow-wrap:anywhere;font-size:10px}.lib-ghost{z-index:40;pointer-events:none;border:1px solid var(--cyan);max-width:220px;color:var(--text);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#12161cf0;padding:8px 12px;font:650 13px/1.3 Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;position:fixed;overflow:hidden;transform:translate(-8px,-18px);box-shadow:4px 4px #00000073}#scroller{z-index:1;touch-action:none;overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;position:relative;overflow:auto}#scroller.panning{overflow:hidden}#zoomSizer{min-width:100%;min-height:100%;margin-left:var(--lib-shift,0px);transition:margin-left .32s cubic-bezier(.22,1,.36,1);position:relative}#world{transform-origin:0 0;padding:12px;position:absolute;top:0;left:0}#world.camera-live{will-change:transform}.page{background:#fff;margin:0 auto 12px;position:relative;box-shadow:0 12px 40px #00000059,0 0 0 1px #c5ccd61a}.page canvas{pointer-events:none;image-rendering:auto;width:100%;height:auto;display:block}.page canvas.pdf-detail,.page canvas.pdf-viewport{pointer-events:none;z-index:1;width:auto;max-width:none;height:auto;position:absolute;top:0;left:0}.page .pdf-tiles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.page .pdf-tiles canvas{pointer-events:none;width:auto;max-width:none;height:auto;display:block;position:absolute}.page canvas.pdf-detail{z-index:1}.page canvas.ink-stroke,.page canvas.ink-mark{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.page canvas.ink-mark{mix-blend-mode:multiply}.page svg.ink{touch-action:none;shape-rendering:geometricprecision;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.page-index{z-index:2;border:1px solid var(--cyan);min-width:2.1em;height:28px;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.08em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#090b0ed1;padding:0 8px;font:700 12px/28px Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;position:absolute;top:8px;right:8px}.page-index:active{filter:brightness(1.15)}.page svg.ink text{-webkit-user-select:none;user-select:none}.page svg.ink .note-handle-hit{cursor:nwse-resize}#scroller.note-movable{cursor:grab}#scroller.note-movable:active{cursor:grabbing}