:root{--bg-0: #000000;--bg-1: #0a0a0a;--bg-2: #141414;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .09);--border-soft: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .16);--text: rgba(255, 255, 255, .94);--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .48);--text-4: rgba(255, 255, 255, .32);--glow: #ffffff;--grid-line: rgba(255, 255, 255, .025);--shadow-soft: rgba(0, 0, 0, .85);--shadow-panel: rgba(0, 0, 0, .9);--shadow-note: rgba(0, 0, 0, .6);--shadow-note-soft: rgba(0, 0, 0, .4);--inset-highlight: rgba(255, 255, 255, .04);--field-bg: rgba(0, 0, 0, .24);--field-focus-bg: rgba(255, 255, 255, .06);--edit-bg: rgba(255, 255, 255, .03);--popover-bg: rgba(18, 18, 21, .96);--preview-bg: rgba(16, 16, 19, .98);--danger-border: rgba(255, 91, 118, .28);--danger-bg: rgba(255, 91, 118, .08);--ok: #2bd9a3;--ok-glow: 0 0 18px rgba(43, 217, 163, .55);--warn: #ffb547;--bad: #ff5b76;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--sans: Inter, "Microsoft YaHei UI", "PingFang SC", "Segoe UI", system-ui, sans-serif;color:var(--text);background:var(--bg-0);color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light],[data-theme=light]{--bg-0: #f5f4ef;--bg-1: #ebe9e1;--bg-2: #fffdf7;--surface: rgba(255, 255, 255, .68);--surface-strong: rgba(255, 255, 255, .9);--surface-hover: rgba(255, 255, 255, .96);--border: rgba(20, 24, 32, .12);--border-soft: rgba(20, 24, 32, .08);--border-strong: rgba(20, 24, 32, .22);--text: rgba(18, 22, 30, .92);--text-2: rgba(18, 22, 30, .72);--text-3: rgba(18, 22, 30, .52);--text-4: rgba(18, 22, 30, .36);--glow: #7b8798;--grid-line: rgba(20, 24, 32, .045);--shadow-soft: rgba(49, 45, 35, .18);--shadow-panel: rgba(49, 45, 35, .22);--shadow-note: rgba(67, 58, 39, .2);--shadow-note-soft: rgba(67, 58, 39, .12);--inset-highlight: rgba(255, 255, 255, .8);--field-bg: rgba(255, 255, 255, .72);--field-focus-bg: rgba(255, 255, 255, .96);--edit-bg: rgba(20, 24, 32, .035);--popover-bg: rgba(255, 253, 247, .98);--preview-bg: rgba(255, 253, 247, .98);--danger-border: rgba(210, 61, 86, .26);--danger-bg: rgba(210, 61, 86, .08);--ok-glow: 0 0 18px rgba(43, 170, 128, .35);color-scheme:light}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100vh;margin:0;background:var(--bg-0)}button,input,textarea{border:0;font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.atmos:before,.atmos:after,.atmos>span{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);content:"";filter:blur(140px);opacity:.05}.atmos:before{width:720px;height:720px;left:-180px;top:-260px}.atmos:after{width:800px;height:800px;right:-260px;top:80px;opacity:.035}.atmos>span{width:900px;height:900px;left:30%;bottom:-480px;opacity:.04}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.app-shell{position:relative;z-index:1;display:flex;width:100%;max-width:1640px;min-height:100vh;margin:0 auto;padding:18px 28px 28px;flex-direction:column}.topbar{position:relative;z-index:40;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 46px -30px var(--shadow-soft);backdrop-filter:blur(54px) saturate(150%);-webkit-backdrop-filter:blur(54px) saturate(150%)}.tabs{display:flex;gap:6px;padding:0;border:0;background:transparent}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:10px;color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap;transition:all .18s}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.router-link-active{border-color:var(--border);background:var(--surface-strong);color:var(--text)}.tab svg{width:15px;height:15px;opacity:.85}.topbar-spacer{flex:1}.icon-btn{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);transition:all .15s}.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.system-float{position:fixed;right:28px;bottom:28px;z-index:20}.system-float-btn{position:relative;display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 14px 38px -22px var(--shadow-soft);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.system-float-btn>.dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:var(--ok-glow)}.page{display:flex;margin-top:22px;flex-direction:column;gap:26px}.notes-page{min-height:calc(100vh - 145px);gap:16px}.notes-actions{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.notes-meta{display:flex;min-width:0;align-items:center;gap:8px}.notes-public-warning{display:inline-flex;max-width:min(520px,48vw);align-items:center;gap:6px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--warn) 42%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--warn) 11%,transparent);color:var(--text-2);font-size:12px;line-height:1.2;white-space:nowrap}.notes-public-warning svg{flex:0 0 auto;color:var(--warn)}.page-actions{display:flex;align-items:center;gap:8px}.notes-help{position:relative}.notes-help-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:280px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--popover-bg);box-shadow:0 18px 46px -22px var(--shadow-panel);color:var(--text-2);font-size:12px;line-height:1.55;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s,transform .14s}.notes-help:hover .notes-help-popover,.notes-help:focus-within .notes-help-popover{opacity:1;transform:translateY(0)}.notes-help-popover p{margin:0}.notes-help-popover p+p{margin-top:6px}.notes-help-popover .notes-help-warning{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn svg{width:14px;height:14px}.btn--primary,.btn-primary{border-color:var(--text);background:var(--text);color:var(--bg-0)}.btn--primary:hover,.btn-primary:hover{border-color:var(--text-2);background:var(--text-2)}.perpetual{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:12px;line-height:1.2;white-space:nowrap}.notice{width:fit-content;max-width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:12.5px}.notes-board{position:relative;z-index:1;flex:1;min-height:calc(100vh - 210px);margin:-8px -8px 0;overflow:visible}.note{position:absolute;display:flex;width:240px;min-width:220px;max-width:420px;min-height:160px;max-height:320px;flex-direction:column;gap:8px;padding:14px 14px 36px;border:1px solid transparent;border-radius:14px;background:var(--bg-2);box-shadow:0 1px 0 var(--inset-highlight) inset,0 18px 40px -18px var(--shadow-note),0 4px 12px -6px var(--shadow-note-soft);color:var(--text);cursor:default;transform:rotate(var(--note-rotation, 0deg));transition:box-shadow .18s,transform .04s;-webkit-user-select:none;user-select:none}.note:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid var(--border);border-radius:16px;content:"";pointer-events:none}.note.dragging{cursor:grabbing;transform:rotate(var(--note-rotation, 0deg)) scale(1.01);box-shadow:0 24px 60px -14px var(--shadow-note)}.note.transforming{box-shadow:0 24px 60px -14px var(--shadow-note)}.note[data-emphasis=thin]:before{border-width:1px}.note[data-emphasis=normal]:before{border-width:1px}.note[data-emphasis=thick]:before{border-width:2px;border-color:var(--text)}.note-head{display:flex;min-height:28px;align-items:center;gap:8px;margin-bottom:2px;padding:0 0 8px;border-bottom:1px solid var(--border-soft);color:var(--text-3);cursor:grab;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}.note.dragging .note-head{cursor:grabbing}.note-head .when{flex:1}.pin{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--text);opacity:.9}.icon-action{display:grid;width:22px;height:22px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;outline:none;background:transparent;color:var(--text-3);line-height:0;transition:all .15s}.icon-action:hover,.icon-action:focus-visible{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.icon-action svg{display:block;width:13px;height:13px}.note-body{flex:1;overflow:hidden;min-height:82px;padding:2px 0 12px;resize:none;border:0;outline:none;background:transparent;color:var(--text);cursor:text;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.note-body:focus{overflow:auto;margin:-4px -6px;padding:4px 6px;border-radius:6px;background:var(--edit-bg)}.note-body::placeholder{color:var(--text-4)}.note-foot{position:absolute;right:7px;bottom:7px;left:14px;display:flex;align-items:center;gap:8px;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-soft);color:var(--text-4);font-family:var(--mono);font-size:10px;letter-spacing:.04em}.note-count{margin-left:auto;color:var(--text-3)}.note-emph-toggle{position:relative;z-index:4;display:inline-flex;gap:3px;margin-right:0;transform:translateY(0)}.note-emph-toggle button{width:10px;height:10px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:transparent;transition:all .12s}.note-emph-toggle button[data-on=true]{border-color:var(--text);background:var(--text)}.note-emph-toggle button:hover{border-color:var(--text)}.note-full-preview{position:absolute;right:12px;bottom:calc(100% + 8px);left:12px;z-index:80;max-height:180px;overflow:auto;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--preview-bg);box-shadow:0 18px 42px -22px var(--shadow-panel);color:var(--text);font-size:12.5px;line-height:1.55;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s,transform .14s;white-space:pre-wrap;word-break:break-word}.note:hover .note-full-preview{opacity:1;transform:translateY(0)}.note:focus-within .note-full-preview{display:none}.note-transform{position:absolute;right:1px;bottom:1px;z-index:3;display:grid;width:18px;height:18px;padding:0;place-items:center;border:0;border-radius:9px;outline:none;background:transparent;color:var(--text-4);cursor:nwse-resize;opacity:.78}.note-transform:hover,.note-transform:focus-visible{color:var(--text-2);opacity:1}.note.transforming .note-transform,.note-transform:active{color:var(--text);opacity:1}.note-transform span{display:block;width:8px;height:8px;margin-left:auto;margin-top:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-bottom-right-radius:7px}.note.transforming .note-transform span,.note-transform:active span{border-right-width:2.5px;border-bottom-width:2.5px}.app-footer{display:flex;justify-content:center;margin-top:auto;padding:28px 6px 0;color:var(--text-4);font-size:11px}.developing-page{min-height:calc(100vh - 170px);align-items:center;justify-content:center}.developing-block{width:min(520px,100%);padding:38px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.developing-block h1{margin:0;font-size:26px;font-weight:600}.eyebrow{margin:0 0 8px;color:var(--text-4);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.developing-block p:last-child{margin:14px 0 0;color:var(--text-3);line-height:1.7}.admin-page{min-height:calc(100vh - 124px);margin-top:22px}.admin-gate,.admin-authed{display:flex;min-height:calc(100vh - 170px);align-items:center;justify-content:center}.admin-gate-card{width:min(390px,100%);padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px -40px var(--shadow-panel);-webkit-backdrop-filter:blur(42px) saturate(150%);backdrop-filter:blur(42px) saturate(150%)}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border-strong);border-radius:12px;color:var(--text);font-family:var(--mono);font-size:16px;font-weight:700}.admin-gate-card h2{margin:18px 0 8px;font-size:24px;font-weight:600}.admin-gate-card p{margin:0 0 18px;color:var(--text-3);font-size:13px;line-height:1.7}.admin-gate-card form{display:grid;gap:12px}.admin-gate-card label{display:grid;gap:7px;color:var(--text-3);font-size:12px}.admin-gate-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--field-bg);color:var(--text)}.admin-gate-card input:focus{border-color:var(--border-strong);background:var(--field-focus-bg)}.admin-submit{justify-content:center;padding:10px 14px}.admin-gate-err{padding:8px 10px;border:1px solid var(--danger-border);border-radius:10px;background:var(--danger-bg);color:var(--bad);font-size:12px}.admin-gate-back,.admin-gate-hint{display:block;margin-top:14px;color:var(--text-4);font-size:12px}.admin-gate-back:hover{color:var(--text-2)}.admin-gate-hint code{padding:2px 5px;border:1px solid var(--border);border-radius:6px;background:var(--field-bg);color:var(--text-2);font-family:var(--mono)}.admin-authed{flex-direction:column;gap:18px}.admin-authed-bar{display:flex;width:min(520px,100%);justify-content:space-between;gap:10px}.topbar-stat{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ok);font-family:var(--mono);font-size:12px}@media (max-width: 720px){.app-shell{padding:12px}.topbar{align-items:stretch;flex-wrap:wrap}.tabs{width:100%;overflow-x:auto}.topbar-spacer{display:none}.notes-actions{align-items:flex-start;flex-direction:column;gap:10px}.notes-meta{width:100%;align-items:flex-start;flex-direction:column}.notes-public-warning{max-width:100%;white-space:normal}.notes-board{min-height:calc(100vh - 250px)}.note{width:min(240px,calc(100vw - 36px))}.admin-authed-bar{flex-direction:column}}