@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{color-scheme:dark;font-family:Archivo Variable,Archivo,system-ui,sans-serif;font-synthesis:none;font-optical-sizing:auto;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;--bg: #1b1d20;--surface: #25282c;--raised: #2e3237;--ink: #e8e9ea;--muted: #9aa0a6;--line: #383c41;--accent: #6f9bd1;--on-accent: #0e1a2b;--danger: #e0705f;--shadow: 0 12px 32px rgb(0 0 0 / 32%);background:var(--bg);color:var(--ink)}:root[data-theme=light]{color-scheme:light;--bg: #e9eaea;--surface: #fafaf9;--raised: #fff;--ink: #1c2024;--muted: #5b6168;--line: #cfd1d2;--accent: #2b5a96;--on-accent: #fff;--danger: #b23a2e}:root[data-theme=system]{color-scheme:light dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #1b1d20;--surface: #25282c;--raised: #2e3237;--ink: #e8e9ea;--muted: #9aa0a6;--line: #383c41;--accent: #6f9bd1;--on-accent: #0e1a2b;--danger: #e0705f}}body{margin:0;background:var(--bg);color:var(--ink)}.chip-group{display:flex;flex-wrap:wrap;gap:8px;padding-inline:2px}.chip-group--scroll{flex-wrap:nowrap;overflow-x:auto;padding-inline:2px}.segmented-container{max-width:100%;overflow-x:auto;padding:2px}.chip-group button,.segmented button{cursor:pointer}.segmented{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:10px;padding:4px}.segmented button{border:1px solid transparent;border-radius:6px;background:transparent;padding-inline:12px}.sheet-backdrop{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-end;background:#0000007a}.sheet{width:100%;max-height:min(85dvh,720px);overflow:auto}.photo{max-width:100%;border-radius:6px;object-fit:cover}.photo--placeholder{display:inline-grid;place-items:center;background:var(--raised);color:var(--muted)}.swatch{width:44px;height:44px;border:1px solid var(--line);border-radius:50%}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{min-height:44px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{width:min(100% - 32px,720px);margin-inline:auto;padding:16px 0 var(--chrome-bottom, 80px)}main>h1,header h1,h1{margin:0 0 20px;font-size:28px;line-height:32px;font-weight:650;letter-spacing:-.02em}h2{font-size:18px;line-height:24px;font-weight:600}p{max-width:70ch}.avatar-menu{display:none}.upload-queue-banner{position:fixed;z-index:6;inset-inline:0;bottom:calc(56px + env(safe-area-inset-bottom));min-height:40px;padding:8px 16px;background:var(--surface);color:var(--muted);font-size:14px}.offline-indicator{position:fixed;z-index:6;top:env(safe-area-inset-top);inset-inline:0;padding:8px;background:var(--raised);text-align:center}.upload-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px}.upload-picker{position:relative;display:grid;place-items:center;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:center;cursor:pointer}.upload-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-list{display:grid;gap:10px;padding:0;list-style:none}.upload-list li{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.upload-thumbnail{width:56px;height:56px;object-fit:cover;border-radius:6px;background:var(--raised)}.review-colors{display:grid;gap:8px}.review-colors input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.color-swatches{display:flex;gap:8px}.color-swatches span{width:24px;height:24px;border:1px solid var(--line);border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer}.button--quiet{border-color:var(--line);background:transparent;color:var(--ink)}.button--danger{background:var(--danger);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:6px;margin-block:0 16px;color:var(--ink)}.password-input{position:relative}.password-input input{padding-inline-end:56px}.password-input button{position:absolute;inset-block:0;inset-inline-end:4px;width:44px;border:0;background:transparent;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.field textarea{min-height:96px;resize:vertical}.tabs{position:fixed;z-index:5;inset-inline:0;bottom:0;display:flex;justify-content:space-around;gap:8px;border-top:1px solid var(--line);background:var(--surface);padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.tabs a{position:relative;display:grid;flex:1;place-items:center;border-radius:6px;color:var(--muted);font-size:12px}.tabs .wordmark{display:none}.tabs a[aria-current=page]{color:var(--accent);font-weight:600}.tabs a[aria-current=page]:before{position:absolute;inset-inline:20%;top:-4px;height:2px;background:var(--accent);content:""}.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.chip[aria-pressed=true],.segmented [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.sheet,.dialog{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:var(--shadow)}.toast{position:fixed;z-index:8;inset-inline:16px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:480px;margin-inline:auto;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--raised);box-shadow:var(--shadow)}.skeleton{min-height:80px;border-radius:6px;background:var(--raised)}.skeleton--grid{min-height:150px}.skeleton--list{min-height:56px}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}main>header h1{margin:0}main>section,main>article{margin-block:24px}main>form{max-width:460px;margin:clamp(28px,8vh,80px) auto 0}form h1{margin-top:0}form p{margin-top:18px;color:var(--muted)}form [role=alert]{display:block;color:var(--danger)}.page-header{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0}.page-header h1{flex:1;margin:0}.page-header-actions{display:flex;gap:8px}.page-header-back{display:grid;place-items:center}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--raised);color:var(--ink);font-size:14px;font-weight:600}.avatar--40{width:40px;height:40px}.avatar--56{width:56px;height:56px}.list-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start}.ui-section{margin-block:24px}.ui-section h2{margin:0 0 12px}@media(max-width:899px){.tabs a{grid-template-rows:24px auto}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.wordmark{display:none}@media(min-width:900px){.tabs .wordmark{display:block;min-height:auto;margin-bottom:24px;color:var(--ink);font-size:20px;font-weight:650}}@media(min-width:900px){.tabs{inset-inline:0 auto;top:0;bottom:0;width:200px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;border-top:0;border-inline-end:1px solid var(--line);padding:24px 16px}.tabs .wordmark{display:block;min-height:auto;margin-bottom:24px;color:var(--ink);font-size:20px;font-weight:650}.tabs a:not(.wordmark){flex:none;width:100%;min-height:48px;grid-template-columns:24px 1fr;justify-items:start;gap:12px;padding-inline:12px;font-size:16px}.tabs a[aria-current=page]{background:var(--surface)}main{width:min(100% - 64px,720px);margin-inline:max(32px,calc((100% - 520px)/2));padding:32px 0}}@media(min-width:900px){.upload-queue-banner{inset-inline-start:200px;bottom:0}}.upload-queue-banner a{color:var(--accent)}.app-shell{min-height:100dvh;--chrome-bottom: calc(64px + env(safe-area-inset-bottom)) }.text-action{border:0;background:none;color:var(--accent);padding-inline:12px}.chrome-banner{position:fixed;z-index:7;inset-inline:0;bottom:calc(56px + env(safe-area-inset-bottom));display:flex;min-height:40px;align-items:center;justify-content:space-between;padding-inline:16px;background:var(--surface);font-size:14px}@media(min-width:900px){.chrome-banner{inset-inline-start:200px;bottom:0}}