*,:before,:after{box-sizing:border-box}:root{--bg:#141317;--rail:#1b1a20;--line:#2c2a33;--txt:#e8e6ef;--dim:#9a97a8;--accent:#ff8a3d;--ok:#4ade80;--bad:#ff6b6b;--btn:linear-gradient(180deg,#26242d,#1a191f);--btn-h:linear-gradient(180deg,#2e2c37,#212028);--btn-bd:#37354310;--btn-line:#3a3844;--hi:inset 0 1px 0 #ffffff0f;--sh:0 1px 2px #00000073;--acc:linear-gradient(180deg,#ffa563,#f5802e);--acc-h:linear-gradient(180deg,#ffb076,#ff8a3d);--acc-line:#c8681f;--dng:linear-gradient(180deg,#ff8080,#f05a5a);--dng-line:#c94141;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.38;cursor:default}.btn,.bar button,.go,.dlgbtns button,.draw,.pad header button,.pad footer button{background:var(--btn);border:1px solid var(--btn-line);box-shadow:var(--hi),var(--sh);color:var(--txt);border-radius:10px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s,transform 60ms}.bar button:hover:not(:disabled),.go:hover:not(:disabled),.dlgbtns button:hover:not(:disabled),.draw:hover:not(:disabled),.pad header button:hover:not(:disabled),.pad footer button:hover:not(:disabled){background:var(--btn-h);border-color:#494656}.bar button:active:not(:disabled),.go:active:not(:disabled),.dlgbtns button:active:not(:disabled),.draw:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #0006}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;width:100%;color:var(--txt);border:1px solid var(--line);font:inherit;background:#100f13;border-radius:8px;outline:none;padding:9px 11px}textarea:focus{border-color:var(--accent)}.prompt{resize:none;background:#0d0c10;border-radius:11px;flex:none;min-height:120px;padding:12px 13px;font-size:13.5px;line-height:1.5;transition:border-color .12s,box-shadow .12s;overflow-y:auto}.prompt::placeholder{color:#63616f;font-size:12.5px;line-height:1.55}.prompt:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}code{background:#000;border-radius:4px;padding:1px 5px;font-size:12px}.app{height:100%;display:flex}.rail{background:var(--rail);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:10px;width:320px;padding:18px 18px 24px;display:flex;overflow-y:auto}.brand{width:100%;height:auto;margin:2px 0 8px;display:block}.lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:8px;font-size:11px}.lbl em{text-transform:none;letter-spacing:0;opacity:.6;font-style:normal}.drop{border:1.5px dashed var(--line);text-align:center;min-height:120px;color:var(--dim);border-radius:11px;place-items:center;padding:14px;font-size:13px;transition:all .15s;display:grid;position:relative;overflow:hidden}.drop:hover{border-color:var(--accent);color:var(--txt)}.drop em{opacity:.65;font-size:11px;font-style:normal}.drop.has{border-style:solid;padding:0}.drop img{background:#fff;width:100%;display:block}.drop .x{background:#000a;border-radius:50%;width:22px;height:22px;font-size:11px;position:absolute;top:6px;right:6px}.opts{color:var(--dim);gap:14px;margin-top:2px;font-size:12px;display:flex}.opts label{cursor:pointer;align-items:center;gap:5px;display:flex}.opts input{accent-color:var(--accent)}.go{letter-spacing:.01em;background:var(--acc);border-color:var(--acc-line);color:#2a1403;margin-top:6px;padding:12px;font-size:13.5px;font-weight:650;box-shadow:inset 0 1px #ffffff47,0 2px 6px #f5802e38}.go:hover:not(:disabled){background:var(--acc-h);border-color:var(--acc-line)}.go.alt{background:var(--btn);border-color:var(--btn-line);color:var(--txt);box-shadow:var(--hi),var(--sh);font-weight:500}.go.alt:hover:not(:disabled){background:var(--btn-h)}.draw{width:100%;color:var(--dim);padding:9px;font-size:12.5px}.draw:hover{color:var(--txt)}.log{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.err{color:var(--bad);white-space:pre-wrap;margin:0;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.bar{border-bottom:1px solid var(--line);z-index:30;flex-wrap:nowrap;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.bar .grow{flex:1}.bar button{white-space:nowrap;flex:none;padding:8px 13px}.bar .primary{background:var(--acc);border-color:var(--acc-line);color:#2a1403;font-weight:650;box-shadow:inset 0 1px #ffffff47,0 2px 6px #f5802e33}.bar .primary:hover:not(:disabled){background:var(--acc-h);border-color:var(--acc-line)}.split{flex:none;display:flex;position:relative}.split .primary{border-radius:8px 0 0 8px}.split .caret{border-radius:0 8px 8px 0;margin-left:1px;padding:7px 8px}.menu{z-index:5;border:1px solid var(--line);background:#1b1a20;border-radius:9px;min-width:230px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000080}.menu button{text-align:left;width:100%;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px;display:block;overflow:hidden}.menu button:hover:not(:disabled){background:#2c2a33}.seg{border:1px solid var(--btn-line);background:#141319;border-radius:10px;flex:none;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.seg button{color:var(--dim);background:0 0;border:0;border-radius:0;padding:8px 13px;font-size:12.5px;transition:background .12s,color .12s}.seg button:hover:not(:disabled){color:var(--txt)}.seg button.on{color:var(--txt);background:var(--btn);box-shadow:var(--hi)}.stage{background-image:linear-gradient(45deg,var(--sq) 25%,transparent 25%,transparent 75%,var(--sq) 75%), linear-gradient(45deg,var(--sq) 25%,transparent 25%,transparent 75%,var(--sq) 75%);background-position:0 0,9px 9px;background-size:18px 18px;flex:1;place-items:center;padding:36px;display:grid;position:relative;overflow:auto}.stage.light{--sq:#1c18100e;background-color:#eae5da}.stage.dark{--sq:#ffffff0b;background-color:#0a0908}.empty{text-align:center;color:#3a352c;background:#f6f3ec;border:1.5px dashed #1c181038;border-radius:10px;max-width:520px;padding:38px 34px;box-shadow:0 6px 28px #1c18101f}.stage.dark .empty{color:#d8d3c6;background:#100f0c;border-color:#ffffff29;box-shadow:0 6px 28px #00000080}.empty .mark{color:var(--accent);margin-bottom:10px;font-size:30px;display:block}.empty p{margin:0;font-family:Patrick Hand,cursive;font-size:23px}.empty .sub{opacity:.72;margin-top:12px;font-family:Inter,sans-serif;font-size:13px;line-height:1.55}.veil{color:var(--txt);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d0c0fcc;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.spin{border:2px solid var(--accent);border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.lib{border-top:1px solid var(--line);background:var(--rail);padding:10px 16px 14px}.libhead{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.chips{text-transform:none;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{border:1px solid var(--line);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;background:#100f13;border-radius:999px;max-width:110px;padding:2px 7px;font-size:10px;line-height:1.5;overflow:hidden}.chip:hover{border-color:var(--accent);color:var(--txt)}.chip.on{background:var(--accent);color:#1a1005;border-color:#0000}.chip.add{opacity:.55;padding:2px 6px}.tagin{border:1px solid var(--accent);width:66px;color:var(--txt);background:#100f13;border-radius:999px;outline:none;padding:2px 6px;font-family:inherit;font-size:10px}.strip{align-items:flex-start;gap:10px;min-height:130px;padding-bottom:4px;display:flex;overflow-x:auto}.none{border:1.5px dashed var(--line);letter-spacing:.06em;color:#413f4c;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:10px;flex:1;align-self:stretch;place-items:center;min-height:104px;font-family:Patrick Hand,cursive;font-size:30px;display:grid}.thumb{border:1px solid var(--line);background:#100f13;border-radius:9px;flex:none;width:176px;position:relative;overflow:hidden}.thumb:hover{border-color:#494656}.thumb.active{border-color:var(--accent)}.thumb[draggable=true]:active{cursor:grabbing}.thumb .tw{background:#f6f3ec;border:0;width:100%;height:96px;padding:6px;display:block;overflow:hidden}.strip.dark .thumb .tw{background:#100f0c}.tw svg{pointer-events:none;width:100%;height:auto;max-height:100%}.meta{flex-direction:column;gap:4px;padding:5px 6px 6px;display:flex}.nm{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.thumb.active .nm{color:var(--accent)}.acts{gap:3px;display:none;position:absolute;top:4px;right:4px}.thumb:hover .acts{display:flex}.acts button{color:#fff;width:21px;height:21px;box-shadow:var(--hi),0 2px 6px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#2b2933dd,#16151add);border:1px solid #ffffff2e;border-radius:7px;place-items:center;font-size:10px;display:grid}.acts button:hover{background:var(--accent);color:#1a1005;border-color:#0000}.toast{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#000;border-radius:999px;max-width:70vw;padding:9px 16px;font-size:13px;position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.canvas{width:100%;max-width:1200px;position:relative}.paper{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:3px;width:100%}.stage.light .paper{background:#f6f3ec;box-shadow:0 1px #00000014,0 6px 28px #1c181021}.stage.dark .paper{background:#100f0c;box-shadow:0 0 0 1px #ffffff12,0 6px 28px #00000080}.paper svg{width:100%;height:auto;display:block}.paper svg .bx,.paper svg .ln{pointer-events:all}.paper svg use,.paper svg text{pointer-events:bounding-box}.paper svg .bx:hover,.paper svg .ln:hover,.paper svg use:hover,.paper svg text:hover{cursor:move}.overlay{pointer-events:none;position:absolute;inset:0}.selbox{outline:1.5px solid var(--accent);outline-offset:3px;background:#ff8a3d1a;border-radius:2px;position:absolute}.marquee{border:1px dashed var(--accent);background:#ff8a3d14;position:absolute}.tedit{pointer-events:auto;box-sizing:border-box;outline:1.5px solid var(--accent);caret-color:var(--accent);letter-spacing:inherit;background:#ff8a3d1a;border:0;border-radius:5px;padding:0 12px;font-family:Patrick Hand,Bradley Hand,Segoe Print,Comic Sans MS,cursive;line-height:1;position:absolute}.stage.light .tedit{color:#12100e}.stage.dark .tedit{color:#f2efe9}.hint{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin-left:14px;font-size:12px;overflow:hidden}.chk{color:var(--dim);cursor:pointer;align-items:center;gap:6px;margin-right:4px;font-size:12px;display:flex}.chk input{accent-color:var(--accent)}.newdoc{margin:0 0 2px}.docname{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;padding:0 2px 2px;font-size:11px;overflow:hidden}.tip{color:var(--dim);margin:2px 0 0;font-size:12px}.tipwrap{position:relative}.qm{opacity:.7;border:1px solid;border-radius:50%;place-items:center;width:13px;height:13px;font-size:9px;font-style:normal;line-height:1;display:inline-grid}.tipwrap:hover .qm{opacity:1;color:var(--accent)}.tip-pop{z-index:20;visibility:hidden;opacity:0;border:1px solid var(--line);width:270px;color:var(--dim);text-transform:none;letter-spacing:0;background:#1b1a20;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);box-shadow:0 12px 34px #0000008c}.tip-pop b{color:var(--txt);margin-bottom:4px;font-size:12.5px;display:block}.tip-pop code{border:1px solid var(--btn-line);color:#c9c5d6;white-space:nowrap;background:#0c0b0f;border-radius:7px;margin-top:6px;padding:7px 9px;font-size:11.5px;display:block;overflow-x:auto}.tip-pop em{opacity:.75;margin-top:7px;font-style:normal;display:block}.tipwrap:hover .tip-pop{visibility:visible;opacity:1;transform:translate(-50%)}.scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070609c4;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dlg{border:1px solid var(--line);background:#1b1a20;border-radius:14px;width:min(430px,100%);padding:20px 20px 16px;box-shadow:0 24px 60px #0009}.dlg h3{margin:0 0 8px;font-size:15px;font-weight:600}.dlg p{color:var(--dim);margin:0;font-size:13px;line-height:1.55}.dlg p b{color:var(--txt);font-weight:600}.dlg input{width:100%;color:var(--txt);border:1px solid var(--line);font:inherit;background:#0d0c10;border-radius:9px;outline:none;margin-top:14px;padding:10px 12px;font-size:13.5px}.dlg input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}.dlgbtns{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dlgbtns button{padding:9px 16px}.dlgbtns .go2{background:var(--acc);border-color:var(--acc-line);color:#2a1403;font-weight:650;box-shadow:inset 0 1px #ffffff47,0 2px 6px #f5802e33}.dlgbtns .danger{background:var(--dng);border-color:var(--dng-line);color:#2f0a0a;font-weight:650;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #f05a5a38}.dlgbtns .go2:hover,.dlgbtns .danger:hover{filter:brightness(1.06)}.prompt{scrollbar-width:thin;scrollbar-color:#3a3846 transparent}.prompt::-webkit-scrollbar{width:8px}.prompt::-webkit-scrollbar-track{background:0 0}.prompt::-webkit-scrollbar-thumb{background:#33313d padding-box content-box;border:2px solid #0000;border-radius:8px}.prompt:hover::-webkit-scrollbar-thumb{background:#454351 padding-box content-box}.pad{background:var(--rail);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:min(1120px,96vw);max-height:94vh;padding:14px;display:flex;box-shadow:0 24px 60px #0009}.pad header{align-items:center;gap:10px;padding:2px 2px 0;display:flex}.pad header .sep{background:var(--line);width:1px;height:22px;margin:0 2px}.pad header strong{font-size:14px}.padhint{color:var(--dim);font-size:12px}.pad header .grow{flex:1}.pad header button{padding:7px 12px;font-size:12.5px}.pad .seg{border-radius:11px;gap:2px;padding:3px}.pad header .seg button{box-shadow:none;min-width:38px;height:30px;color:var(--dim);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.pad header .seg button:hover:not(:disabled){color:var(--txt);background:#26242d;border:0}.pad header .seg button.on{background:var(--btn);box-shadow:var(--hi),0 1px 2px #0006;color:var(--txt)}.pad header .seg button.on .nib{background:var(--accent)}.nib{background:currentColor;border-radius:50%;transition:background .12s;display:block}.pad canvas{aspect-ratio:14/9;border:1px solid var(--line);cursor:crosshair;touch-action:none;background:#fff;border-radius:10px;width:auto;max-width:100%;height:min(94vh - 150px,min(1120px,96vw)/1.55556 - 20.5714px);margin:0 auto;display:block}.pad footer{justify-content:flex-end;gap:8px;display:flex}.pad footer button{padding:9px 16px}.pad footer .go2{background:var(--acc);border-color:var(--acc-line);color:#2a1403;font-weight:650;box-shadow:inset 0 1px #ffffff47,0 2px 6px #f5802e33}input[type=checkbox]{appearance:none;border:1px solid var(--btn-line);width:16px;height:16px;box-shadow:var(--hi);cursor:pointer;background:linear-gradient(#22212a,#17161c);border-radius:5px;flex:none;place-items:center;transition:background .12s,border-color .12s;display:grid}input[type=checkbox]:hover{border-color:#4d4a59}input[type=checkbox]:checked{background:var(--acc);border-color:var(--acc-line);box-shadow:inset 0 1px #ffffff59}input[type=checkbox]:checked:after{content:"";border-top:0;border-bottom:2px solid #2a1403;border-left:2px solid #2a1403;border-right:0;width:9px;height:5px;margin-top:-2px;transform:rotate(-45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text]:not(.tedit),input:not([type]):not(.tedit),.dlg input,.tagin{color:var(--txt);border:1px solid var(--btn-line);font:inherit;background:#0d0c10;border-radius:9px;outline:none;transition:border-color .12s,box-shadow .12s}input[type=text]:not(.tedit):focus,input:not([type]):not(.tedit):focus,.dlg input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}input::selection,textarea::selection{background:#ff8a3d4d}.opts label,.chk{-webkit-user-select:none;user-select:none}.chk:hover{color:var(--txt)}.splash{z-index:100;cursor:pointer;background:radial-gradient(120% 90% at 50% 30%,#221f27 0%,#141317 60%,#0d0c10 100%);align-content:center;place-items:center;gap:14px;animation:.55s 1.45s forwards splashout;display:grid;position:fixed;inset:0}.splash img{width:min(520px,62vw);height:auto;animation:.95s cubic-bezier(.16,.9,.25,1.06) both dropin}.splash .tagline{color:#6f6c7d;font-family:Patrick Hand,cursive;font-size:17px;animation:.7s .5s both fadeup}@keyframes dropin{0%{opacity:0;filter:blur(6px);transform:translateY(-90px)scale(.86)rotate(-2deg)}60%{opacity:1;filter:blur()}78%{transform:translateY(9px)scale(1.015)rotate(.4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes splashout{to{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.splash img,.splash .tagline{animation:.3s both fadeup}}.dlg.wide{width:min(560px,100%)}.dlg .lbl{margin:16px 0 7px;display:block}.btn.small{flex:none;padding:9px 13px;font-size:12.5px}.btn.wide{width:100%;color:var(--dim);margin-top:8px;padding:9px;font-size:12.5px;display:block}.btn.wide:hover{color:var(--txt)}.bar .icon{padding:8px 10px;font-size:14px;line-height:1}.hand{color:var(--accent);margin:0;font-family:Patrick Hand,cursive;font-size:16px}.go.go:hover:not(:disabled),.bar button.primary:hover:not(:disabled),.dlgbtns button.go2:hover:not(:disabled),.pad footer button.go2:hover:not(:disabled){background:var(--acc-h);border-color:var(--acc-line);color:#2a1403}.dlgbtns button.danger:hover:not(:disabled){border-color:var(--dng-line);color:#2f0a0a;background:linear-gradient(#ff9090,#f56b6b)}.go.alt.alt:hover:not(:disabled){background:var(--btn-h);color:var(--txt)}.bar .icon{color:var(--dim);padding:7px 11px;font-size:17px;line-height:1}.bar .icon:hover,.dlg p b{color:var(--txt)}@font-face{font-family:Patrick Hand;src:url(/patrickhand.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}.rail .grow{flex:1;min-height:12px}.who{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.who>span{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.who .btn.wide{text-align:center;margin-top:0;text-decoration:none}.who form{margin:0}.seg.zoom button{font-variant-numeric:tabular-nums;min-width:44px;padding:8px 10px}.seg.zoom button:nth-child(2){min-width:58px}.stage{place-items:safe center}.canvas{margin:0 auto}.bar2{border-bottom:1px solid var(--line);z-index:20;background:#17161c;align-items:center;gap:10px;padding:9px 16px;display:flex;position:relative}.bar2lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:11px}.bar2hint{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12px;overflow:hidden}.inks{align-items:center;gap:6px;display:flex}.ink{width:24px;height:24px;box-shadow:var(--hi),var(--sh);border:1px solid #ffffff26;border-radius:50%;transition:transform .1s}.ink:hover:not(:disabled){transform:scale(1.14)}.ink:disabled{opacity:.3}.animin{min-width:0;color:var(--txt);border:1px solid var(--btn-line);font:inherit;background:#0d0c10;border-radius:9px;outline:none;flex:1;padding:8px 12px;font-size:13px}.animin:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}.animin::placeholder{color:#63616f}.bar2 .go2{background:var(--acc);border:1px solid var(--acc-line);color:#2a1403;white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:650;box-shadow:inset 0 1px #ffffff47,0 2px 6px #f5802e33}.bar2 .go2:hover:not(:disabled){background:var(--acc-h)}.paper.playing{cursor:default}.paper.playing svg *{pointer-events:none}.search{width:210px;color:var(--txt);border:1px solid var(--btn-line);font:inherit;text-transform:none;letter-spacing:0;background:#100f13;border-radius:999px;outline:none;flex:none;padding:5px 12px;font-size:12px}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}.search::placeholder{color:#63616f}.libhead .count{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:11px}.badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#2c2a33;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:9px;font-style:normal}.gate{background:radial-gradient(120% 90% at 50% 25%,#221f27 0%,#141317 60%,#0d0c10 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.gatebox{background:var(--rail);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;width:min(400px,100%);padding:26px 24px 22px;display:flex;box-shadow:0 24px 60px #0000008c}.gatebox img{width:100%;height:auto}.gatebox .hand{text-align:center;color:#6f6c7d;margin:-2px 0 8px;font-family:Patrick Hand,cursive;font-size:15px}.gatebox input{color:var(--txt);border:1px solid var(--btn-line);font:inherit;background:#0d0c10;border-radius:10px;outline:none;padding:11px 13px;font-size:14px}.gatebox input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}.gatebox .lbl{margin-top:2px}.gatebox .go{margin-top:6px}.gateswap{text-align:center;color:var(--dim);margin-top:2px;font-size:12.5px;text-decoration:none}.gateswap:hover{color:var(--accent)}.gateerr{color:var(--bad);margin:0;font-size:12.5px}.gatefine{color:var(--dim);opacity:.8;margin:6px 0 0;font-size:11.5px;line-height:1.55}.adminpage{max-width:760px;margin:0 auto;padding:28px 24px 60px}.adminbar{align-items:center;gap:14px;margin-bottom:22px;display:flex}.adminbar h1{margin:0;font-size:17px;font-weight:600}.adminbar .btn{text-decoration:none}.adminme{color:var(--dim);margin-left:auto;font-size:11.5px}.card{background:var(--rail);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:18px 20px}.card h2{margin:0 0 4px;font-size:14px;font-weight:600}.card>p{color:var(--dim);margin:0 0 14px;font-size:12.5px;line-height:1.55}.card>p b{color:var(--txt)}.rows{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.rows li{border:1px solid var(--btn-line);background:#141319;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.rows form{margin-left:auto}.rowname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rownote{color:var(--dim);margin-left:8px;font-size:11px;font-style:normal}.rowempty{color:var(--dim);font-size:12.5px}.addrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.addrow input{min-width:150px;color:var(--txt);border:1px solid var(--btn-line);font:inherit;background:#0d0c10;border-radius:9px;outline:none;flex:1;padding:9px 12px;font-size:13px}.addrow input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a3d21}.addrow input[name=note]{flex:0 160px}.addrow .chk{flex:none}.btn.danger{background:var(--dng);border-color:var(--dng-line);color:#2f0a0a;font-weight:600}.btn.danger:hover:not(:disabled){filter:brightness(1.06)}.adminfine{color:var(--dim);opacity:.8;font-size:11.5px}.devlink{text-align:center;opacity:.7;margin-top:14px;text-decoration:none}.devlink:hover{opacity:1}.opts{position:relative}.opts .tipwrap{position:static}.opts .tip-pop{width:auto;left:0;right:0;transform:translateY(-4px)}.opts .tipwrap:hover .tip-pop{transform:translateY(0)}.animnote{color:var(--dim);border-bottom:1px solid var(--line);background:#17161c;margin:0;padding:8px 16px 10px;font-size:12px;line-height:1.5}.animnote b{color:var(--txt);font-weight:600}.animnote.stale{color:#ffd0a8;background:#241a12;border-bottom-color:#3a2617}.animnote.stale b{color:var(--accent)}.bar2 .chk{flex:none;margin:0}