:root{--bg:#f6f7f6;--surface:#fff;--text:#1b1f1d;--muted:#66706b;--border:#dde2df;--accent:#1f6f5c;--accent-text:#fff;--danger:#b3261e;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121514;--surface:#1c201e;--text:#e6ebe8;--muted:#9aa5a0;--border:#2e3431;--accent:#4fb39a;--accent-text:#0b1f1a;--danger:#f2827a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}h1{margin:.5rem 0;font-size:1.5rem}h2{margin:1.5rem 0 .5rem;font-size:1.05rem}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:1;padding:calc(env(safe-area-inset-top) + .75rem) 1rem .75rem;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{font-weight:600}.badge{background:var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1rem 1rem 6rem}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--muted);padding:.9rem .25rem;font-size:.85rem;text-decoration:none}.tabbar a.active{color:var(--accent);font-weight:600}.muted{color:var(--muted)}.error{color:var(--danger)}.crumbs{color:var(--muted);font-size:.9rem}.crumbs a{text-decoration:none}.list{margin:0 0 .75rem;padding:0;list-style:none}.list li a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;gap:1rem;margin-bottom:.4rem;padding:.8rem 1rem;text-decoration:none;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.75rem 0;padding:1rem}.form{flex-direction:column;gap:.75rem;display:flex}.form label{color:var(--muted);flex-direction:column;flex:1;gap:.3rem;font-size:.9rem;display:flex}.form details{flex-direction:column;gap:.75rem;display:flex}.form details[open]>summary,.form details label{margin-bottom:.75rem}.row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.row>input{flex:1;min-width:0}input,select,textarea,button,.button{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;padding:.65rem .75rem;font-size:1rem}.row input,.row button,.row .button{width:auto}button,.button{cursor:pointer;width:auto;display:inline-block}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}:root{--box-red:#e5484d;--box-orange:#f76b15;--box-yellow:#f5c518;--box-green:#30a46c;--box-teal:#12a594;--box-blue:#3e63dd;--box-purple:#8e4ec6;--box-pink:#d6409f;--box-gray:#8b8d98}.with-badge{align-items:center;gap:.6rem;display:inline-flex}.loc-badge{background:var(--border);border-radius:6px;flex:none;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:1.05rem;line-height:1;display:inline-flex}.loc-badge.lg{border-radius:8px;width:2.6rem;height:2.6rem;font-size:1.5rem}.picker{border:0;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.picker legend{color:var(--muted);margin-bottom:.35rem;padding:0;font-size:.9rem}.swatch{border:2px solid #0000;border-radius:50%;width:2.2rem;height:2.2rem;padding:0}.swatch.none{background:var(--surface);border-color:var(--border);color:var(--muted)}.swatch.selected{outline:3px solid var(--text);outline-offset:2px}.emoji{width:2.4rem;height:2.4rem;padding:0;font-size:1.25rem}.emoji.selected{border-color:var(--accent);background:var(--bg);outline:2px solid var(--accent)}.icon-input{text-align:center;padding:.4rem;font-size:1.25rem;width:4rem!important}.list.checks label{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.7rem 1rem;display:flex}.list.checks input{width:auto}.list.checks span:nth-child(2){flex:1}a.button{text-align:center;text-decoration:none}.label-sheets{margin-top:1rem}@media screen{.label-sheets{zoom:.78}}@media screen and (width<=680px){.label-sheets{zoom:.42}}.label-page{color:#000;width:210mm;height:297mm;box-shadow:0 0 0 1px var(--border);page-break-after:always;break-after:page;background:#fff;grid-template-rows:repeat(8,37mm);grid-template-columns:repeat(3,70mm);margin:0 auto 1rem;padding:.5mm 0;display:grid}.label{--label-color:transparent;border-left:3mm solid var(--label-color);outline-offset:-1px;-webkit-print-color-adjust:exact;print-color-adjust:exact;outline:1px dashed #ddd;align-items:center;gap:3mm;padding:3mm 3mm 3mm 5mm;display:flex;overflow:hidden}.label-qr{flex:none;width:28mm;height:28mm}.label-qr svg{width:100%;height:100%;display:block}.label-text{flex-direction:column;flex:1;justify-content:center;gap:1mm;min-width:0;height:100%;display:flex}.label-icon{font-size:8mm;line-height:1}.label-name{text-transform:uppercase;-webkit-line-clamp:3;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:5mm;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.label-write{border-bottom:.3mm solid #999;height:9mm}.label-code{color:#555;letter-spacing:.3mm;font-family:ui-monospace,Menlo,monospace;font-size:2.6mm}@media print{@page{size:A4;margin:0}body{background:#fff}.topbar,.tabbar,.no-print{display:none!important}.content{max-width:none;padding:0}.label-sheets{zoom:1;margin:0}.label-page{box-shadow:none;margin:0}.label{outline:none}}