:root{--bg: #07080a;--bg-2: #0c0e11;--panel: #101317;--panel-2: #151920;--raise: rgba(255,255,255,.045);--press: rgba(255,255,255,.08);--fg: #eef0f3;--fg-2: #b3bac3;--fg-3: #8a919b;--fg-4: #5f6670;--line: rgba(238,240,243,.085);--line-2: rgba(238,240,243,.16);--line-3: rgba(238,240,243,.28);--glass: rgba(14,16,20,.62);--glass-hi: rgba(255,255,255,.07);--film-1: #7fe0d8;--film-2: #b79cff;--film-3: #ffc88a;--ok: #6fe3a6;--ok-bg: rgba(111,227,166,.12);--warn: #f2c46b;--warn-bg: rgba(242,196,107,.12);--bad: #ff8f85;--bad-bg: rgba(255,143,133,.12);--info: #8fd3ff;--info-bg: rgba(143,211,255,.12);--ink: #07080a;--paper: #eef0f3;--primary-bg: #eef0f3;--primary-fg: #07080a;--shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 18px 50px -22px rgba(0,0,0,.75);--shadow-pop: 0 1px 0 rgba(255,255,255,.06) inset, 0 30px 80px -30px rgba(0,0,0,.9), 0 2px 10px rgba(0,0,0,.35);--f-display: "Archivo", "Arial Narrow", system-ui, sans-serif;--f-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-2: cubic-bezier(.32, .72, 0, 1);--r: 22px;--r-sm: 14px;--r-xs: 10px;--tex-op: .5;--tex-blend: soft-light;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #d8dbdf;--bg-2: #e1e4e7;--panel: #eef0f2;--panel-2: #f6f7f8;--raise: rgba(12,14,17,.045);--press: rgba(12,14,17,.08);--fg: #0c0e11;--fg-2: #3a4048;--fg-3: #565d66;--fg-4: #7a818a;--line: rgba(12,14,17,.1);--line-2: rgba(12,14,17,.18);--line-3: rgba(12,14,17,.3);--glass: rgba(240,242,244,.72);--glass-hi: rgba(255,255,255,.9);--film-1: #0b8279;--film-2: #6247cf;--film-3: #a65d0b;--ok: #0c7d4e;--ok-bg: rgba(12,125,78,.1);--warn: #8a5d06;--warn-bg: rgba(170,120,10,.12);--bad: #b3261e;--bad-bg: rgba(179,38,30,.09);--info: #1767a0;--info-bg: rgba(23,103,160,.1);--primary-bg: #0c0e11;--primary-fg: #f3f4f6;--shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 16px 40px -24px rgba(20,24,30,.35);--shadow-pop: 0 1px 0 rgba(255,255,255,.8) inset, 0 30px 70px -30px rgba(20,24,30,.45), 0 2px 8px rgba(20,24,30,.12);--tex-op: .42;--tex-blend: soft-light;color-scheme:light}}:root[data-theme=light]{--bg: #d8dbdf;--bg-2: #e1e4e7;--panel: #eef0f2;--panel-2: #f6f7f8;--raise: rgba(12,14,17,.045);--press: rgba(12,14,17,.08);--fg: #0c0e11;--fg-2: #3a4048;--fg-3: #565d66;--fg-4: #7a818a;--line: rgba(12,14,17,.1);--line-2: rgba(12,14,17,.18);--line-3: rgba(12,14,17,.3);--glass: rgba(240,242,244,.72);--glass-hi: rgba(255,255,255,.9);--film-1: #0b8279;--film-2: #6247cf;--film-3: #a65d0b;--ok: #0c7d4e;--ok-bg: rgba(12,125,78,.1);--warn: #8a5d06;--warn-bg: rgba(170,120,10,.12);--bad: #b3261e;--bad-bg: rgba(179,38,30,.09);--info: #1767a0;--info-bg: rgba(23,103,160,.1);--primary-bg: #0c0e11;--primary-fg: #f3f4f6;--shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 16px 40px -24px rgba(20,24,30,.35);--shadow-pop: 0 1px 0 rgba(255,255,255,.8) inset, 0 30px 70px -30px rgba(20,24,30,.45), 0 2px 8px rgba(20,24,30,.12);--tex-op: .42;--tex-blend: soft-light;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}html::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px;border:3px solid transparent;background-clip:padding-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-weight:350;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;caret-color:var(--film-1);font-feature-settings:"ss01"}::selection{background:color-mix(in srgb,var(--film-2) 45%,transparent);color:var(--fg)}a{color:inherit;text-underline-offset:.22em;text-decoration-color:var(--line-3)}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:2px solid var(--film-1);outline-offset:2px;border-radius:8px}.tnum,.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.02em}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--bg)}.world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/media/graphite.jpg) center / cover;opacity:var(--tex-op);mix-blend-mode:var(--tex-blend);filter:grayscale(1) contrast(1.05)}.world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px circle at var(--lx, 70%) var(--ly, 10%),color-mix(in srgb,var(--fg) 7%,transparent),transparent 65%),radial-gradient(1200px 600px at 100% 0%,color-mix(in srgb,var(--film-2) 5%,transparent),transparent 70%),linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--bg) 70%,transparent));transition:background-position .3s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{--h: 40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;border:1px solid transparent;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s,transform .18s var(--ease),box-shadow .18s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{--h: 32px;padding:0 12px;font-size:13px;gap:6px}.btn-lg{--h: 50px;padding:0 24px;font-size:15.5px}.btn-icon{width:var(--h);padding:0}.btn-primary{background:var(--primary-bg);color:var(--primary-fg);box-shadow:0 8px 24px -12px #0009}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 4px color-mix(in srgb,var(--film-1) 22%,transparent),0 8px 24px -12px #0009}.btn-film{color:var(--fg);background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(110deg,var(--film-1),var(--film-2),var(--film-3)) border-box;border:1px solid transparent}.btn-film:hover:not(:disabled){background:linear-gradient(var(--raise),var(--raise)) padding-box,linear-gradient(110deg,var(--film-1),var(--film-2),var(--film-3)) border-box}.btn-ghost{background:var(--raise);border-color:var(--line);color:var(--fg)}.btn-ghost:hover:not(:disabled){background:var(--press);border-color:var(--line-2)}.btn-quiet{color:var(--fg-2)}.btn-quiet:hover:not(:disabled){color:var(--fg);background:var(--raise)}.btn-danger{color:var(--bad);background:var(--bad-bg)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 20%,transparent)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:12.5px;font-weight:500;color:var(--fg-2);letter-spacing:.005em}.field-hint{font-size:12.5px;color:var(--fg-3)}.field-error{font-size:12.5px;color:var(--bad)}.input{width:100%;min-height:42px;padding:9px 13px;border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));border:1px solid var(--line-2);color:var(--fg);font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;outline:none}.input::placeholder,.input input::placeholder{color:var(--fg-4)}.input:hover{border-color:var(--line-3)}.input:focus,.input:focus-within{border-color:color-mix(in srgb,var(--film-1) 70%,var(--line-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--film-1) 18%,transparent)}.has-error .input{border-color:var(--bad)}.input-wrap{display:flex;align-items:center;gap:6px;padding:0 12px}.input-wrap input{flex:1;min-width:0;border:0;background:none;outline:none;padding:9px 0;font-size:15px}.affix{color:var(--fg-3);font-size:14px;flex:none}.textarea{resize:vertical;min-height:84px;line-height:1.5}.select{position:relative}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:42px;padding:9px 36px 9px 13px;border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));border:1px solid var(--line-2);font-size:15px;outline:none}.select select:focus{border-color:color-mix(in srgb,var(--film-1) 70%,var(--line-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--film-1) 18%,transparent)}.select:after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--fg-3);border-bottom:1.5px solid var(--fg-3);transform:translateY(-70%) rotate(45deg);pointer-events:none}.select option{background:var(--panel);color:var(--fg)}input[type=date].input{color-scheme:inherit}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--fg-2);-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--press);border:1px solid var(--line-2);transition:background .2s var(--ease);flex:none}.toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--fg-3);transition:transform .25s var(--ease),background .2s}.toggle input:checked+.toggle-track{background:linear-gradient(110deg,var(--film-1),var(--film-2));border-color:transparent}.toggle input:checked+.toggle-track .toggle-dot{transform:translate(16px);background:#fff}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--film-1);outline-offset:2px}.toggle.is-disabled{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--raise);border:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg-opt{height:32px;padding:0 13px;border-radius:999px;font-size:13.5px;color:var(--fg-2);white-space:nowrap;transition:background .18s var(--ease),color .18s}.seg-sm .seg-opt{height:28px;padding:0 11px;font-size:13px}.seg-opt:hover{color:var(--fg)}.seg-opt.on{background:var(--panel-2);color:var(--fg);box-shadow:0 1px 0 var(--glass-hi) inset,0 2px 8px -2px #00000059}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:.005em;background:var(--raise);color:var(--fg-2);border:1px solid var(--line)}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.pill-warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.pill-bad{background:var(--bad-bg);color:var(--bad);border-color:transparent}.pill-info{background:var(--info-bg);color:var(--info);border-color:transparent}.pill-film{color:var(--fg);background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(110deg,var(--film-1),var(--film-2),var(--film-3)) border-box;border-color:transparent}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--line-2);box-shadow:var(--shadow-pop)}@media (prefers-reduced-transparency: reduce){.glass{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}.empty{text-align:center;padding:44px 20px;color:var(--fg-2);display:flex;flex-direction:column;align-items:center;gap:10px}.empty h3{margin:0;font-size:16px;font-weight:550;color:var(--fg)}.empty p{margin:0;max-width:42ch;font-size:14px}.empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--raise);border:1px solid var(--line);color:var(--fg-3);margin-bottom:4px}.skel{display:flex;flex-direction:column;gap:10px;padding:16px 0}.skel span{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--raise),var(--press),var(--raise));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}body.lock{overflow:hidden}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:color-mix(in srgb,var(--bg) 45%,transparent);display:flex;justify-content:flex-end;animation:fade .2s var(--ease)}.drawer{width:min(560px,100vw);height:100%;display:flex;flex-direction:column;border-radius:0;border-width:0 0 0 1px;animation:slideIn .32s var(--ease);background:color-mix(in srgb,var(--panel) 88%,transparent)}.drawer-wide{width:min(760px,100vw)}.drawer-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 24px;border-bottom:1px solid var(--line)}.drawer-title{flex:1;min-width:0;font-weight:600;font-size:16px}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px 28px;overscroll-behavior:contain}.drawer-foot{padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}@keyframes slideIn{0%{transform:translate(24px);opacity:0}}@keyframes fade{0%{opacity:0}}@media (max-width: 720px){.drawer-root{align-items:flex-end}.drawer,.drawer-wide{width:100vw;height:calc(100% - 28px - env(safe-area-inset-top,0px));border-radius:22px 22px 0 0;border-width:1px 0 0;animation:slideUp .34s var(--ease)}.drawer-body{padding:16px 18px 24px}.drawer-head{padding:12px 12px 10px 18px}.drawer-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}}.dialog{padding:0;width:min(520px,calc(100vw - 24px));border-radius:24px;color:var(--fg);background:color-mix(in srgb,var(--panel) 92%,transparent)}.dialog::backdrop{background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[open]{animation:pop .25s var(--ease)}@keyframes pop{0%{transform:scale(.97) translateY(6px);opacity:0}}.dialog-head{display:flex;align-items:center;gap:12px;padding:18px 16px 6px 24px}.dialog-head h2{flex:1;margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.dialog-body{padding:8px 24px;display:flex;flex-direction:column;gap:14px}.dialog-foot{padding:16px 24px 22px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.toasts{position:fixed;z-index:120;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 24px)}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:999px;font-size:14px;animation:pop .25s var(--ease)}.toast svg{color:var(--ok);flex:none}.toast-bad svg{color:var(--bad)}.toast-undo{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:5px 11px;border-radius:999px;background:var(--press);font-weight:550;font-size:13px}.toast-undo:hover{background:var(--line-2)}.menu{z-index:130;min-width:210px;padding:6px;border-radius:16px;display:flex;flex-direction:column;animation:pop .16s var(--ease);background:color-mix(in srgb,var(--panel) 92%,transparent)}.menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px;text-align:left;color:var(--fg)}.menu-item svg{color:var(--fg-3);flex:none}.menu-item:hover,.menu-item:focus-visible{background:var(--raise);outline:none}.menu-item.danger,.menu-item.danger svg{color:var(--bad)}.menu-item:disabled{opacity:.45}.kbd{font-family:var(--f-mono);font-size:11px;padding:2px 6px;border-radius:6px;border:1px solid var(--line-2);color:var(--fg-3);background:var(--raise)}.qdoc{--accent: var(--film-1);display:flex;flex-direction:column;gap:0}.qdoc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--line)}.qdoc-brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.3em;font-size:12px;font-weight:600}.qdoc-meta{display:flex;gap:26px;margin:0;flex-wrap:wrap}.qdoc-meta div{display:flex;flex-direction:column;gap:2px}.qdoc-meta dt{font-size:12px;color:var(--fg-3)}.qdoc-meta dd{margin:0;font-size:14px;color:var(--fg)}.qdoc-title{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:300;font-size:clamp(2rem,5vw,3.3rem);line-height:1;letter-spacing:-.035em;margin:34px 0 12px;text-wrap:balance}.qdoc-for{margin:0;color:var(--fg-2);font-size:15.5px}.qdoc-for strong{color:var(--fg);font-weight:550}.qdoc-intro{margin:22px 0 0;max-width:64ch;color:var(--fg-2);font-size:16px;line-height:1.6;white-space:pre-line}.qdoc-group{margin-top:38px}.qdoc-group h2{margin:0 0 6px;font-size:13px;font-weight:550;color:var(--fg-3);letter-spacing:.02em}.qlines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}.qline{display:flex;gap:20px;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);transition:opacity .25s var(--ease)}.qline-main{min-width:0;flex:1}.qline-name{font-weight:550;font-size:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qline-tag{font-size:11.5px;font-weight:500;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:1px 8px}.qline-desc{margin:5px 0 0;color:var(--fg-2);font-size:14.5px;max-width:60ch;line-height:1.55}.qline-calc{margin-top:6px;font-size:13px;color:var(--fg-3)}.qline-end{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}.qline-price{font-size:16px;font-weight:550;text-align:right}.qline-unit{font-weight:400;color:var(--fg-3);font-size:13px;margin-left:4px}.qline.is-off .qline-main,.qline.is-off .qline-price{opacity:.55}.qline-add{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:550;border:1px solid var(--line-2);background:var(--raise);color:var(--fg);transition:all .2s var(--ease)}.qline-add:hover{border-color:var(--accent)}.qline-add.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.qline-state{font-size:12.5px;color:var(--fg-3)}.qdoc-totals{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.qt-block{padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--fg) 3.5%,transparent);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.qt-row{display:flex;justify-content:space-between;gap:14px;font-size:14.5px;color:var(--fg-2)}.qt-total{color:var(--fg);font-weight:600;font-size:18px;padding-top:8px;border-top:1px solid var(--line);margin-top:2px}.qt-note{font-size:13px;color:var(--fg-3)}.qdoc-foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--fg-3);display:flex;flex-direction:column;gap:6px}.qdoc-foot p{margin:0}.qdoc-seller strong{color:var(--fg-2);font-weight:550}@media (max-width: 560px){.qline{flex-direction:column;gap:10px}.qline-end{flex-direction:row;justify-content:space-between;align-items:center}.qdoc-meta{gap:18px}}
