@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}:root{--bg:#000;--side:#0c0c0e;--card:#161618;--card2:#202023;--line:#26262a;--line2:#2e2e33;--active:#1e1e21;--text:#f5f5f7;--text2:#b4b4ba;--text3:#9a9aa0;--green:#b5e48c;--blue:#8ab4ff;--yellow:#ffd479;--pink:#ff8fa3;--lilac:#c4a7ff;--gray:#a1a1a6;--radius:16px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--hand:"Caveat", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--text3)}a{color:var(--blue);text-decoration:none}a:hover{color:#b9d0ff}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}.chalk{filter:url(#chalk)}.hand{font-family:var(--hand);font-weight:700}.muted{color:var(--text2)}.faint{color:var(--text3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh;display:flex}.sidebar{background:var(--side);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:18px;width:264px;height:100dvh;padding:18px 12px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:18px 28px 56px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;padding:2px 8px;display:flex}.brand-name{letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.1}.brand-sub{color:var(--text3);font-size:12px}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{color:var(--text3);justify-content:space-between;align-items:center;padding:0 8px 4px;font-size:12px;font-weight:600;display:flex}.nav-item{text-align:left;width:100%;min-height:38px;color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.nav-item:hover{color:var(--text);background:#151517}.nav-item.active{background:var(--active)}.nav-tile{border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.nav-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.nav-count{color:var(--text3);font-size:12px}.nav-sub{flex-direction:column;gap:2px;padding-left:22px;display:flex}.nav-sub .nav-item{color:#d1d1d6;min-height:34px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.twisty{width:22px;height:22px;color:var(--text3);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.twisty:hover{background:var(--line)}.nav-row{position:relative}.nav-twisty{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.icon-btn{width:32px;height:32px;color:var(--text2);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--card2);color:var(--text)}.nav-bottom{margin-top:auto}.settings-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);flex-direction:column;gap:12px;max-width:640px;padding:16px;display:flex}.settings-head{align-items:center;gap:10px;display:flex}.settings-head h2{margin:0;font-size:15px;font-weight:600}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-value{text-align:right;align-items:center;display:inline-flex}.settings-problems{color:var(--yellow);background:#ffd47914;border-radius:12px;flex-direction:column;gap:4px;margin:0;padding:10px 14px 10px 30px;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:320px;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.search kbd{color:var(--text2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-family:inherit;font-size:12px}.btn{border:1px solid var(--line);height:40px;color:var(--text);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--card2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--text);color:#000;border-color:var(--text);font-weight:600}.btn-primary:hover{background:#fff}.btn-tall{border-radius:12px;height:44px;padding:0 16px}.btn-small{border-radius:8px;height:30px;padding:0 10px;font-size:13px}.btn-ok{color:var(--green);background:#b5e48c29;border-color:#0000;font-weight:600}.btn-danger{color:var(--pink)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:700;line-height:1.15}.page-sub{color:var(--text2);margin:4px 0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line2);color:#d1d1d6;background:0 0;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip.on{background:var(--text);color:#000;border-color:var(--text)}.section-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-head h2{margin:0;font-size:15px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:12px;display:grid}.card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;color:inherit;flex-direction:column;width:100%;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:#3a3a3e}.thumb{background:var(--card2);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-badge{color:var(--text);background:#000000a6;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:10px}.thumb-count{left:10px;right:auto}.play-circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.thumb-play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.doc-page{background:#2e2e33;border-radius:7px;flex-direction:column;gap:5px;width:64px;height:82px;padding:16px 10px 0;display:flex;position:relative}.doc-page i{background:#4a4a50;border-radius:2px;height:4px;display:block}.doc-ext{color:var(--yellow);background:#ffd47933;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:8px;left:8px}.card-body{flex-direction:column;gap:6px;padding:13px 14px 12px;display:flex}.card-head{align-items:center;gap:8px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.card-text{color:#c7c7cc;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text3);overflow-wrap:anywhere;font-size:12px}.card-foot{border-top:1px solid var(--line);align-items:center;gap:8px;min-height:30px;margin-top:4px;padding-top:9px;display:flex}.folder-chip{color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;max-width:100%;margin:-4px -6px;padding:4px 6px;font-size:13px;font-weight:500;display:inline-flex}.folder-chip:hover{background:var(--card2)}.folder-chip span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-chip.no-folder{color:var(--text3);font-weight:400}.star-btn{width:32px;height:32px;margin:-6px -6px -6px 0}.pinned{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.pin{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;min-width:0;color:inherit;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.pin:hover{border-color:#3a3a3e}.pin-tile{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.pin-tile img{object-fit:cover;width:100%;height:100%}.pin-text{flex-direction:column;min-width:0;display:flex}.pin-text b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pin-text span{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.empty{border:1px dashed var(--line2);border-radius:var(--radius);text-align:center;color:var(--text2);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty .hand{color:var(--yellow);font-size:26px}.more{justify-content:center;margin-top:16px;display:flex}.error-box{color:var(--pink);background:#ff8fa31a;border-radius:12px;padding:12px 14px}.notice{background:var(--card);border:1px solid var(--line);color:var(--text2);border-radius:12px;padding:10px 14px}.overlay{-webkit-backdrop-filter:blur(6px);z-index:50;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border:1px solid var(--line2);border-radius:20px;width:min(980px,100%);max-height:100%;overflow:auto;box-shadow:0 30px 80px #0009}.sheet.narrow{width:min(460px,100%)}.sheet-head{z-index:2;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#161618eb;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.sheet-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.sheet-body{flex-direction:column;gap:14px;padding:16px;display:flex}.viewer{grid-template-columns:minmax(0,1fr) 260px;display:grid}.viewer-media{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.viewer-media img,.viewer-media video{object-fit:contain;background:#0a0a0b;border-radius:12px;width:100%;max-height:70vh;display:block}.viewer-media iframe{background:#fff;border:0;border-radius:12px;width:100%;height:70vh}.viewer-media audio{width:100%}.viewer-side{border-left:1px solid var(--line);flex-direction:column;gap:14px;padding:16px;display:flex}.field-label{color:var(--text3);margin-bottom:4px;font-size:12px}.textarea,.input{border:1px solid var(--line2);background:#121214;border-radius:12px;outline:none;width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:120px;line-height:1.5}.textarea:focus,.input:focus{border-color:#4a4a50}.title-input{background:0 0;border:0;outline:none;width:100%;padding:4px 0;font-size:15px;font-weight:600}.file-box{background:var(--card2);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.side-actions{flex-direction:column;gap:8px;display:flex}.tree{flex-direction:column;gap:2px;max-height:50vh;display:flex;overflow:auto}.tree-item{text-align:left;width:100%;min-height:40px;color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.tree-item:hover{background:var(--card2)}.tree-item.current{background:var(--active)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-pick{border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.color-pick.on{border-color:var(--text)}.dropzone{border:1px dashed var(--line2);text-align:center;color:var(--text2);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex}.dropzone.over{border-color:var(--blue);background:#8ab4ff0f}.progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress i{background:var(--green);height:100%;transition:width .2s;display:block}.drop-overlay{z-index:60;border:3px dashed var(--blue);pointer-events:none;font-family:var(--hand);color:var(--blue);background:#000000b3;justify-content:center;align-items:center;font-size:34px;display:flex;position:fixed;inset:0}.toast{z-index:80;border:1px solid var(--line2);color:var(--text);background:#232326;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.sheet.wide{width:min(1280px,100%)}.sheet.wide .viewer{grid-template-columns:minmax(0,1fr) 280px}.sheet.wide .viewer-media img{max-height:76vh}.media-wrap{flex-direction:column;gap:8px;display:flex}.media-btn{cursor:zoom-in;background:0 0;border:0;border-radius:12px;width:100%;padding:0;display:block}.media-actions{flex-wrap:wrap;gap:8px;display:flex}.lightbox,.editor{z-index:70;color:var(--text);background:#000000f0;flex-direction:column;display:flex;position:fixed;inset:0}.editor{z-index:75;background:#000}.lb-bar{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;flex:none;align-items:center;gap:8px;display:flex}.lb-count{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.lb-btn{min-width:44px;height:44px;color:var(--text);background:#ffffff14;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.lb-btn:hover{color:var(--text);background:#ffffff29}.lb-btn:disabled{opacity:.5;cursor:default}.lb-close{width:44px;padding:0}.lb-save{background:var(--text);color:#000;font-weight:600}.lb-save:hover{color:#000;background:#fff}.lb-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 12px 16px;display:flex;overflow:hidden}.lb-stage img{object-fit:contain;cursor:zoom-in;border-radius:6px;max-width:100%;max-height:100%}.lb-stage iframe{background:#fff;border:0;border-radius:10px;width:min(1100px,100%);height:100%}.lb-stage.zoomed{text-align:center;display:block;overflow:auto}.lb-stage.zoomed img{cursor:zoom-out;max-width:none;max-height:none}.lb-nav{width:48px;height:48px;color:var(--text);background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#fff3}.lb-prev{left:12px}.lb-next{right:12px}.editor-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 12px 12px;display:flex;overflow:hidden}.editor-canvas-wrap{touch-action:none;max-width:100%;max-height:100%;display:inline-flex;position:relative}.editor-canvas-wrap canvas{touch-action:none;cursor:crosshair;background:#111;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 200px);display:block}.crop-sel{pointer-events:none;border:2px dashed #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.editor-tools{padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0a0a0b;border-top:1px solid #1c1c1f;flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.editor-tools .row{justify-content:center}.tool{border:1px solid var(--line2);color:#d1d1d6;background:0 0;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.tool:hover{background:var(--card2)}.tool.on{background:var(--text);color:#000;border-color:var(--text)}.tool:disabled{opacity:.4;cursor:default}.login{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-box{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(380px,100%);display:flex}.login-title{letter-spacing:-.04em;margin:0;font-size:44px;font-weight:700;line-height:1}.login-tag{color:var(--text3);margin:-6px 0 6px;font-size:25px}.code{letter-spacing:.2em;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 18px 10px 26px;font-size:44px;font-weight:700}.tabs{z-index:40;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#0c0c0ef0;border-top:1px solid #222226;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.tab{min-width:64px;color:var(--text3);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:2px 0;font-size:11px;font-weight:500;display:flex}.tab.active{color:var(--text)}.mobile-only{display:none}@media (width<=760px){.sidebar{display:none}.main{padding:calc(10px + env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));gap:16px}.tabs{display:flex}.mobile-only{display:initial}.desktop-only{display:none!important}.page-title{font-size:32px}.topbar{flex-wrap:nowrap}.search{flex:auto;min-width:0}.topbar .btn-primary{flex:none;width:44px;padding:0}.grid{grid-template-columns:1fr;gap:8px}.card{flex-direction:row;align-items:flex-start}.thumb{border-radius:12px;flex:none;width:64px;height:64px;margin:12px 0 12px 12px}.thumb .play-circle{width:28px;height:28px}.thumb-badge{padding:1px 4px;font-size:10px;bottom:3px;right:3px}.thumb-count{left:3px;right:auto}.thumb .doc-page{transform:scale(.62)}.card-body{flex:1;min-width:0;padding:11px 12px 10px}.card-text{-webkit-line-clamp:3}.chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chip{flex:none}.pinned{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;margin:0 -16px;padding:0 16px;overflow-x:auto}.overlay{align-items:flex-end;padding:0}.sheet{border-radius:20px 20px 0 0;width:100%;max-height:94dvh}.sheet.narrow{width:100%}.viewer,.sheet.wide .viewer{grid-template-columns:1fr}.lb-nav{width:40px;height:40px}.tool{padding:0 10px}.viewer-side{border-left:0;border-top:1px solid var(--line);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.viewer-media iframe{height:60vh}.toast{bottom:calc(96px + env(safe-area-inset-bottom))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes star-pop{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-14deg)}65%{transform:scale(.9)rotate(6deg)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-border{0%,to{border-color:var(--blue)}50%{border-color:var(--lilac)}}:root{--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.grid>.card,.pinned>.pin{animation:rise .45s var(--ease) both}.grid>.card:nth-child(2),.pinned>.pin:nth-child(2){animation-delay:30ms}.grid>.card:nth-child(3),.pinned>.pin:nth-child(3){animation-delay:60ms}.grid>.card:nth-child(4),.pinned>.pin:nth-child(4){animation-delay:90ms}.grid>.card:nth-child(5){animation-delay:.12s}.grid>.card:nth-child(6){animation-delay:.15s}.grid>.card:nth-child(7){animation-delay:.18s}.grid>.card:nth-child(8){animation-delay:.21s}.grid>.card:nth-child(n+9){animation-delay:.24s}.card,.pin{transition:border-color .2s, transform .25s var(--ease), box-shadow .25s var(--ease)}.thumb img{transition:transform .5s var(--ease)}@media (hover:hover){.card:hover,.pin:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000073}.card:hover .thumb img{transform:scale(1.04)}}.btn,.chip,.icon-btn,.nav-item,.tree-item,.tab,.tool,.lb-btn,.lb-nav,.folder-chip,.color-pick,.twisty{transition:background-color .18s, color .18s, border-color .18s, transform .15s var(--ease), opacity .18s}.btn:active:not(:disabled),.chip:active,.icon-btn:active,.tool:active:not(:disabled),.lb-btn:active:not(:disabled),.tab:active,.color-pick:active{transform:scale(.94)}.card:active,.pin:active,.nav-item:active,.tree-item:active{transform:scale(.985)}.lb-nav:active{transform:translateY(-50%)scale(.92)}.color-pick:hover{transform:scale(1.12)}.tab svg{transition:transform .25s var(--spring)}.tab.active svg{transform:translateY(-2px)}.star-btn[aria-pressed=true] svg{animation:star-pop .5s var(--spring)}.overlay{animation:.2s ease-out fade}.sheet{animation:pop-in .32s var(--ease)}.lightbox,.editor{animation:.2s ease-out fade}.lb-stage img{animation:zoom-in .3s var(--ease)}.toast{animation:toast-in .3s var(--spring)}.drop-overlay{animation:.15s ease-out fade,1.6s ease-in-out infinite pulse-border}.dropzone{transition:border-color .2s, background-color .2s, transform .2s var(--ease)}.dropzone.over{transform:scale(1.01)}.empty .hand{animation:3s ease-in-out infinite wiggle;display:inline-block}.code{animation:3.2s ease-in-out infinite float}.login-box{animation:rise .6s var(--ease)}.nav-sub{animation:rise .25s var(--ease)}@media (width<=760px){.sheet{animation:slide-up .38s var(--ease)}}.board-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.board-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);animation:rise .45s var(--ease) both;transition:border-color .2s, transform .25s var(--ease), box-shadow .25s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-right:8px;display:grid;overflow:hidden}.board-card.trashed{opacity:.7}.board-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#0c0c0e;grid-column:1/-1;justify-content:center;align-items:center;margin-right:-8px;display:flex;overflow:hidden}.board-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.board-meta{min-width:0;padding:10px 6px 12px 14px}.board-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.board-name:hover{color:var(--text)}.boards{flex-direction:column;gap:22px;display:flex}.boards-trash{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.boards-trash .board-grid{width:100%}@media (hover:hover){.board-card:hover{border-color:#3a3a3e;transform:translateY(-2px);box-shadow:0 10px 28px #00000073}.board-card:hover .board-thumb img{transform:scale(1.03)}}.main.main-board{gap:0;height:100dvh;padding:0;position:relative;overflow:hidden}.board-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0b0c;flex:1;height:100%;position:relative;overflow:hidden}.board-msg{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.bd-canvas{position:absolute;inset:0;overflow:hidden}.bd-canvas canvas{touch-action:none;display:block}.bd-text-edit{transform-origin:0 0;resize:none;font-family:var(--font);white-space:pre;caret-color:var(--blue);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;margin:0;padding:0;font-weight:500;line-height:1.3;position:absolute;top:0;left:0;overflow:hidden}.bd-text-edit.sticky{white-space:pre-wrap;word-break:break-word;color:#1c1c1e;caret-color:#1c1c1e}.bd-text-edit::placeholder{color:#f5f5f759}.bd-text-edit.sticky::placeholder{color:#1c1c1e66}.bd-tools,.bd-sub,.bd-selbar,.bd-zoom,.bd-round,.bd-title,.bd-status,.bd-conflict,.bd-busy{-webkit-backdrop-filter:blur(14px);border:1px solid var(--line2);background:#161618e6;box-shadow:0 10px 30px #00000073}.bd-head{left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.bd-head>*{pointer-events:auto}.bd-head-gap{pointer-events:none;flex:1}.bd-round{width:40px;height:40px;color:var(--text);border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.bd-round:disabled{opacity:.4;cursor:default}.bd-title{width:min(320px,46vw);min-width:0;height:40px;color:var(--text);border-radius:12px;outline:none;padding:0 14px;font-size:15px;font-weight:600}.bd-title:focus{border-color:#4a4a50}.bd-status{height:28px;color:var(--text3);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.bd-status:empty{display:none}.bd-status.bad{color:var(--yellow)}.bd-dock{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.bd-tools,.bd-sub,.bd-selbar{scrollbar-width:none;border-radius:16px;align-items:center;gap:4px;max-width:100%;padding:6px;display:flex;overflow-x:auto}.bd-tools::-webkit-scrollbar{display:none}.bd-sub::-webkit-scrollbar{display:none}.bd-selbar::-webkit-scrollbar{display:none}.bd-sub{animation:rise .25s var(--ease)}.bd-tool{width:44px;height:44px;color:var(--text2);transition:background-color .18s, color .18s, transform .15s var(--ease);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.bd-tool:hover{background:var(--card2);color:var(--text)}.bd-tool.on{background:var(--text);color:#000}.bd-tool:active{transform:scale(.92)}.bd-tool.small{border-radius:10px;width:36px;height:36px}.bd-width{background:currentColor;border-radius:50%;display:block}.bd-sep{background:var(--line2);flex:none;align-self:stretch;width:1px;margin:4px 3px}.bd-swatch{width:26px;height:26px;transition:transform .15s var(--ease), box-shadow .15s;border:2px solid #0006;border-radius:50%;flex:none;margin:0 2px;padding:0}.bd-swatch:hover{transform:scale(1.12)}.bd-swatch.on{box-shadow:0 0 0 2px #161618, 0 0 0 4px var(--text)}.bd-chip{height:34px;color:var(--text2);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;padding:0 12px;font-size:13px;font-weight:500}.bd-chip.on{background:var(--text);color:#000}.bd-add .bd-chip{color:var(--text);align-items:center;gap:8px;height:40px;display:inline-flex}.bd-add .bd-chip:hover{background:var(--card2)}.bd-selbar{left:50%;top:calc(62px + env(safe-area-inset-top));z-index:4;max-width:calc(100% - 24px);animation:.15s ease-out fade;position:absolute;transform:translate(-50%)}.bd-sel-btn{height:36px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.bd-sel-btn:hover{background:var(--card2)}.bd-sel-btn.icon{width:36px;color:var(--text2);justify-content:center;padding:0}.bd-sel-btn.danger{color:var(--pink)}.bd-swatches{flex:none;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.bd-zoom{right:12px;top:calc(62px + env(safe-area-inset-top));z-index:4;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.bd-zoom-btn,.bd-zoom-pct{height:32px;color:var(--text2);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.bd-zoom-btn{width:32px;padding:0}.bd-zoom-pct{font-variant-numeric:tabular-nums;min-width:54px;font-size:12px;font-weight:600}.bd-zoom-btn:hover,.bd-zoom-pct:hover{background:var(--card2);color:var(--text)}.bd-conflict,.bd-busy{left:50%;top:calc(62px + env(safe-area-inset-top));z-index:6;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 10px 8px 14px;display:flex;position:absolute;transform:translate(-50%)}.bd-conflict{color:var(--yellow);border-color:#ffd4794d}.bd-busy{color:var(--text2);padding:8px 14px;font-size:13px}.sheet-body>.search{flex:none}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pick{aspect-ratio:1;border:1px solid var(--line);background:var(--card2);text-align:left;color:var(--text);transition:border-color .15s, transform .15s var(--ease);border-radius:12px;padding:0;position:relative;overflow:hidden}.pick:active{transform:scale(.97)}.pick.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.pick img{object-fit:cover;width:100%;height:100%;display:block}.pick-title{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000c);padding:20px 8px 6px;font-size:12px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pick-text{height:100%;color:var(--text2);flex-direction:column;gap:5px;padding:10px;font-size:12px;display:flex;overflow:hidden}.pick-text b{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.pick-text>span:last-child{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pick-kind{border-radius:6px;align-self:flex-start;padding:1px 7px;font-size:11px;font-weight:600}.pick-check{background:#00000059;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px}.pick.on .pick-check{background:var(--blue);border-color:var(--blue)}.pick-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#161618f2;justify-content:flex-end;gap:8px;display:flex;position:sticky;bottom:0}@media (width<=760px){.main.main-board{padding:0}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-meta{padding:8px 4px 10px 10px;font-size:13px}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bd-tool{width:38px;height:40px}.bd-tools{gap:2px;padding:5px}.bd-title{flex:1;width:auto}.bd-head-gap,.bd-status{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}