:root{--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--fs-micro: .6875rem;--fs-caption: .75rem;--fs-small: .8125rem;--fs-body: .9375rem;--fs-lead: 1.0625rem;--fs-h3: 1.25rem;--fs-h2: 1.625rem;--fs-h1: 2.25rem;--fs-display: 2.75rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1.12;--lh-snug: 1.32;--lh-normal: 1.55;--tracking-tight: -.02em;--tracking-normal: -.006em;--tracking-wide: .04em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 2.75rem;--sp-8: 4rem;--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 16px;--r-pill: 999px;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-instant: 90ms;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .36s;--dur-dissolve: .46s;--rail-w: 244px;--content-max: 720px;--z-base: 0;--z-drag: 40;--z-toast: 60;--z-sheet: 70;--z-modal: 80;--z-palette: 90}:root{--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .06), 0 1px 3px hsl(var(--shadow-color) / .05);--shadow-md: 0 4px 12px hsl(var(--shadow-color) / .08), 0 2px 4px hsl(var(--shadow-color) / .05);--shadow-lg: 0 12px 32px hsl(var(--shadow-color) / .12), 0 4px 10px hsl(var(--shadow-color) / .07);--shadow-drag: 0 18px 40px hsl(var(--shadow-color) / .2), 0 6px 14px hsl(var(--shadow-color) / .12)}:root,:root[data-theme=porcelain]{--bg: #f3f5f6;--surface: #fbfcfc;--surface-2: #eef1f2;--surface-3: #e6eaec;--ink: #14201f;--ink-2: #465250;--ink-3: #6f7a78;--ink-4: #9aa4a2;--line: #dbe0e1;--line-2: #c9d0d1;--accent: #0f6d68;--accent-hover: #0c5854;--accent-press: #094744;--accent-soft: #dcebe9;--on-accent: #f4faf9;--pri-low: #7f8db3;--pri-medium: #3f8f88;--pri-high: #c08a3e;--pri-urgent: #b04a44;--danger: #b04a44;--danger-soft: #f3e0de;--success: #2f7d5b;--focus-ring: #2aa39c;--shadow-color: 210 12% 20%;--greeting-tint: 174 40% 50%;color-scheme:light}:root[data-theme=graphite]{--bg: #10161a;--surface: #171f24;--surface-2: #1f292f;--surface-3: #27333a;--ink: #e7edeb;--ink-2: #b0bbb8;--ink-3: #808d8a;--ink-4: #5a6764;--line: #26323a;--line-2: #33424b;--accent: #4bb8b0;--accent-hover: #5fc8c0;--accent-press: #3aa39b;--accent-soft: #17322f;--on-accent: #06201e;--pri-low: #93a0c4;--pri-medium: #57b3aa;--pri-high: #d6a659;--pri-urgent: #d9756d;--danger: #d9756d;--danger-soft: #35211f;--success: #57b184;--focus-ring: #5fd0c7;--shadow-color: 200 40% 3%;--greeting-tint: 174 45% 45%;color-scheme:dark}:root[data-theme=ivory]{--bg: #f4f1ea;--surface: #fbf9f4;--surface-2: #ede8dd;--surface-3: #e4ddce;--ink: #221e1a;--ink-2: #514a42;--ink-3: #7a7167;--ink-4: #a89e90;--line: #e1dacb;--line-2: #cfc6b4;--accent: #8c3b46;--accent-hover: #762f39;--accent-press: #642731;--accent-soft: #efe1e0;--on-accent: #fbf3f2;--pri-low: #6b7a99;--pri-medium: #4a7a6a;--pri-high: #b07a2e;--pri-urgent: #a3423b;--danger: #a3423b;--danger-soft: #f0e0dd;--success: #4a7a55;--focus-ring: #b05563;--shadow-color: 30 20% 22%;--greeting-tint: 350 45% 45%;color-scheme:light}:root[data-theme=slate]{--bg: #eef1f4;--surface: #fafbfc;--surface-2: #e6eaef;--surface-3: #dbe0e7;--ink: #1c232b;--ink-2: #47515c;--ink-3: #6e7883;--ink-4: #9aa3ad;--line: #d9dee5;--line-2: #c4ccd5;--accent: #b3673a;--accent-hover: #9c5730;--accent-press: #874a29;--accent-soft: #f0e2d8;--on-accent: #fff7f1;--pri-low: #6b78a3;--pri-medium: #3f8f88;--pri-high: #b3823a;--pri-urgent: #b04a44;--danger: #b04a44;--danger-soft: #f3e0de;--success: #2f7d5b;--focus-ring: #c07a4e;--shadow-color: 215 18% 22%;--greeting-tint: 24 55% 50%;color-scheme:light}:root[data-theme=midnight]{--bg: #0e1420;--surface: #141c2c;--surface-2: #1c2740;--surface-3: #26334d;--ink: #e8ecf5;--ink-2: #b2bad0;--ink-3: #808aa2;--ink-4: #5a6480;--line: #24304d;--line-2: #33426b;--accent: #d4af5f;--accent-hover: #e2bf70;--accent-press: #bf9a4c;--accent-soft: #2c2717;--on-accent: #17130a;--pri-low: #8f9cd0;--pri-medium: #57b3aa;--pri-high: #d6a659;--pri-urgent: #d9756d;--danger: #d9756d;--danger-soft: #33221f;--success: #57b184;--focus-ring: #e2c576;--shadow-color: 220 50% 2%;--greeting-tint: 43 55% 55%;color-scheme:dark}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 1ms;--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-dissolve: 1ms;--ease-spring: var(--ease-standard)}}:root[data-reduce-motion=true]{--dur-instant: 1ms;--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-dissolve: 1ms;--ease-spring: var(--ease-standard)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--ink);background:var(--bg);letter-spacing:var(--tracking-normal);overflow:hidden}:root{-webkit-user-select:none;user-select:none;cursor:default}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text;cursor:text}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-xs)}::placeholder{color:var(--ink-4)}::selection{background:var(--accent-soft);color:var(--ink)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:3px solid var(--bg)}.scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 600px at 50% -10%,var(--surface-2),transparent 60%),var(--bg)}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:0 24px 60px -30px #00000059}.brand{font-size:var(--fs-h1);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--ink)}.brand sub{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--ink-3);vertical-align:baseline}.tagline{margin-top:var(--sp-2);color:var(--ink-3);font-size:var(--fs-small)}.divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--ink-4);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:auto;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-medium);cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-hover)}.btn[disabled]{opacity:.5;cursor:not-allowed}.field{display:block;margin-bottom:var(--sp-3)}.field label,.fieldlabel{display:block;font-size:var(--fs-caption);color:var(--ink-3);margin-bottom:var(--sp-1)}.field input{width:100%;padding:var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font-size:var(--fs-body)}.field input:focus{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--accent)}.note{font-size:var(--fs-caption);color:var(--ink-3);margin-top:var(--sp-3);line-height:var(--lh-normal)}.error{margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-sm);background:var(--danger-soft);border:1px solid var(--danger);color:var(--ink);font-size:var(--fs-small)}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);border-bottom:1px solid var(--line);background:var(--surface)}.topbar .who{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-small);color:var(--ink-2)}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.portal-body{min-height:calc(100dvh - 60px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6);background:var(--bg)}.empty h2{font-size:var(--fs-h2);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--ink)}.empty p{margin-top:var(--sp-3);color:var(--ink-3);max-width:46ch;line-height:var(--lh-normal)}.nav{display:flex;align-items:center;gap:var(--sp-5);height:58px;padding:0 var(--sp-5);border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.nav-brand{font-size:var(--fs-lead);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--ink);text-decoration:none}.nav-brand sub{font-size:var(--fs-caption);color:var(--ink-3)}.nav-links{display:flex;gap:var(--sp-2);flex:1}.nav-links a{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-size:var(--fs-small);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:6px}.nav-links a:hover{background:var(--surface-2);color:var(--ink)}.nav-links a.active{background:var(--accent-soft);color:var(--accent)}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--fs-micro);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center}.nav .who{display:flex;align-items:center;gap:var(--sp-3)}.who-name{font-size:var(--fs-small);color:var(--ink-2)}.content{max-width:980px;margin:0 auto;padding:var(--sp-6) var(--sp-5)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.page-head h1{font-size:var(--fs-h2);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--ink)}.lead{font-size:var(--fs-lead);color:var(--ink);margin-bottom:var(--sp-2)}.muted{color:var(--ink-3)}.small{font-size:var(--fs-small)}.tiny{font-size:var(--fs-micro)!important;padding:3px 8px!important}.btn.ghost{background:transparent;border-color:var(--line-2);width:auto}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:not(.primary):not(.ghost){width:auto}form.inline{display:inline;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.acard{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);transition:border-color .12s,box-shadow .12s}.acard:hover{border-color:var(--accent);box-shadow:0 8px 24px -18px #0006}.acard-top{display:flex;justify-content:space-between;align-items:start;gap:var(--sp-2)}.acard .title{font-weight:var(--fw-semibold);color:var(--ink);font-size:var(--fs-lead)}.acard-purpose{color:var(--ink-3);font-size:var(--fs-small);margin:var(--sp-2) 0}.acard-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-caption);color:var(--ink-2);margin-top:var(--sp-2)}.progress{height:5px;background:var(--surface-3);border-radius:999px;margin-top:var(--sp-3);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px}.tag{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:var(--fs-micro);font-weight:var(--fw-semibold);background:var(--surface-3);color:var(--ink-2)}.tag.ready{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.tag.pri-high,.tag.pri-urgent{background:var(--danger-soft);color:var(--danger)}.tag.pri-medium{background:var(--accent-soft);color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}.panel-title{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--ink-3);margin-bottom:var(--sp-3)}.two-col{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-4);align-items:start}.row{display:flex;gap:var(--sp-3)}textarea,select,.field textarea,.field select{width:100%;padding:var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font-size:var(--fs-body);font-family:inherit}.checklist{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-3)}.check{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small)}.check input{width:auto}.pill.tiny{padding:1px 7px;font-size:10px}.avail{list-style:none;display:flex;flex-direction:column;gap:6px}.avail li{display:flex;justify-content:space-between;font-size:var(--fs-small)}.avail .count{color:var(--success)}.avail .count.busy{color:var(--ink-3)}.grid{width:100%;border-collapse:collapse;margin-top:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.grid th,.grid td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--line);font-size:var(--fs-small)}.grid th{color:var(--ink-3);font-weight:var(--fw-semibold);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.grid tr.disabled{opacity:.5}.addrow{display:flex;gap:var(--sp-3);align-items:center}.addrow input,.addrow select{width:auto;flex:1}.addrow select,.addrow .btn{flex:0 0 auto}.subtasks,.comments,.members,.notes{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.subtasks li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.subtasks li.done .st-title{text-decoration:line-through;color:var(--ink-3)}.st-main{display:flex;flex-direction:column;flex:1}.st-title{color:var(--ink)}.tick{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--accent);padding:0;line-height:1}.tick:disabled{color:var(--ink-4);cursor:not-allowed}.tickform{display:flex}.addst{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.addst.col{flex-direction:column}.addst input,.addst select{flex:1;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--bg);color:var(--ink)}.members li{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-small);padding:4px 0}.comments li{border-bottom:1px solid var(--line);padding-bottom:var(--sp-2)}.comments p{margin-top:2px;color:var(--ink);font-size:var(--fs-small)}.closebox{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0;color:var(--ink)}.notes li{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-3)}.notes li.unread{border-left:3px solid var(--accent)}.note-actions{display:flex;gap:var(--sp-2)}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--accent);margin-right:6px}.empty-block{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--ink-3)}@media (max-width: 760px){.two-col{grid-template-columns:1fr}.nav-links a{padding:var(--sp-2)}.who-name{display:none}}html,body{overflow-x:hidden;overflow-y:visible;height:auto}:root{-webkit-user-select:auto;user-select:auto;cursor:auto}input,textarea,[contenteditable=true],.selectable,p,span,td,th,h1,h2,h3,li,a{-webkit-user-select:text;user-select:text}*{-webkit-tap-highlight-color:transparent}.btn{transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn.primary{box-shadow:var(--shadow-sm)}.btn.primary:hover{box-shadow:var(--shadow-md)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.btn.block{width:100%}.icon-btn{padding:8px!important;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}.icon-btn:hover{color:var(--ink)}.nav{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2)}.nav-links a{transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.nav-links a svg{opacity:.85}.greeting{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.greeting h1{font-size:var(--fs-h1);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--ink);line-height:var(--lh-tight)}.greeting .muted{margin-top:4px}.ready-note{color:var(--accent);font-weight:var(--fw-medium)}.acard{box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.acard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.acard-foot{font-size:var(--fs-caption);margin-top:var(--sp-2)}.progress-fill{transition:width var(--dur-slow) var(--ease-out)}.dot-pri{width:8px;height:8px;border-radius:999px;display:inline-block}.dot-pri.pri-low{background:var(--pri-low)}.dot-pri.pri-medium{background:var(--pri-medium)}.dot-pri.pri-high{background:var(--pri-high)}.dot-pri.pri-urgent{background:var(--pri-urgent)}.panel,.banner{box-shadow:var(--shadow-sm)}.empty-icon{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);background:var(--surface-2);color:var(--ink-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tick{transition:transform var(--dur-fast) var(--ease-spring)}.tick:not(:disabled):hover{transform:scale(1.15)}.card{box-shadow:var(--shadow-lg)}.btn.primary{transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.subtasks li{transition:background var(--dur-fast) var(--ease-standard);border-radius:var(--r-sm)}.subtasks li:hover{background:var(--surface-2)}.subtasks li{padding-left:var(--sp-2);padding-right:var(--sp-2)}.theme-menu.svelte-khdf8u.svelte-khdf8u{position:relative}.theme-pop.svelte-khdf8u.svelte-khdf8u{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;width:210px;z-index:50;animation:svelte-khdf8u-pop var(--dur-fast) var(--ease-out)}@keyframes svelte-khdf8u-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.theme-opt.svelte-khdf8u.svelte-khdf8u{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;background:none;cursor:pointer;border-radius:var(--r-sm);color:var(--ink);text-align:left}.theme-opt.svelte-khdf8u.svelte-khdf8u:hover{background:var(--surface-2)}.theme-opt.sel.svelte-khdf8u.svelte-khdf8u{background:var(--accent-soft)}.theme-label.svelte-khdf8u.svelte-khdf8u{display:flex;flex-direction:column;font-size:var(--fs-small);line-height:1.2}.theme-label.svelte-khdf8u small.svelte-khdf8u{color:var(--ink-3);font-size:10px}.check.svelte-khdf8u.svelte-khdf8u{margin-left:auto;color:var(--accent)}.swatch.svelte-khdf8u.svelte-khdf8u{width:20px;height:20px;border-radius:6px;border:1px solid var(--line-2);flex:0 0 auto}.swatch[data-swatch=auto].svelte-khdf8u.svelte-khdf8u{background:linear-gradient(135deg,#f3f5f6 50%,#10161a 50%)}.swatch[data-swatch=porcelain].svelte-khdf8u.svelte-khdf8u{background:#0f6d68}.swatch[data-swatch=graphite].svelte-khdf8u.svelte-khdf8u{background:#10161a;box-shadow:inset 0 0 0 2px #4bb8b0}.swatch[data-swatch=ivory].svelte-khdf8u.svelte-khdf8u{background:#8c3b46}.swatch[data-swatch=slate].svelte-khdf8u.svelte-khdf8u{background:#b3673a}.swatch[data-swatch=midnight].svelte-khdf8u.svelte-khdf8u{background:#0e1420;box-shadow:inset 0 0 0 2px #d4af5f}