*,:before,:after{box-sizing:border-box}:root{--ink:#090b0e;--panel:#12161c;--panel-2:#1a2028;--raised:#232a34;--line:#e8e6df24;--line-strong:#e8e6df57;--text:#e8e6df;--muted:#8b949e;--cyan:#4ec8e8;--cyan-dim:#4ec8e829;--gold:#d4b46a;--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(1200px 500px at 0% -10%, #4ec8e814, transparent 55%), radial-gradient(900px 420px at 100% 110%, #d4b46a0d, transparent 50%), var(--ink);flex-direction:column;height:100%;min-height:100dvh;display:flex}header{padding:8px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--panel);border-bottom:1px solid var(--line);z-index:3;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative;box-shadow:0 1px #4ec8e838}header:before{content:"";background:linear-gradient(180deg, var(--cyan), transparent 70%);pointer-events:none;width:3px;position:absolute;inset:0 auto 0 0}header:after{content:"";background:var(--gold);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;min-width:0;display:flex}.hdr-left{grid-column:1;justify-content:flex-start}.hdr-center{flex-wrap:wrap;grid-column:2;justify-content:center}.hdr-right{grid-column:3;justify-content:flex-end}.brand-gem{background:var(--cyan);flex:none;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 10px #4ec8e88c}.brand-text{align-items:center;min-width:0;margin-right:4px;line-height:1.15;display:flex}.brand-text strong{letter-spacing:.08em;text-transform:lowercase;font-size:13px;font-weight:800}.cluster{border:1px solid var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:#00000047;align-items:center;gap:4px;padding:3px;display:flex}.rule{background:linear-gradient(180deg, transparent, var(--line-strong), transparent);width:1px;height:22px}@media (width<=920px){header,#app.library-hidden header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left right""center center"}.hdr-left{grid-area:left}.hdr-right{grid-area:right}.hdr-center{grid-area:center;justify-content:center}.brand-text{display:none}#status{max-width:8em}}header button,header input,header label{font:inherit;color:var(--text)}header button{appearance:none;background: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}header button:active{filter:brightness(1.12)}#status{color:var(--muted);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:12em;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:40px;height:40px;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:72px;accent-color:var(--cyan)}header button.icon{background:0 0;border-color:#0000;place-items:center;width:42px;height:42px;padding:8px;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.page-label{clip-path:none;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.12em;min-width:4.2em;height:42px;color:var(--cyan);background:0 0;border:none;border-bottom:1px solid #4ec8e873;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:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan);outline:none;box-shadow:inset 0 0 0 1px #4ec8e859}#workspace{flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}#stage{background:#0e1217;flex:auto;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%,#4ec8e817,#0000 55%),radial-gradient(50% 40% at 92% 88%,#b4283212,#0000 50%),repeating-linear-gradient(-22deg,#0000 0 13px,#ffffff05 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:#14181ee6;width:280px;height:90px;bottom:18%;left:-40px;transform:rotate(-18deg);box-shadow:40px -18px 0 -12px #4ec8e814,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);flex:0 0 var(--lib-w);background:linear-gradient(90deg, #4ec8e80f, transparent 18px), var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;margin-left:0;transition:margin-left .32s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.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{margin-left:calc(-1 * var(--lib-w));pointer-events:none}@media (prefers-reduced-motion:reduce){#library{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: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}.lib-actions button:active{color:var(--cyan);border-color:var(--cyan)}#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{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);border-left:2px solid var(--gold);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);border-radius:0;align-items:center;gap:4px;margin:0 0 6px;padding:9px 7px 9px 10px;display:flex}.lib-row.active{border-color:var(--cyan);border-left-color:var(--cyan);background:var(--cyan-dim);outline:none;box-shadow:inset 0 0 0 1px #4ec8e833}.lib-row .name{text-overflow:ellipsis;white-space:nowrap;appearance:none;min-width:0;color:inherit;text-align:left;font:inherit;letter-spacing:.03em;background:0 0;border:none;flex:1;padding:0;font-weight:650;overflow:hidden}.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}#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.pan-mode,#scroller.pan-mode .page svg.ink,#scroller.finger-pan,#scroller.finger-pan .page svg.ink{touch-action:pan-x pan-y}#scroller.text-mode,#scroller.text-mode .page svg.ink{touch-action:none}#zoomSizer{min-width:100%;min-height:100%;position:relative}#world{transform-origin:0 0;will-change:transform;backface-visibility:hidden;padding:12px;position:absolute;top:0;left:0}.page{background:#fff;margin:0 auto 12px;position:relative;box-shadow:0 12px 40px #00000059,0 0 0 1px #4ec8e814}.page canvas{pointer-events:none;width:100%;height:auto;display:block}.page svg.ink{touch-action:none;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}