@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--bg: #f3f0e8;--surface: #fffefa;--surface-2: #ebe8df;--sage-soft: #e2e8dd;--border: #dad6cb;--border-strong: #c5c0b3;--input-border: #8f8a7f;--text: #292d29;--muted: #62655e;--primary: #314535;--primary-hover: #243427;--on-primary: #fffefa;--secondary: #71846d;--accent: #bc8646;--accent-text: #87581f;--accent-soft: #f4e8d6;--danger: #a5362b;--danger-soft: #f8e5e1;--ok: #2f6b3a;--ok-soft: #e1ecdc;--add: #e1ecdc;--del: #f8e5e1;--focus: #bc8646;--shadow: 0 1px 2px rgb(41 45 41 / .06), 0 2px 8px rgb(41 45 41 / .04);--shadow-lg: 0 8px 30px rgb(41 45 41 / .14);--font: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Fraunces", "Noto Sans Devanagari", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-sm: 6px;--r: 8px;--r-lg: 12px;--sidebar-w: 232px;color-scheme:light}:root[data-theme=dark]{--bg: #1a1c19;--surface: #222520;--surface-2: #2b2e28;--sage-soft: #2c3529;--border: #383c35;--border-strong: #4a4f46;--input-border: #7a7f74;--text: #ebe8df;--muted: #a5a89e;--primary: #a9c4a4;--primary-hover: #bfd5bb;--on-primary: #1a1c19;--secondary: #8fa58a;--accent: #d6a466;--accent-text: #e2b77f;--accent-soft: #3a2f22;--danger: #f08a7c;--danger-soft: #3d2420;--ok: #9fd2a5;--ok-soft: #233425;--add: #233425;--del: #3d2420;--shadow: 0 1px 2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 30px rgb(0 0 0 / .5);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--font);font-feature-settings:"cv11","ss01"}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{line-height:1.2;margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.01em}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:650}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--primary);color:var(--on-primary);padding:8px 12px;border-radius:var(--r-sm)}.skip:focus{left:8px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app.collapsed{--sidebar-w: 64px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;color:var(--text);font-weight:700;font-size:16px;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:7px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;flex:none}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text);font-size:14px;white-space:nowrap}.nav-item:hover{background:var(--surface-2);text-decoration:none}.nav-item.active{background:var(--sage-soft);color:var(--primary);font-weight:600}.nav-item .count{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.nav-item svg{flex:none}.app.collapsed .nav-text,.app.collapsed .nav-label,.app.collapsed .count,.app.collapsed .brand-name,.app.collapsed .sidebar-foot p{display:none}.app.collapsed .nav-item{justify-content:center}.sidebar-foot{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-foot p{margin:0;font-size:12px;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 24px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.topbar .mobile-brand{display:none}.page{width:100%;max-width:1180px;margin:0 auto;padding:24px 24px 72px;display:flex;flex-direction:column;gap:28px}.footer{padding:20px 24px;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}.bottom-nav{display:none}@media (max-width: 900px){.app,.app.collapsed{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:8px 12px}.topbar .mobile-brand{display:flex;padding:0}.topbar .collapse-btn{display:none}.page{padding:16px 16px 96px;gap:22px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font:inherit;font-size:11px;color:var(--muted);background:none;border:0;min-height:48px;justify-content:center}.bottom-nav .active{color:var(--primary);font-weight:600}.footer{padding-bottom:90px}}.search{position:relative;flex:1;max-width:560px}.search-input{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;border:1px solid var(--input-border);border-radius:var(--r);background:var(--surface);color:var(--muted)}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.search-input input{flex:1;border:0;background:none;outline:none;padding:0;height:100%;font-size:14px;color:var(--text);min-width:0}.search.big .search-input{height:52px;border-radius:var(--r-lg);padding:0 14px 0 16px;box-shadow:var(--shadow)}.search.big .search-input input{font-size:16px}.kbd{font:11px var(--mono);color:var(--muted);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:var(--surface-2);white-space:nowrap}.search-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:6px;max-height:min(70vh,460px);overflow-y:auto}.search-pop .group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 8px 4px}.result{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--r-sm);color:var(--text);text-align:left;background:none;border:0;font:inherit;cursor:pointer}.result:hover,.result.sel{background:var(--sage-soft);text-decoration:none}.result .r-name{font-weight:550;font-size:14px}.result .r-desc{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted);max-width:640px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);font-weight:600}.display{font-family:var(--display);font-weight:600;font-size:clamp(28px,4vw,36px);letter-spacing:-.015em;font-optical-sizing:auto}.section{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head a{font-size:13px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin:0}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);white-space:nowrap}.new-tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:1px 6px;border-radius:4px}.icon-chip{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--sage-soft);color:var(--primary)}.icon-chip.sm{width:28px;height:28px;border-radius:6px}.icon-chip.lg{width:44px;height:44px;border-radius:10px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.tile{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 40px 12px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text);transition:border-color .12s,box-shadow .12s}.tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.tile a.cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.tile a.cover:focus-visible{outline-offset:-2px}.tile .t-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tile .t-name{font-weight:600;font-size:14px;line-height:1.3}.tile .t-desc{font-size:12.5px;color:var(--muted);line-height:1.4}.tile .t-meta{display:flex;gap:8px;align-items:center;margin-top:4px}.tile .t-actions{position:absolute;top:8px;right:6px;display:flex;flex-direction:column;gap:2px;z-index:1}.rows{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.row-item{position:relative;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 12px;border-top:1px solid var(--border)}.row-item:first-child{border-top:0}.row-item:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.row-item a.cover{position:absolute;top:0;right:0;bottom:0;left:0}.row-item .t-name{font-weight:600;font-size:14px}.row-item .t-desc{font-size:13px;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-item .t-cat{width:130px;flex:none}.row-item .t-actions{display:flex;gap:2px;z-index:1}@media (max-width: 720px){.row-item .t-desc,.row-item .t-cat{display:none}.row-item .t-name{flex:1}}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.bench-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 34px 8px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text)}.bench-item:hover{border-color:var(--border-strong)}.bench-item a.cover{position:absolute;top:0;right:0;bottom:0;left:0}.bench-item .t-name{font-size:13.5px;font-weight:600;line-height:1.25}.bench-item .t-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:1}.pockets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.pocket{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--secondary);border-radius:var(--r);color:var(--text)}.pocket.custom{border-top-color:var(--accent)}.pocket:hover{border-color:var(--border-strong);border-top-color:var(--primary)}.pocket a.cover{position:absolute;top:0;right:0;bottom:0;left:0}.pocket .p-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pocket .p-name{font-weight:650}.pocket .p-count{font-size:12px;color:var(--muted);white-space:nowrap}.pocket .p-desc{font-size:13px;color:var(--muted);margin:-4px 0 0}.pocket .p-icons{display:flex;gap:4px;flex-wrap:wrap}.pocket.create{border:1px dashed var(--border-strong);border-top-width:1px;background:transparent;align-items:center;justify-content:center;color:var(--muted);min-height:120px;cursor:pointer;font:inherit}.pocket.create:hover{color:var(--primary);border-color:var(--primary)}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.cat{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);color:var(--text)}.cat:hover{background:var(--sage-soft);text-decoration:none}.cat b{font-size:14px;font-weight:600;display:block}.cat span.c-desc{font-size:12.5px;color:var(--muted);display:block;line-height:1.35}.cat .c-count{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .grow{flex:1;min-width:200px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;padding:6px 10px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--sage-soft);color:var(--primary);font-weight:600}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 16px;border:1px dashed var(--border-strong);border-radius:var(--r);color:var(--muted)}.empty.small{flex-direction:row;text-align:left;padding:12px 14px;gap:10px}.empty h3{color:var(--text)}.empty p{margin:0;max-width:460px;font-size:14px}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r);background:var(--accent-soft);color:var(--text);font-size:13.5px}.notice svg{color:var(--accent-text);flex:none;margin-top:2px}input,textarea,select{font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:8px 10px;outline:none;width:100%;min-height:38px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--primary);padding:0;box-shadow:none}input[type=color]{padding:2px;height:38px;width:52px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--primary);box-shadow:none;border:0;background:none;min-height:24px}input[type=file]{padding:6px}textarea{font-family:var(--mono);font-size:13px;min-height:180px;resize:vertical;line-height:1.5}.mono{font-family:var(--mono);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:14px;font-weight:500;padding:7px 12px;min-height:36px;border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.ghost{background:none;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.danger{color:var(--danger)}.btn.sm{min-height:30px;padding:4px 9px;font-size:13px}.icon-only{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.icon-only:hover{background:var(--surface-2);color:var(--text)}.icon-only.on{color:var(--accent)}.icon-only.sm{width:28px;height:28px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}.chip:hover{border-color:var(--border-strong);text-decoration:none}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.field-label{font-size:13px;font-weight:600;color:var(--text)}.field-hint{font-size:12px;color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.cols{grid-template-columns:1fr}}.check{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer;min-height:32px}.crumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.crumbs a{color:var(--muted)}.tool-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.tool-head .th-text{flex:1;min-width:240px}.tool-head p{margin:4px 0 0;color:var(--muted)}.tool-head .th-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.privacy{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ok);background:var(--ok-soft);padding:3px 8px;border-radius:var(--r-sm);margin-top:8px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}@media (max-width: 720px){.panel{padding:14px;border-radius:var(--r)}}.info-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media (max-width: 800px){.info-cols{grid-template-columns:1fr}}.howto{margin:0;padding-left:20px;line-height:1.8}.faq{border-bottom:1px solid var(--border);padding:10px 0}.faq summary{cursor:pointer;font-weight:600;font-size:14px}.faq p{margin:6px 0 0;color:var(--muted);font-size:14px}.error{background:var(--danger-soft);color:var(--danger);padding:9px 12px;border-radius:var(--r-sm);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-sm);font-size:13px;background:var(--ok-soft);color:var(--ok);align-self:flex-start}.muted{color:var(--muted)}.center{text-align:center}.output{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;font-family:var(--mono);font-size:13px;white-space:pre-wrap;word-break:break-all;margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stat{background:var(--surface-2);border-radius:var(--r);padding:12px}.stat-value{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-label{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:3px}.diff-add{background:var(--add)}.diff-del{background:var(--del);text-decoration:line-through;opacity:.85}.markdown{line-height:1.6;overflow-wrap:anywhere}.markdown pre{background:var(--surface);padding:12px;border-radius:var(--r-sm);overflow:auto}.markdown code{font-family:var(--mono)}.swatch{height:120px;border-radius:var(--r);border:1px solid var(--border)}.drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px dashed var(--border-strong);border-radius:var(--r);padding:26px 16px;text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color .12s,background .12s}.drop:hover,.drop.over{border-color:var(--primary);background:var(--sage-soft)}.drop-title{font-weight:600}.file-list{display:flex;flex-direction:column;gap:6px}.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;flex-wrap:wrap}.file-item .name{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 8px;min-height:30px;min-width:30px;cursor:pointer;color:var(--text);font:inherit;font-size:13px}.icon-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.icon-btn:disabled{opacity:.4;cursor:default}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.thumb{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center}.thumb canvas,.thumb img{max-width:100%;height:150px;object-fit:contain;background:#fff;box-shadow:0 1px 4px #00000026}.thumb.deleted{opacity:.35}.thumb-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.checker{background:repeating-conic-gradient(#ddd 0,#ddd 25%,#fff 0,#fff 50%) 0 0 / 16px 16px}.progress{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--primary);transition:width .2s}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column}.menu .m-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 8px}.menu button.m-item{display:flex;align-items:center;gap:8px;padding:8px;border:0;background:none;border-radius:var(--r-sm);font:inherit;font-size:14px;color:var(--text);cursor:pointer;text-align:left}.menu button.m-item:hover,.menu button.m-item:focus-visible{background:var(--surface-2)}.menu .m-sep{height:1px;background:var(--border);margin:4px 0}.menu .m-check{width:16px;color:var(--primary)}dialog.dialog{border:1px solid var(--border);border-radius:var(--r-lg);padding:0;width:min(460px,calc(100vw - 32px));background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}dialog.dialog::backdrop{background:#1a1c1973}.dialog form{display:flex;flex-direction:column;gap:14px;padding:20px}.dialog .d-actions{display:flex;justify-content:flex-end;gap:8px}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--text);color:var(--bg);padding:9px 14px;border-radius:var(--r);font-size:14px;box-shadow:var(--shadow-lg)}.toast button{background:none;border:0;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}@media (max-width: 900px){.toasts{bottom:84px}}@media (max-width: 900px){.search:not(.big) .search-pop{position:fixed;left:8px;right:8px;top:56px;max-height:calc(100vh - 140px)}.search:not(.big) .kbd{display:none}.result .tag{display:none}.tool-head .th-actions{width:100%}}.search-input input,input[type=range],input[type=color]{border-color:transparent}input[type=color]{border:1px solid var(--input-border)}h1,h2,h3,.p-name,.t-name,.crumbs span,.toast,.r-name,.pocket .p-desc,.cat b{overflow-wrap:anywhere}.pocket .p-name{min-width:0}td,th{overflow-wrap:anywhere}td.mono,.output{word-break:break-all}.panel table{min-width:0}.tile:has(.menu-wrap.open),.row-item:has(.menu-wrap.open),.bench-item:has(.menu-wrap.open){z-index:20}.menu.up{top:auto;bottom:calc(100% + 4px)}.tile{min-height:76px}.drop:focus-within{outline:2px solid var(--focus);outline-offset:2px}.drop.disabled{opacity:.6;cursor:progress}.timer-display{font-size:clamp(36px,12vw,56px);font-weight:700;font-variant-numeric:tabular-nums}.bottom-nav a:focus-visible,.bottom-nav button:focus-visible{outline-offset:-2px}.empty h2{font-size:16px;color:var(--text)}input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.field-error{font-size:12px;color:var(--danger)}.auth-buttons{display:flex;gap:6px;align-items:center}.btn.ghost-text{background:none;border-color:transparent}.btn.ghost-text:hover{background:var(--surface-2)}a.btn:hover{text-decoration:none}.avatar{width:34px;height:34px;border-radius:50%;border:0;background:var(--primary);color:var(--on-primary);font:inherit;font-weight:700;cursor:pointer}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}@media (max-width: 900px){.auth-buttons .ghost-text span{display:none}.auth-buttons .ghost-text{padding:7px 8px}.join-btn{padding:6px 10px;min-height:32px;font-size:13px}}@media (max-width: 420px){.topbar .brand-name{display:none}}.stars{display:inline-flex;gap:2px}.star-btn{background:none;border:0;padding:4px;cursor:pointer;color:var(--border-strong);border-radius:6px}.star-btn.on{color:var(--accent)}.star-btn:hover{background:var(--surface-2)}.rating-box{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.legal{max-width:760px;display:flex;flex-direction:column;gap:10px;line-height:1.7}.legal h2{margin-top:14px}.legal p,.legal ul{margin:0}.legal ul{padding-left:22px}.prerender{max-width:900px;margin:0 auto;padding:24px 16px;line-height:1.6}.prerender nav{font-size:14px;margin-bottom:16px}.rating-done{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 16px}.lang-switch{font-weight:600;padding:7px 10px}.lang-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 24px 0;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.lang-banner span{flex:1 1 200px}@media (max-width: 720px){.lang-banner{margin:10px 16px 0}}.op-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:6px 10px;background:none;border:0;border-top:1px solid var(--border);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.op-item:hover,.op-item:focus-visible{background:var(--surface-2)}.op-item.suggestion{display:block;border:1px solid var(--border);border-radius:8px;padding:8px}.code-editor{display:flex;flex-direction:column;border:1px solid var(--input-border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface);min-width:0}.code-editor:focus-within{outline:2px solid var(--focus);outline-offset:1px}.code-editor.is-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;border-radius:0;border:0;outline:none}.code-editor.is-full .ce-host{flex:1;min-height:0}.ce-host{display:flex;flex-direction:column;min-width:0}.ce-host .cm-editor{flex:1;min-height:inherit;outline:none}.ce-host .cm-editor .cm-scroller{min-height:inherit}.ce-bar,.ce-status{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:3px 6px;background:var(--surface-2);font-size:12px;color:var(--muted)}.ce-bar{border-bottom:1px solid var(--border)}.ce-status{border-top:1px solid var(--border)}.code-editor.is-dark .ce-bar,.code-editor.is-dark .ce-status{background:#1e1f1c;color:#a8a89c;border-color:#3e3d32}.code-editor.is-dark{background:#272822;border-color:#3e3d32}.ce-spacer{flex:1}.ce-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid transparent;border-radius:5px;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer}.ce-btn:hover{background:#80808026}.ce-btn.on{color:var(--text);border-color:var(--border);background:var(--surface)}.code-editor.is-dark .ce-btn.on{color:#f8f8f2;background:#3e3d32;border-color:#49483e}.ce-multi{color:var(--accent-text);font-weight:600}.ce-lang{width:auto;flex:none;font-size:12px;padding:1px 4px;border:1px solid var(--border);border-radius:4px;background:transparent;color:inherit}.ce-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#00000059;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}.ce-palette,.ce-dialog{width:min(640px,100%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}.ce-dialog{padding:16px;max-height:80vh;overflow:auto}.ce-palette input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 14px;font-size:15px}.ce-palette-list{max-height:min(55vh,420px);overflow:auto;padding:4px}.ce-palette-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:14px}.ce-palette-item.sel{background:var(--accent-soft)}kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:var(--surface-2);white-space:nowrap}@media (max-width: 600px){.ce-btn svg+span{display:none}.ce-btn.map-btn,.cm-minimap-gutter{display:none!important}}.te-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--border)}.te-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;font-size:13px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap;color:var(--muted)}.te-tab.active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600;margin-bottom:-1px}.te-close{display:inline-grid;place-items:center;width:18px;height:18px;border:0;border-radius:4px;background:none;color:inherit;cursor:pointer}.te-close:hover{background:#80808033}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.new-tag.bulk-tag{color:var(--ok);background:var(--ok-soft);margin-left:4px}.share-bar{gap:10px}.share-row{display:flex;flex-wrap:wrap;gap:8px}.share-btn{--share: var(--primary);display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}.share-btn svg{color:var(--share)}.share-btn:hover{border-color:var(--share);background:color-mix(in srgb,var(--share) 8%,var(--surface))}.share-menu{min-width:200px}.share-menu .share-btn{border:0;border-radius:6px;padding:8px;background:none}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}.guide-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}.guide-card:hover{border-color:var(--border-strong)}.guide{max-width:760px;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.65}.guide h1{font-size:clamp(24px,3.4vw,32px);line-height:1.2;margin:6px 0 0}.guide h2{font-size:20px;margin:18px 0 4px}.guide p{margin:0}.guide ul{margin:0;padding-left:20px}.guide-lead{font-size:17px}.guide-steps{margin:0;padding-left:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:12px}.guide-steps li{counter-increment:step;position:relative;padding-left:40px}.guide-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:700;font-size:14px}.guide-steps p{margin-top:2px}.guide-cta{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--sage-soft);border:1px solid var(--border);color:var(--text);text-decoration:none;margin:6px 0}.guide-cta:hover{border-color:var(--primary)}.guide-table{border-collapse:collapse;width:100%;font-size:14px}.guide-table th,.guide-table td{border:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.guide-table th{background:var(--surface-2)}@media (min-width: 901px){body{font-size:16px;line-height:1.6}h1{font-size:32px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:17px;line-height:1.35}p{font-size:15px;line-height:1.6}.page-head p,.tool-head p{font-size:16px;line-height:1.55}.nav-item{font-size:15px}.nav-item .count{font-size:13px}.sidebar-foot p,.footer{font-size:14px}.eyebrow,.section-title{font-size:13px}.section-head a{font-size:14px}.tile .t-name,.row-item .t-name{font-size:15px}.tile .t-desc,.row-item .t-desc,.pocket .p-desc,.cat span.c-desc{font-size:14px;line-height:1.5}.bench-item .t-name{font-size:14px}.pocket .p-name,.cat b{font-size:16px}.btn,.search-input input,.result .r-name{font-size:15px}.result .r-desc,.field-label{font-size:14px}.field-hint,.field-error{font-size:13px}.crumbs{font-size:14px}.privacy{font-size:13px}.faq summary,.faq p{font-size:15px}.stat-label{font-size:13px}.badge,.chip{font-size:14px}table{font-size:15px}th,.ce-bar,.ce-status,.ce-btn,.ce-lang{font-size:13px}.te-tab,.share-btn{font-size:14px}.menu .m-title{font-size:12px}}:root{--bg: #202936;--surface: #fff9e9;--surface-2: #f4e9cf;--sage-soft: #fee7a4;--border: #26201c;--border-strong: #171411;--input-border: #51483c;--text: #201b18;--muted: #63594e;--primary: #991b1b;--primary-hover: #741414;--on-primary: #fffaf0;--secondary: #d97706;--accent: #fbbf24;--accent-text: #854d0e;--accent-soft: #fff0bd;--danger: #a61b16;--danger-soft: #fee2d2;--ok: #247344;--ok-soft: #d8f3df;--focus: #fbbf24;--shadow: 0 3px 0 #171411, 0 5px 12px #0003;--shadow-lg: 0 12px 28px #0006;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--r-sm: 9px;--r: 13px;--r-lg: 18px}:root[data-theme=dark]{--bg: #202936;--surface: #fff9e9;--surface-2: #f4e9cf;--border: #26201c;--border-strong: #171411;--input-border: #51483c;--text: #201b18;--muted: #63594e;--primary: #991b1b;--primary-hover: #741414;--on-primary: #fffaf0;--secondary: #d97706;--accent: #fbbf24;--accent-text: #854d0e;--accent-soft: #fff0bd;--danger: #a61b16;--danger-soft: #fee2d2;--ok: #247344;--ok-soft: #d8f3df;--focus: #fbbf24;color-scheme:light}body{background-color:#202936;background-image:radial-gradient(#66717b 1px,transparent 1px),linear-gradient(135deg,#273443,#1f2937 60%,#17212c);background-size:22px 22px,auto}.app{gap:0}.sidebar{margin:12px 0 12px 12px;height:calc(100vh - 24px);border:3px solid #171411;border-radius:18px;background:linear-gradient(100deg,#7f1515,#b91c1c 42%,#8f1717);color:#fff8e7;box-shadow:inset 0 0 0 2px #ef7770,0 8px #111923,0 14px 24px #0005;padding:14px 10px;overflow-x:hidden}.brand{color:#fff8e7;font-family:var(--display);font-size:21px;letter-spacing:-.04em}.brand-mark{width:36px;height:36px;border:2px solid #171411;border-radius:11px;background:#fbbf24;color:#251b12;box-shadow:0 3px #171411}.nav-label{color:#ffd9a3;font-weight:700;letter-spacing:.12em}.nav-item{color:#fff8e7;border:2px solid #5c1010;border-radius:10px;margin:2px 0;background:linear-gradient(#c52c27,#941919);box-shadow:0 3px #4c0d0d;font-weight:600}.nav-item:hover{background:linear-gradient(#f6b932,#e99a13);color:#251b12}.nav-item.active{color:#24170d;background:linear-gradient(#ffdc66,#fbbf24);border-color:#22160c;box-shadow:0 3px #4b2d0a}.nav-item .count{color:inherit}.sidebar-foot{border-color:#ef7770}.sidebar-foot p{color:#ffe7d1}.sidebar .icon-only{color:#fff5dd}.main{min-width:0}.topbar{margin:12px 12px 0;border:2px solid #15191e;border-radius:16px;background:#17212ddd;color:#fff9e9;box-shadow:0 4px #111923}.topbar .icon-only{color:#fff9e9}.topbar .btn{border-color:#171411}.page{max-width:1440px;padding-top:26px}.display,.page h1,.page h2,.page h3{font-family:var(--display)}.display{color:#fff5dc;text-shadow:0 3px 0 #101820;font-size:clamp(32px,4vw,46px)}.page>.section>.muted,.page .page-head p{color:#e0e5e7}.eyebrow{color:#fbbf24;font-weight:700}.section-head h2,.section>h2{color:#fff4d9;text-shadow:0 2px #111923}.search-input,.search.big .search-input{background:#fff9e9;border:3px solid #171411;border-radius:13px;box-shadow:0 4px #111923}.search-pop{border:2px solid #171411}.tile,.bench-item,.pocket,.cat,.rows,.guide-card{background:#fff9e9;border:2px solid #211b16;border-radius:13px;box-shadow:0 3px #101820}.tile:hover,.cat:hover,.pocket:hover{transform:translateY(-2px);box-shadow:0 5px #101820}.icon-chip{background:#ffe49a;border:2px solid #2a2118;color:#8f1c19;border-radius:10px}.cats{gap:8px;background:transparent;border:0;overflow:visible}.cat{gap:12px}.cat:hover{background:#ffedbb}.cat b,.tile .t-name,.pocket .p-name{font-family:var(--display);font-size:16px}.cat .c-desc,.tile .t-desc,.pocket .p-desc{color:#63594e}.cat .c-count{background:#fbbf24;border:1px solid #211b16;border-radius:99px;padding:2px 8px;color:#24170d;font-weight:700}.btn{border:2px solid #171411;border-radius:10px;box-shadow:0 3px #171411;font-weight:700}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #171411}.btn.primary{background:linear-gradient(#c92e29,#991b1b);border-color:#24120f;color:#fff}.btn.primary:hover:not(:disabled){background:linear-gradient(#e14337,#991b1b)}input,textarea,select{background:#fffdf5;border:2px solid #171411;border-radius:9px}.panel{background:#fff7e4;border:3px solid #171411;border-radius:16px;box-shadow:0 6px #111923,0 12px 24px #0004}.tool-head{background:linear-gradient(90deg,#991b1b,#b91c1c);border:3px solid #171411;border-radius:15px;padding:15px;color:#fff;box-shadow:0 5px #111923}.tool-head h1{color:#fff9e9}.tool-head p{color:#ffe3cf}.tool-head .privacy{background:#ffedb6;color:#4b2b09}.crumbs{color:#f5dba6}.crumbs a{color:#fbbf24}.footer{color:#d9e0e4;border-color:#66717b}.footer a{color:#fbbf24}.workshop-mascot{position:fixed;z-index:24;right:18px;bottom:18px;width:112px;display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 4px 3px #0005)}.mascot-figure{position:relative;width:88px;height:112px;animation:mascot-breathe 3.2s ease-in-out infinite}.mascot-head{position:absolute;left:14px;top:12px;width:62px;height:48px;border:3px solid #171411;border-radius:21px 21px 17px 17px;background:linear-gradient(#fffdf3,#d9e2e5);box-shadow:inset 0 -5px #aebbc1}.mascot-head:before{content:"";position:absolute;top:6px;right:7px;bottom:10px;left:7px;border:2px solid #111923;border-radius:13px;background:#142b39}.mascot-eye{position:absolute;z-index:1;top:17px;width:7px;height:11px;border-radius:50%;background:#4de9e4;box-shadow:0 0 8px #4de9e4}.mascot-eye.left{left:22px}.mascot-eye.right{right:22px}.mascot-smile{position:absolute;z-index:2;width:16px;height:7px;left:21px;bottom:7px;border-bottom:2px solid #fff;border-radius:50%}.mascot-antenna{position:absolute;left:43px;top:0;height:15px;border-left:3px solid #171411}.mascot-antenna:after{content:"";position:absolute;top:-3px;left:-6px;width:9px;height:9px;border-radius:50%;background:#fbbf24;border:2px solid #171411}.mascot-ear{position:absolute;top:25px;left:7px;width:12px;height:22px;border:3px solid #171411;border-radius:8px;background:#fbbf24}.mascot-body{position:absolute;left:24px;top:59px;width:45px;height:38px;border:3px solid #171411;border-radius:11px 11px 8px 8px;background:linear-gradient(#df3430,#991b1b)}.mascot-badge{position:absolute;left:13px;top:6px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#fbbf24;border:2px solid #171411;color:#24170d;font:700 9px var(--display)}.mascot-arm{position:absolute;top:65px;width:13px;height:28px;border:3px solid #171411;border-radius:9px;background:#e5e9e7}.arm-left{left:12px;transform:rotate(22deg)}.arm-right{right:0;transform:rotate(-25deg);display:grid;place-items:center;color:#fbbf24}.mascot-leg{position:absolute;top:92px;width:17px;height:18px;border:3px solid #171411;border-radius:5px 5px 8px 8px;background:#384451}.leg-left{left:28px}.leg-right{right:10px}.mascot-caption{margin-top:0;padding:3px 9px;border:2px solid #171411;border-radius:99px;background:#fbbf24;color:#24170d;font:600 11px var(--display);white-space:nowrap}.mascot-thumb,.mascot-torch,.mascot-smoke,.mascot-spark{display:none;position:absolute}.mascot-processing .mascot-figure{animation:mascot-weld .42s ease-in-out infinite alternate}.mascot-processing .mascot-torch{display:block;right:-5px;top:56px;color:#ffcf33;font-size:28px;animation:mascot-spark .35s infinite alternate}.mascot-processing .mascot-spark{display:block;right:0;top:27px;color:#ffcf33;font-size:30px;animation:mascot-spark .3s infinite alternate}.mascot-success .mascot-figure{animation:mascot-cheer .55s ease-in-out infinite alternate}.mascot-success .mascot-thumb{display:block;right:-9px;top:35px;color:#fbbf24;background:#991b1b;border:2px solid #171411;border-radius:50%;padding:5px}.mascot-error .mascot-head{filter:grayscale(1) brightness(.65)}.mascot-error .mascot-smoke{display:block;top:-10px;left:8px;color:#c6cbd0;font-size:36px;animation:mascot-smoke 1s ease-out infinite}.mascot-error .mascot-eye{background:#fff;box-shadow:none}@keyframes mascot-breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes mascot-weld{to{transform:translateY(-3px) rotate(-4deg)}}@keyframes mascot-cheer{to{transform:translateY(-8px) rotate(5deg)}}@keyframes mascot-spark{to{transform:scale(1.35) rotate(20deg);opacity:.5}}@keyframes mascot-smoke{0%{transform:translateY(5px) scale(.7);opacity:0}to{transform:translateY(-18px) scale(1.2);opacity:.85}}@media (max-width: 900px){.sidebar{margin:0;height:auto;border-radius:0 0 14px 14px}.topbar{margin:8px 8px 0}.workshop-mascot{right:8px;bottom:76px;transform:scale(.78);transform-origin:bottom right}.page{padding-bottom:130px}}@media (max-width: 520px){.workshop-mascot{transform:scale(.65)}.display{font-size:31px}.tool-head{padding:12px}}