*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--r:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px);--bar-h:138px;--note-bar-h:74px;--theme-dur:0s}:root,:root[data-theme=night]{--bg:#080516;--bg2:#0d0820;--surface:#0e0a1ce0;--s2:#140e24d1;--s3:#1c142cc2;--line:#5a3c8252;--line2:#7855a570;--t1:#f5ede0;--t2:#c0a888;--t3:#8a7468;--gold:#eab040;--amber:#d87830;--dawn:#f5d080;--green:#52a878;--red:#c84040;--on-accent:#1a0e04;--on-green:#08150e;--qty-bg:#eab0401a;--error-bg:#c840401f;--error-line:#c840404d;--error-text:#e89090;--top-bar-bg:#080514e6;--lift:0 -8px 32px #00000080;--chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2214%22%20viewBox%3D%220%200%2011%2014%22%20fill%3D%22none%22%20stroke%3D%22%238a7468%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1.4%205.2%205.5%201.4l4.1%203.8%22%2F%3E%3Cpath%20d%3D%22M1.4%208.8%205.5%2012.6l4.1-3.8%22%2F%3E%3C%2Fsvg%3E);--body-bg:radial-gradient(ellipse 80% 70% at 5% 10%, #8c28a099 0%, transparent 60%), radial-gradient(ellipse 60% 65% at 92% 5%, #3c1eb48c 0%, transparent 58%), radial-gradient(ellipse 75% 60% at 25% 95%, #d24614b3 0%, transparent 58%), radial-gradient(ellipse 55% 55% at 88% 85%, #aa1e5080 0%, transparent 52%), radial-gradient(ellipse 40% 40% at 50% 55%, #64288c40 0%, transparent 60%), #080516}:root[data-theme=dawn]{--bg:#160810;--bg2:#200c16;--surface:#180c14db;--s2:#22121acc;--s3:#2c1820bd;--line:#8c3c4657;--line2:#b45a5075;--t1:#fbf2e4;--t2:#cca070;--t3:#9a7248;--top-bar-bg:#12080ee6;--chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2214%22%20viewBox%3D%220%200%2011%2014%22%20fill%3D%22none%22%20stroke%3D%22%239a7248%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1.4%205.2%205.5%201.4l4.1%203.8%22%2F%3E%3Cpath%20d%3D%22M1.4%208.8%205.5%2012.6l4.1-3.8%22%2F%3E%3C%2Fsvg%3E);--body-bg:radial-gradient(ellipse 75% 65% at 8% 15%, #c83c6ea6 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 90% 8%, #6e2daa8c 0%, transparent 58%), radial-gradient(ellipse 80% 65% at 55% 95%, #e1730fb8 0%, transparent 58%), radial-gradient(ellipse 50% 50% at 90% 78%, #d23c1e7a 0%, transparent 52%), radial-gradient(ellipse 35% 35% at 30% 50%, #f0a03c33 0%, transparent 55%), #160810}:root[data-theme=day]{--bg:#f5ede2;--bg2:#efe4d6;--surface:#fff8f0d9;--s2:#fff4e8c2;--s3:#fceedead;--line:#d2aa7847;--line2:#be915a66;--t1:#1a100a;--t2:#4a3018;--t3:#806040;--gold:#c87820;--amber:#b86010;--dawn:#d09020;--green:#3a8c5c;--red:#c0392b;--on-accent:#fff;--on-green:#fff;--qty-bg:#c878201f;--error-bg:#c0392b1a;--error-line:#c0392b47;--error-text:#96271b;--top-bar-bg:#f8f0e4f0;--lift:0 -8px 32px #a064282e;--chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2214%22%20viewBox%3D%220%200%2011%2014%22%20fill%3D%22none%22%20stroke%3D%22%23806040%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1.4%205.2%205.5%201.4l4.1%203.8%22%2F%3E%3Cpath%20d%3D%22M1.4%208.8%205.5%2012.6l4.1-3.8%22%2F%3E%3C%2Fsvg%3E);--body-bg:radial-gradient(ellipse 80% 70% at 90% 0%, #ffaf5585 0%, transparent 58%), radial-gradient(ellipse 65% 60% at 100% 60%, #f58c4666 0%, transparent 55%), radial-gradient(ellipse 70% 65% at 15% 95%, #ffa55a73 0%, transparent 58%), radial-gradient(ellipse 50% 50% at 0% 30%, #d291c333 0%, transparent 52%), radial-gradient(ellipse 40% 40% at 55% 50%, #ffd7a561 0%, transparent 55%), #f5ede2}:root[data-theme=evening]{--bg:#0c0618;--bg2:#12091e;--surface:#120a1cde;--s2:#1a0f24cf;--s3:#22142cbf;--line:#6e378254;--line2:#9650aa73;--t1:#f8ecd8;--t2:#c49060;--t3:#906848;--top-bar-bg:#0a0614e6;--chevron:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2214%22%20viewBox%3D%220%200%2011%2014%22%20fill%3D%22none%22%20stroke%3D%22%23906848%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1.4%205.2%205.5%201.4l4.1%203.8%22%2F%3E%3Cpath%20d%3D%22M1.4%208.8%205.5%2012.6l4.1-3.8%22%2F%3E%3C%2Fsvg%3E);--body-bg:radial-gradient(ellipse 75% 65% at 8% 12%, #a528789e 0%, transparent 60%), radial-gradient(ellipse 58% 62% at 90% 8%, #5023aa8f 0%, transparent 58%), radial-gradient(ellipse 78% 62% at 30% 92%, #d75f0fad 0%, transparent 58%), radial-gradient(ellipse 52% 52% at 88% 80%, #c3323c75 0%, transparent 52%), radial-gradient(ellipse 36% 36% at 52% 52%, #7832a033 0%, transparent 58%), #0c0618}html{background:var(--bg);transition:background var(--theme-dur) ease}body{background:var(--body-bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background var(--theme-dur) ease, color var(--theme-dur) ease;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.top{z-index:20;padding:calc(var(--safe-top) + 14px) 18px 12px;background:var(--top-bar-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-bottom:1px solid var(--line);transition:background var(--theme-dur) ease;align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{flex:1;min-width:0}.brand-name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--t1) 0%, var(--dawn) 60%, var(--amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fraunces,Georgia,serif;font-size:19px;font-style:italic;line-height:1.1}.brand-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-top:2px;font-size:8.5px;font-weight:600}.icon-btn{width:36px;height:36px;color:var(--t3);border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;transition:color .15s,background .15s;display:grid}.icon-btn:hover{color:var(--t2);background:var(--s2)}.theme-chip{right:16px;bottom:calc(var(--bar-h) + var(--safe-bot) + 8px);z-index:40;letter-spacing:.06em;color:var(--t3);opacity:0;pointer-events:none;font-size:11px;font-weight:700;transition:opacity .5s;position:fixed}.theme-chip.show{opacity:1}.list-tabs{scrollbar-width:none;gap:7px;padding:12px 18px 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%)}.list-tabs::-webkit-scrollbar{display:none}.list-tab{border:1px solid var(--line);background:var(--s2);color:var(--t2);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.list-tab.on{background:var(--s3);border-color:var(--line2);color:var(--t1)}.tab-badge{background:var(--amber);min-width:17px;height:17px;color:var(--on-accent);text-align:center;border-radius:9px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:17px}.notes-scroll{padding-bottom:calc(var(--note-bar-h) + var(--safe-bot) + 16px)}.note{border-bottom:1px solid var(--line);padding:13px 14px 10px}.note:last-child{border-bottom:none}.note.done .note-body{color:var(--t3);text-decoration:line-through}.note.new{box-shadow:inset 3px 0 0 var(--amber)}.thread{margin-bottom:11px}.thread:last-child{margin-bottom:0}.thread .note.is-reply{background:var(--s2)}.note.is-reply{padding-left:34px;position:relative}.note.is-reply:before{content:"";background:var(--line2);border-radius:1px;width:2px;position:absolute;top:14px;bottom:13px;left:17px}.note-quote{border-left:2px solid var(--amber);background:var(--s2);border-radius:0 7px 7px 0;flex-direction:column;gap:1px;margin-bottom:8px;padding:6px 10px;display:flex}.note-quote-who{color:var(--amber);font-size:11px;font-weight:600}.note-quote-body{color:var(--t3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.reply-bar{color:var(--t3);align-items:center;gap:9px;padding:9px 14px 0;display:flex}.reply-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;line-height:1.4;overflow:hidden}.reply-bar-text strong{color:var(--amber);font-weight:600}.reply-bar button{color:var(--t3);border-radius:6px;flex-shrink:0;place-items:center;padding:4px;display:grid}.reply-bar button:hover{color:var(--t1);background:var(--s3)}.note-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.note-who{color:var(--t2);font-size:12.5px;font-weight:600}.note.mine .note-who{color:var(--amber)}.note-when{color:var(--t3);margin-left:auto;font-size:11px}.note-check{border:1.5px solid var(--line2);width:19px;height:19px;color:var(--on-green);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;transition:background .18s,border-color .18s;display:grid}.note-check svg{opacity:0;transition:opacity .18s}.note-check.on{background:var(--green);border-color:var(--green)}.note-check.on svg{opacity:1}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.55}.note-body a{color:var(--amber);text-underline-offset:2px}.note-done-by{color:var(--t3);margin-top:6px;font-size:11px}.note-tools{opacity:.55;gap:2px;margin-top:8px;transition:opacity .15s;display:flex}.note:hover .note-tools,.note-tools:focus-within{opacity:1}.note-tools button{color:var(--t3);border-radius:7px;place-items:center;padding:5px 7px;display:grid}.note-tools button:hover{color:var(--t1);background:var(--s3)}.note-tools button.danger:hover{color:var(--red)}.note-editing{background:var(--s2)}.note-edit{background:var(--bg2);border:1px solid var(--line2);resize:vertical;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14.5px;line-height:1.5}.note-actions{align-items:center;gap:8px;margin-top:9px;display:flex}.note-actions .btn-link{width:auto;margin:0}.note-form{align-items:flex-end;gap:8px;padding:12px 14px;display:flex}.note-input{background:var(--s2);border:1px solid var(--line);resize:none;border-radius:11px;outline:none;flex:1;min-width:0;max-height:160px;padding:11px 14px;font-family:inherit;font-size:15px;line-height:1.45;transition:border-color .15s}.note-input:focus{border-color:var(--line2)}.note-input::placeholder{color:var(--t3)}.note-form .add-go{place-items:center;height:44px;display:grid}.scroll{padding:8px 14px calc(var(--bar-h) + var(--safe-bot) + 20px)}.group{margin-top:18px}.group-head{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);align-items:center;gap:8px;padding:0 6px 8px;font-size:11px;font-weight:700;display:flex}.group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.group-count{color:var(--t3);letter-spacing:0;text-transform:none;margin-left:auto;font-size:11px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:background var(--theme-dur) ease, border-color var(--theme-dur) ease;overflow:hidden}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 14px;transition:background .15s;display:flex}.row:last-child{border-bottom:none}.row.done .row-name{color:var(--t3);text-decoration:line-through}.row.pending{opacity:.55}.check{border:1.5px solid var(--line2);width:23px;height:23px;color:var(--on-green);background:0 0;border-radius:7px;flex-shrink:0;place-items:center;transition:background .18s,border-color .18s;display:grid}.check svg{opacity:0;transition:opacity .18s}.check.on{background:var(--green);border-color:var(--green)}.check.on svg{opacity:1}.row-body{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.row-body:disabled{cursor:default}.row-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:450;line-height:1.3;overflow:hidden}.row-meta{color:var(--t3);align-items:center;gap:6px;font-size:11.5px;display:flex}.qty{color:var(--amber);background:var(--qty-bg);border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:12px;font-weight:600}.store-pill{letter-spacing:.02em;border:1px solid;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:600}.del{color:var(--t3);flex-shrink:0;padding:4px 6px;font-size:15px}.del:hover{color:var(--red)}.row-edit{background:var(--s2);flex-direction:column;align-items:stretch;gap:8px}.edit-top{align-items:center;gap:8px;display:flex}.edit-details{gap:8px;display:flex}.edit-input{background:var(--bg2);border:1px solid var(--line2);border-radius:9px;outline:none;flex:1;min-width:120px;padding:9px 11px;font-size:14.5px}.edit-store{background:var(--bg2);border:1px solid var(--line);color:var(--t2);border-radius:9px;outline:none;max-width:108px;padding:0 8px;font-size:12.5px}.edit-ok,.edit-cancel{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.edit-ok{background:var(--green);color:var(--on-green)}.edit-cancel{color:var(--t3);border:1px solid var(--line)}.edit-cancel:hover{color:var(--red)}.grip{color:var(--t3);cursor:grab;touch-action:none;flex-shrink:0;place-items:center;padding:4px 2px;display:grid}.grip:active{cursor:grabbing;color:var(--t2)}.row.is-dragging{opacity:.35}.group{transition:none}.group.drop-target .card{border-color:var(--amber);box-shadow:0 0 0 2px var(--qty-bg)}.group.drop-target .group-head{color:var(--amber)}.group-empty{text-align:center;color:var(--t3);padding:14px;font-size:12.5px;font-style:italic}.drag-ghost{z-index:80;pointer-events:none;background:var(--bg2);border:1px solid var(--line2);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:8px;max-width:70vw;padding:9px 14px;font-size:14px;font-weight:500;display:flex;position:fixed;overflow:hidden;transform:translate(-50%,-140%);box-shadow:0 10px 28px #00000059}.bottom{z-index:30;background:var(--top-bar-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-top:1px solid var(--line);padding-bottom:var(--safe-bot);transition:background var(--theme-dur) ease;position:fixed;bottom:0;left:0;right:0}.add-form{padding:12px 14px 8px}.add-bar{gap:8px;display:flex;position:relative}.parse-qty{color:var(--amber);background:var(--qty-bg);border-radius:6px;padding:2px 7px;font-weight:600}.parse-name{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-input{background:var(--s2);border:1px solid var(--line);border-radius:11px;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:15px;transition:border-color .15s}.add-input:focus{border-color:var(--line2)}.add-input::placeholder{color:var(--t3)}.add-details{gap:8px;margin-top:8px;display:flex}.add-qty,.add-unit,.add-store{background:var(--s2);border:1px solid var(--line);color:var(--t1);border-radius:10px;outline:none;min-width:0;padding:9px 10px;font-size:13.5px;transition:border-color .15s}.add-unit,.add-store,.edit-store,.theme-select{appearance:none;background-image:var(--chevron);background-position:right 11px center;background-repeat:no-repeat;padding-right:29px}.add-qty:focus,.add-unit:focus,.add-store:focus{border-color:var(--line2)}.add-qty::placeholder{color:var(--t3)}.add-qty{flex-shrink:0;width:78px}.add-unit{color:var(--t2);flex:1}.add-store{color:var(--t2);flex:1.3}.add-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-qty{appearance:textfield}.add-go{background:linear-gradient(135deg, var(--gold), var(--amber));width:46px;color:var(--on-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.add-go:disabled{opacity:.3}.suggest{background:var(--bg2);border:1px solid var(--line2);box-shadow:var(--lift);border-radius:12px;position:absolute;bottom:calc(100% - 4px);left:14px;right:14px;overflow:hidden}.suggest-item{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:14px;display:flex}.suggest-item:last-child{border-bottom:none}.suggest-item.on,.suggest-item:hover{background:var(--s3)}.empty{text-align:center;color:var(--t3);padding:64px 24px}.empty-icon{opacity:.45;margin:0 auto 12px;display:block}.empty p{font-size:14px;line-height:1.6}.center{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth{width:100%;max-width:340px}.auth h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--t1), var(--dawn) 60%, var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Fraunces,Georgia,serif;font-size:30px;font-style:italic;font-weight:400}.auth-sub{color:var(--t3);margin-bottom:26px;font-size:13px}.field{margin-bottom:11px}.field input{background:var(--s2);border:1px solid var(--line);border-radius:11px;outline:none;width:100%;padding:13px 15px;font-size:15px;transition:border-color .15s}.field input:focus{border-color:var(--line2)}.field input::placeholder{color:var(--t3)}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--amber));width:100%;color:var(--on-accent);border-radius:11px;margin-top:8px;padding:13px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.45}.btn-link{width:100%;color:var(--t3);text-underline-offset:3px;margin-top:16px;font-size:13px;text-decoration:underline}.error{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-text);border-radius:10px;margin-bottom:12px;padding:10px 13px;font-size:13px}.notice{color:var(--green);background:#52a8781f;border:1px solid #52a87852;border-radius:10px;margin-bottom:12px;padding:10px 13px;font-size:13px;line-height:1.45}.field-hint{color:var(--t3);margin:5px 3px 0;font-size:11.5px}.sheet{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet-head{z-index:1;padding:calc(var(--safe-top) + 14px) 18px 12px;background:var(--top-bar-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.4);align-items:center;gap:10px;display:flex;position:sticky;top:0}.sheet-head h2{letter-spacing:-.02em;flex:1;font-family:Fraunces,Georgia,serif;font-size:19px;font-style:italic;font-weight:400}.sheet-body{padding:18px 18px calc(var(--safe-bot) + 32px);width:100%;max-width:460px}.sheet-who{margin-bottom:8px;font-size:14px;line-height:1.6}.sheet-mail{color:var(--t3);font-size:13px}.sheet-section{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.sheet-section h3{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);margin-bottom:10px;font-size:11px;font-weight:700}.sheet-note{color:var(--t2);margin-bottom:12px;font-size:13px;line-height:1.55}.code-box{background:var(--s2);border:1px dashed var(--line2);border-radius:11px;align-items:center;gap:12px;width:100%;padding:13px 15px;transition:border-color .15s;display:flex}.code-box:hover{border-color:var(--amber)}.code-box code{text-align:left;letter-spacing:.08em;color:var(--t1);flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px}.code-copy{letter-spacing:.04em;text-transform:uppercase;color:var(--amber);flex-shrink:0;font-size:11px;font-weight:600}.store-logo{object-fit:contain;flex-shrink:0;display:block}.store-dot{border-radius:50%;flex-shrink:0;display:inline-block}.store-list{margin:0 0 18px;list-style:none}.store-list li{margin-bottom:8px}.store-row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .15s;display:flex}.store-row:hover{border-color:var(--line2)}.store-row-name{color:var(--t1);flex:1;font-size:15px}.store-preview{border-radius:var(--r);background:var(--s2);border:1px solid var(--line);align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.store-preview-name{color:var(--t1);margin-bottom:6px;font-size:15px;font-weight:500}.logo-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-secondary{background:var(--s2);border:1px solid var(--line);color:var(--t1);border-radius:10px;padding:10px 15px;font-size:13.5px;font-weight:500;transition:border-color .15s}.btn-secondary:hover{border-color:var(--line2)}.btn-secondary.danger,.btn-link.danger{color:var(--red)}.setup-list{margin:4px 0 0;list-style:none}.setup-list li{margin-bottom:9px}.setup-row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:13px;width:100%;padding:15px;transition:border-color .15s;display:flex}.setup-row:hover{border-color:var(--line2)}.setup-icon{background:var(--s3);width:40px;height:40px;color:var(--amber);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.setup-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.setup-title{color:var(--t1);align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.setup-count{color:var(--t3);background:var(--s2);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.setup-sub{color:var(--t3);font-size:12.5px;line-height:1.4}.setup-arrow{color:var(--t3);flex-shrink:0}.unit-list{margin:0 0 16px;list-style:none}.unit-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;margin-bottom:6px;padding:9px 12px;display:flex}.unit-name{color:var(--t1);flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14.5px}.unit-btn{color:var(--t3);border-radius:7px;place-items:center;padding:6px 7px;transition:color .15s,background .15s;display:grid}.unit-btn:hover{color:var(--t1);background:var(--s3)}.unit-btn.danger:hover{color:var(--red)}.unit-edit{flex:1;align-items:center;gap:6px;display:flex}.unit-edit input{background:var(--bg2);border:1px solid var(--line2);border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.unit-new{gap:8px;margin-bottom:18px;display:flex}.unit-new input{background:var(--s2);border:1px solid var(--line);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 13px;font-size:14px;transition:border-color .15s}.unit-new input:focus{border-color:var(--line2)}.unit-new input::placeholder{color:var(--t3)}.unit-new .btn-secondary{flex-shrink:0}.unit-new .btn-secondary:disabled{opacity:.4}.picker{flex-direction:column;gap:12px;display:flex}.picker-field{border:1px solid var(--line);cursor:crosshair;touch-action:none;border-radius:11px;height:150px;position:relative}.picker-hue{border:1px solid var(--line);cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:11px;height:22px;position:relative}.picker-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.picker-row{align-items:center;gap:10px;display:flex}.picker-hex{background:var(--s2);border:1px solid var(--line);text-transform:lowercase;border-radius:9px;outline:none;width:116px;padding:9px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px}.picker-hex:focus{border-color:var(--line2)}.picker-samples{flex:1;gap:8px;display:flex}.picker-sample{text-align:center;letter-spacing:.03em;border:1px solid;border-radius:8px;flex:1;padding:7px 4px;font-size:11px;font-weight:700}.picker-sample.dark{background:#0e0a1c}.picker-sample.light{background:#fff8f0}.picker-check{color:var(--t3);font-size:12px;line-height:1.45}.picker-check.warn{color:var(--red)}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{border:2px solid #0000;border-radius:9px;width:34px;height:34px;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.08)}.swatch.on{border-color:var(--t1)}.swatch-custom{cursor:pointer;border:1px dashed var(--line2);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden}.swatch-custom input[type=color]{cursor:pointer;background:0 0;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.theme-menu{z-index:50;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;min-width:168px;position:absolute;top:calc(100% + 6px);right:14px;overflow:hidden;box-shadow:0 8px 32px #00000059}.theme-opt{text-align:left;width:100%;color:var(--t2);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.theme-opt:last-child{border-bottom:none}.theme-opt:hover{background:var(--s3)}.theme-opt.on{color:var(--t1);background:var(--s3)}.theme-opt-mark{color:var(--amber);margin-left:auto;display:flex}