:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--line: #2a2f3a;--text: #e8eaef;--muted: #9aa2b1;--accent: #4c87ff;--accent-soft: rgba(76, 135, 255, .16);--danger: #ff6b6b;--warn: #ffb454;--ok: #46c08a;--radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:78px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:#262b36}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:#3b78f5}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#ff6b6b59;background:transparent}.btn.sm{padding:6px 10px;font-size:13px;border-radius:8px}.btn.block{width:100%}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.center{text-align:center}.hide{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.badge.admin,.badge.private{color:var(--warn);border-color:#ffb45459}.badge.public{color:var(--ok);border-color:#46c08a4d}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--accent-soft);color:#cfe0ff;border:1px solid rgba(76,135,255,.3);flex:0 0 auto;text-transform:uppercase}.avatar.secret{background:#ffb45424;color:var(--warn);border-color:#ffb4544d}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#0f1115eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar>*{flex:0 0 auto}.topbar .grow{flex:1 1 auto}.logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.01em;min-width:0;flex:0 1 auto}.logo .mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:14px}@media (max-width: 480px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar .user-name{display:none}}.container{max-width:1040px;margin:0 auto;padding:18px 16px 64px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:24px 16px}.auth{width:100%;max-width:400px}.code-input{text-align:center;letter-spacing:.45em;font-size:24px;font-weight:700;padding:14px 12px;font-variant-numeric:tabular-nums}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}@media (max-width: 900px){.viewer{grid-template-columns:minmax(0,1fr)}.side{order:2}}.only-desktop{display:none}@media (min-width: 901px){.only-desktop{display:inline-flex}}.viewer.wide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);padding:12px;gap:12px;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;overflow:hidden}.viewer.wide .stage{height:100%;display:flex;flex-direction:column;min-height:0}.viewer.wide .stage-body{max-height:none;flex:1 1 auto;min-height:0}.viewer.wide .side{position:static;height:100%;min-height:0;overflow-y:auto;padding-right:4px}.viewer.wide .comment-list{max-height:none;overflow:visible}.asset-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.asset-tabs::-webkit-scrollbar{height:0}.asset-tab{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;cursor:pointer;background:var(--surface);border:1px solid var(--line);font-size:13px}.asset-tab.active{border-color:var(--accent);background:var(--accent-soft);color:#dbe7ff}.stage{background:#0a0c10;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stage-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface)}.stage-body{max-height:74vh;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:14px;align-items:center}.zoombar{display:flex;align-items:center;gap:5px}.zoom-select{width:auto;min-width:74px;padding:6px 8px;font-size:13px;border-radius:8px;font-variant-numeric:tabular-nums;cursor:pointer}.surface{position:relative;display:block;max-width:100%;line-height:0}.surface>img,.surface>canvas{display:block;max-width:100%;height:auto;border-radius:6px;background:#fff}.pdf-page{position:relative;width:100%;background:#fff;border-radius:6px;overflow:hidden}.pdf-page>canvas{width:100%;height:100%;display:block;transition:opacity .2s ease}.pdf-page-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f1f2f5}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay.drawing{cursor:crosshair;touch-action:none;background:#4c87ff0a}.box{position:absolute;border:2px solid var(--accent);border-radius:4px;background:#4c87ff1f;cursor:pointer}.box.private{border-color:var(--warn);background:#ffb4541f}.box.resolved{border-style:dashed;opacity:.55}.box.active{border-width:3px;background:#4c87ff4d;box-shadow:0 0 0 3px #4c87ff73,0 0 26px 6px #4c87ff99;z-index:3;animation:boxPop .35s ease-out}.box.private.active{background:#ffb4544d;box-shadow:0 0 0 3px #ffb45473,0 0 26px 6px #ffb45499}@keyframes boxPop{0%{transform:scale(1.06)}to{transform:scale(1)}}.box-pending{position:absolute;border:3px solid var(--accent);border-radius:4px;background:#4c87ff47;box-shadow:0 0 0 3px #4c87ff4d,0 0 30px 8px #4c87ff8c;z-index:4;pointer-events:none;animation:pendingPulse 1.4s ease-in-out infinite}.box-pending .pin{position:absolute;top:-11px;left:-11px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:grid;place-items:center;line-height:1}@keyframes pendingPulse{0%,to{box-shadow:0 0 0 3px #4c87ff4d,0 0 22px 5px #4c87ff73}50%{box-shadow:0 0 0 5px #4c87ff73,0 0 36px 10px #4c87ffb3}}.box-author{position:absolute;left:-2px;top:100%;margin-top:3px;font-size:10px;line-height:1.6;white-space:nowrap;background:var(--accent);color:#fff;padding:0 6px;border-radius:4px;opacity:.9;pointer-events:none}.box.private .box-author{background:var(--warn);color:#1a1205}.box.active .box-author{opacity:1;font-weight:700}.box .pin{position:absolute;top:-11px;left:-11px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;line-height:1}.box.private .pin{background:var(--warn);color:#1a1205}.box-draft{position:absolute;border:2px dashed var(--accent);background:#4c87ff29;border-radius:4px}.page-label{position:absolute;top:6px;left:8px;font-size:11px;background:#0009;padding:2px 7px;border-radius:6px;color:#fff;line-height:1.5}.side{position:sticky;top:70px;display:flex;flex-direction:column;gap:12px}@media (max-width: 900px){.side{position:static}}.comment-list{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:2px}@media (max-width: 900px){.comment-list{max-height:none}}.comment{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;transition:border-color .15s}.comment:hover{border-color:#3a414f}.comment.active{border-color:var(--accent);background:#192031}.comment.resolved{opacity:.6}.comment-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-body{white-space:pre-wrap;word-break:break-word;font-size:14px}.comment-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.reply{margin-left:16px;border-left:2px solid var(--line);padding-left:10px}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.anchor-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:var(--accent-soft);color:#cfe0ff;border:1px solid rgba(76,135,255,.3);border-radius:999px;padding:3px 9px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px}.seg button{border:0;background:transparent;padding:5px 12px;border-radius:999px;cursor:pointer;font-size:13px;color:var(--muted)}.seg button.on{background:var(--accent);color:#fff;font-weight:600}.seg button.on.warn{background:var(--warn);color:#1a1205}.yt-wrap{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.yt-frame{position:relative;width:100%;aspect-ratio:16 / 9}.yt-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-frame>div{position:absolute;top:0;right:0;bottom:0;left:0}.yt-shield{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.yt-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer;background:#0a0c10;display:grid;place-items:center;align-content:center;gap:10px}.yt-play{width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;background:var(--accent);color:#fff;font-size:24px;line-height:1;padding-left:4px;box-shadow:0 6px 20px #4c87ff66}.yt-play:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:default}.yt-end{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0eed;display:grid;place-items:center;gap:12px;align-content:center;z-index:5}.yt-controls{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--surface);border-top:1px solid var(--line)}.yt-bar{position:relative;height:26px;display:flex;align-items:center}.yt-bar input[type=range]{width:100%;padding:0;background:transparent;border:0;accent-color:var(--accent)}.yt-markers{position:absolute;left:0;right:0;top:2px;height:6px;pointer-events:none}.yt-marker{position:absolute;top:0;width:4px;height:6px;border-radius:2px;background:var(--warn);transform:translate(-2px);pointer-events:auto;cursor:pointer}.yt-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 16px;border-radius:10px;z-index:100;max-width:90vw;font-size:14px}.toast.err{border-color:#ff6b6b80;color:#ffd5d5}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#050609b3;display:grid;place-items:center;padding:16px;z-index:60}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.auth-wrap{position:relative;overflow:hidden;transition:background .9s ease}.scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.auth-wrap .auth{position:relative;z-index:2}.auth-wrap.theme-day{--text: #22303f;--muted: #65778a;--line: #cfdce8;--surface: #ffffff;--surface-2: #f3f7fb;--accent: #2e8ba4;background:#cfe6f2;color:var(--text)}.auth-wrap.theme-day .card{background:#ffffffeb;box-shadow:0 16px 50px #2c567029;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-wrap.theme-day input{background:#fff;color:var(--text)}.auth-wrap.theme-day input::placeholder{color:#9bacbd}.auth-wrap.theme-day .btn.primary{background:#2e8ba4;border-color:#2e8ba4}.auth-wrap.theme-day .btn.ghost{color:var(--muted)}.auth-wrap.theme-day .logo .mark{background:#2e8ba4}.scene-day .sc-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#a9d7ec,#cfe8f4 42%,#eaf4f8)}.sc-sun{position:absolute;top:12%;left:14%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffdf2,#ffe9a8 55%,#ffd36b);box-shadow:0 0 70px 26px #ffd67880;animation:sunGlow 7s ease-in-out infinite}@keyframes sunGlow{0%,to{box-shadow:0 0 60px 20px #ffd6786b}50%{box-shadow:0 0 88px 30px #ffd67899}}.auth-wrap.theme-night{--accent: #ff8c1a;--accent-soft: rgba(255, 140, 26, .18);background:#0b0714}.auth-wrap.theme-night .card{background:#161020e0;border-color:#ff8c1a4d;box-shadow:0 0 60px #ff8c1a1a,0 18px 50px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-wrap.theme-night input{background:#0a0810cc;border-color:#ff8c1a38}.auth-wrap.theme-night input:focus{border-color:#ff8c1a}.auth-wrap.theme-night .btn.primary{background:linear-gradient(160deg,#ff9b2f,#e0561a);border-color:#e0561a;box-shadow:0 0 22px #ff8c1a4d}.auth-wrap.theme-night .logo .mark{background:linear-gradient(160deg,#ff9b2f,#e0561a);box-shadow:0 0 18px #ff8c1a8c}.scene-night .sc-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 620px at 78% -6%,#35214b 0%,transparent 60%),radial-gradient(900px 560px at 12% 104%,#1d1134 0%,transparent 58%),linear-gradient(180deg,#120b22,#0b0714)}.sc-moon{position:absolute;top:9%;right:13%;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff8e4,#ffe6a8 48%,#eec878);box-shadow:0 0 72px 24px #ffd68a38,inset -12px -8px 0 -6px #0000000d;animation:moonRise 1.5s cubic-bezier(.22,.9,.3,1) backwards,moonGlow 6s ease-in-out 1.5s infinite}@keyframes moonRise{0%{transform:translateY(260px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes moonGlow{0%,to{box-shadow:0 0 66px 22px #ffd68a33}50%{box-shadow:0 0 94px 32px #ffd68a4d}}.sc-stars{position:absolute;top:0;right:0;bottom:0;left:0}.sc-stars span{position:absolute;border-radius:50%;background:#fff;animation:twinkle 3.4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.18}50%{opacity:.85}}.sc-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%}.scene-day .sc-hill-far{fill:#9ec4d8}.scene-day .sc-hill-mid{fill:#7ba9c2}.scene-day .sc-hill-near{fill:#5d8ca8}.scene-night .sc-hill-far{fill:#2a1f3d}.scene-night .sc-hill-mid{fill:#1e1630}.scene-night .sc-hill-near{fill:#140e24}.sc-fog{fill:#9678be1f}.sc-bat{position:absolute;color:#0f0b1a;opacity:.92;will-change:transform}.sc-bat-0{top:14%;animation:fly1 18s linear 1.2s infinite,flap .34s ease-in-out infinite alternate}.sc-bat-1{top:26%;animation:fly2 24s linear 2s infinite,flap .27s ease-in-out infinite alternate}.sc-bat-2{top:40%;animation:fly1 30s linear 3.4s infinite,flap .41s ease-in-out infinite alternate}.sc-bat-3{top:20%;animation:fly2 21s linear 5s infinite,flap .31s ease-in-out infinite alternate}.sc-bat-4{top:52%;animation:fly1 26s linear 7s infinite,flap .37s ease-in-out infinite alternate}@keyframes fly1{0%{left:-8%;transform:translateY(0) scale(.85)}25%{transform:translateY(-36px) scale(.85)}50%{transform:translateY(20px) scale(.85)}75%{transform:translateY(-26px) scale(.85)}to{left:108%;transform:translateY(0) scale(.85)}}@keyframes fly2{0%{left:108%;transform:translateY(0) scaleX(-.7) scaleY(.7)}30%{transform:translateY(28px) scaleX(-.7) scaleY(.7)}60%{transform:translateY(-32px) scaleX(-.7) scaleY(.7)}to{left:-8%;transform:translateY(0) scaleX(-.7) scaleY(.7)}}@keyframes flap{0%{filter:none}to{filter:brightness(1.7)}}.sc-witch{position:absolute;top:11%;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5));animation:witchFly 26s linear 4s infinite}@keyframes witchFly{0%{left:-14%;transform:translateY(0) rotate(-4deg);opacity:0}6%{opacity:1}35%{transform:translateY(-40px) rotate(-7deg)}65%{transform:translateY(26px) rotate(-2deg)}94%{opacity:1}to{left:112%;transform:translateY(-14px) rotate(-5deg);opacity:0}}.sc-thread{position:fixed;top:0;left:0;width:1px;z-index:3;pointer-events:none;background:linear-gradient(180deg,#e1e8f80d,#e1e8f88c);will-change:transform,height}.sc-spider{position:fixed;top:0;left:0;z-index:3;pointer-events:none;filter:drop-shadow(0 5px 12px rgba(0,0,0,.7));will-change:transform;animation:spiderDrop .8s ease-out 3.4s backwards}@keyframes spiderDrop{0%{opacity:0}to{opacity:1}}.sc-spider .sc-legs{animation:legs .5s ease-in-out infinite alternate;transform-origin:26px 31px}@keyframes legs{0%{transform:scaleX(1) scaleY(1)}to{transform:scaleX(1.08) scaleY(.93)}}.auth-frame{position:relative}.vine{position:absolute;top:-22px;right:-16px;bottom:-22px;left:-16px;pointer-events:none;z-index:1;color:#d9742a}.vine-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.vine-line rect{fill:none;stroke:#d9742a;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(255,140,26,.55));stroke-dasharray:100;stroke-dashoffset:100;animation:vineGrow 1.7s ease-out 1.1s forwards}@keyframes vineGrow{to{stroke-dashoffset:0}}.vine-leaf{position:absolute;margin:-9px 0 0 -9px;color:#c9641f;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));animation:leafIn .45s cubic-bezier(.2,1.3,.4,1) backwards}@keyframes leafIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.vine-pumpkin{position:absolute;filter:drop-shadow(0 0 16px rgba(255,150,40,.55));animation:popIn .5s cubic-bezier(.2,1.4,.4,1) backwards,flicker 2.8s ease-in-out 3.6s infinite}.vine-tl{top:-30px;left:-28px}.vine-tr{top:-30px;right:-28px}.vine-bl{bottom:-30px;left:-28px}.vine-br{bottom:-30px;right:-28px}@keyframes popIn{0%{opacity:0;transform:scale(.3) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes flicker{0%,to{opacity:1}44%{opacity:.85}49%{opacity:1}74%{opacity:.9}}.vine-lantern{position:absolute;top:44%;filter:drop-shadow(0 0 14px rgba(255,180,70,.5));transform-origin:50% 0;animation:lanternIn .6s ease-out backwards,sway 4.2s ease-in-out 3.8s infinite}.vine-lantern-l{left:-46px}.vine-lantern-r{right:-46px}@keyframes lanternIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.vine-flame{animation:flicker 1.6s ease-in-out infinite}@media (max-width: 760px){.vine-lantern{display:none}.vine{top:-14px;right:2px;bottom:-14px;left:2px}.vine-pumpkin svg{width:40px;height:37px}.vine-tl,.vine-tr{top:-19px}.vine-bl,.vine-br{bottom:-19px}.vine-tl,.vine-bl{left:-12px}.vine-tr,.vine-br{right:-12px}.vine-leaf{width:15px;height:15px;margin:-7px 0 0 -7px}.sc-moon{width:80px;height:80px;top:6%;right:auto;left:9%}.sc-sun{width:72px;height:72px;left:9%}.sc-witch{width:78px;height:39px}}.theme-toggle{position:absolute;top:18px;right:18px;z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;box-shadow:0 6px 18px #00000040;transition:transform .25s ease,box-shadow .25s ease,background .4s ease}.theme-toggle:hover{transform:scale(1.09) rotate(-12deg)}.theme-toggle:active{transform:scale(.95)}.auth-wrap.theme-night .theme-toggle{background:#1d1530;border-color:#ff8c1a73;box-shadow:0 0 22px #ff8c1a73}@media (max-width: 600px){.theme-toggle{top:12px;right:12px;width:42px;height:42px}}@media (prefers-reduced-motion: reduce){.sc-bat,.sc-witch,.sc-moon,.sc-sun,.sc-stars span,.vine-pumpkin,.vine-lantern,.vine-leaf,.vine-flame,.vine-line rect,.sc-spider,.sc-spider .sc-legs{animation:none!important}.vine-line rect{stroke-dashoffset:0}.vine-leaf,.vine-pumpkin,.vine-lantern{opacity:1}}