html[data-sp-theme=modern],html[data-sp-theme=minimal],html[data-sp-theme=ocean],html[data-sp-theme=sunset],html[data-sp-theme=purple],html[data-sp-theme=contrast]{--sp-theme-transition:.18s}html[data-sp-theme=modern]{--color-bg:#f6f8f7;--color-bg-elevated:#fff;--color-bg-subtle:#eef5f1;--color-fg:#10251c;--color-fg-muted:#40584c;--color-fg-subtle:#687c71;--color-border:#dce6e1;--color-border-strong:#c4d5cc;--color-accent:#14864b;--color-accent-fg:#fff;--color-pine:#0b6b3d;--color-pine-2:#14864b;--color-warn:#a86b00;--color-bad:#b33f34;--color-ok:#14864b}html[data-sp-theme=dark]{--color-bg:#050806;--color-bg-elevated:#0b110e;--color-bg-subtle:#111a15;--color-fg:#f0f5f1;--color-fg-muted:#a8b8ae;--color-fg-subtle:#7d8f84;--color-border:#26362d;--color-border-strong:#3b5144;--color-accent:#83e35b;--color-accent-fg:#061006;--color-pine:#1d7548;--color-pine-2:#2c9660}html[data-sp-theme=minimal]{--color-bg:#fafafa;--color-bg-elevated:#fff;--color-bg-subtle:#f3f3f3;--color-fg:#171717;--color-fg-muted:#505050;--color-fg-subtle:#737373;--color-border:#e4e4e4;--color-border-strong:#cfcfcf;--color-accent:#242424;--color-accent-fg:#fff;--color-pine:#444;--color-pine-2:#5a5a5a}html[data-sp-theme=ocean]{--color-bg:#f3f8fc;--color-bg-elevated:#fff;--color-bg-subtle:#e9f2f9;--color-fg:#10283b;--color-fg-muted:#426076;--color-fg-subtle:#71899b;--color-border:#d5e3ed;--color-border-strong:#b8d0df;--color-accent:#1769aa;--color-accent-fg:#fff;--color-pine:#155a88;--color-pine-2:#207dbb;--color-warn:#a96800}html[data-sp-theme=sunset]{--color-bg:#fff9f4;--color-bg-elevated:#fff;--color-bg-subtle:#fff0e5;--color-fg:#382017;--color-fg-muted:#705042;--color-fg-subtle:#96796c;--color-border:#eddacf;--color-border-strong:#dfc0b0;--color-accent:#d65a25;--color-accent-fg:#fff;--color-pine:#a83f1b;--color-pine-2:#d65a25;--color-warn:#9b6500}html[data-sp-theme=purple]{--color-bg:#f8f6fc;--color-bg-elevated:#fff;--color-bg-subtle:#f0ecf8;--color-fg:#271c3c;--color-fg-muted:#5c4c73;--color-fg-subtle:#817393;--color-border:#e0d8ee;--color-border-strong:#c9badd;--color-accent:#7446c8;--color-accent-fg:#fff;--color-pine:#5b35a5;--color-pine-2:#7446c8;--color-warn:#9a6800}html[data-sp-theme=contrast]{--color-bg:#000;--color-bg-elevated:#0b0b0b;--color-bg-subtle:#151515;--color-fg:#fff;--color-fg-muted:#fff;--color-fg-subtle:#f0f0f0;--color-border:#fff;--color-border-strong:#fff;--color-accent:#ffe600;--color-accent-fg:#000;--color-pine:#ffe600;--color-pine-2:#ffe600;--color-warn:#ffe600;--color-bad:#ff6b6b}html[data-sp-theme=modern] body,html[data-sp-theme=minimal] body,html[data-sp-theme=ocean] body,html[data-sp-theme=sunset] body,html[data-sp-theme=purple] body{background-image:none}html[data-sp-theme=modern] .sp-card,html[data-sp-theme=minimal] .sp-card,html[data-sp-theme=ocean] .sp-card,html[data-sp-theme=sunset] .sp-card,html[data-sp-theme=purple] .sp-card{box-shadow:0 8px 28px #14281e0d}html[data-sp-theme] body,html[data-sp-theme] .sp-card,html[data-sp-theme] header,html[data-sp-theme] footer{transition:background-color var(--sp-theme-transition) ease, color var(--sp-theme-transition) ease, border-color var(--sp-theme-transition) ease}.appearance-page{max-width:1120px}.appearance-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.appearance-back{min-height:36px;color:var(--color-fg-muted);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.appearance-status{border:1px solid var(--color-border);color:var(--color-fg-muted);background:var(--color-bg-elevated);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.appearance-status-dot{background:var(--color-accent);border-radius:999px;width:8px;height:8px}.appearance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.appearance-card{text-align:left;border:1px solid var(--color-border);background:var(--color-bg-elevated);min-width:0;color:var(--color-fg);cursor:pointer;font:inherit;border-radius:18px;flex-direction:column;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.appearance-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 10px 24px #14281e14}.appearance-card.is-selected{border:2px solid var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.appearance-mini{background:var(--mini-bg,#f6f8f7);height:128px;padding:10px}.appearance-mini-top{background:var(--mini-top,#0b5d38);border-radius:6px;height:18px;margin-bottom:8px}.appearance-mini-main{grid-template-columns:31% 1fr;gap:7px;height:88px;display:grid}.appearance-mini-nav{background:var(--mini-side,#e7eee9);border-radius:6px;gap:5px;padding:8px;display:grid}.appearance-mini-nav i{background:var(--mini-line,#8aa497);border-radius:99px;width:75%;height:6px;display:block}.appearance-mini-nav i:first-child{background:var(--mini-accent,#14864b);width:90%}.appearance-mini-note{background:var(--mini-card,#fff);border:1px solid var(--mini-border,#d9e5de);border-radius:6px;align-content:start;gap:7px;padding:10px;display:grid}.appearance-mini-note b{background:var(--mini-text,#20382c);border-radius:99px;width:46%;height:9px}.appearance-mini-note span{background:var(--mini-line,#9eb0a6);border-radius:99px;height:6px;display:block}.appearance-card-copy{padding:14px 16px 16px}.appearance-card-title{align-items:center;gap:7px;padding-right:24px;display:flex}.appearance-card-title strong{font-size:16px}.appearance-card-title span{color:var(--color-accent);font-size:11px;font-weight:600}.appearance-card-copy p{color:var(--color-fg-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.appearance-radio{border:2px solid var(--color-border-strong);background:var(--color-bg-elevated);width:22px;height:22px;color:var(--color-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:143px;right:14px}.appearance-card.is-selected .appearance-radio{border-color:var(--color-accent)}.appearance-card-modern{--mini-bg:#f3f7f4;--mini-top:#08703f;--mini-side:#e5f1ea;--mini-card:#fff;--mini-border:#d5e5dc;--mini-accent:#14864b;--mini-text:#193327;--mini-line:#9bb1a4}.appearance-card-classic{--mini-bg:#08120e;--mini-top:#123d2a;--mini-side:#10231b;--mini-card:#15251e;--mini-border:#2a483a;--mini-accent:#7cdb3a;--mini-text:#e8f0ea;--mini-line:#657a6e}.appearance-card-dark{--mini-bg:#030604;--mini-top:#101712;--mini-side:#0a0f0c;--mini-card:#111813;--mini-border:#2a382f;--mini-accent:#83e35b;--mini-text:#f0f5f1;--mini-line:#65736b}.appearance-card-minimal{--mini-bg:#f8f8f8;--mini-top:#333;--mini-side:#efefef;--mini-card:#fff;--mini-border:#e2e2e2;--mini-accent:#222;--mini-text:#222;--mini-line:#aaa}.appearance-card-ocean{--mini-bg:#f0f7fb;--mini-top:#1769aa;--mini-side:#e3f0f8;--mini-card:#fff;--mini-border:#d0e0ea;--mini-accent:#1769aa;--mini-text:#16344b;--mini-line:#8da9ba}.appearance-card-sunset{--mini-bg:#fff4ec;--mini-top:#d65a25;--mini-side:#fae7d9;--mini-card:#fff;--mini-border:#edd3c4;--mini-accent:#d65a25;--mini-text:#4a291d;--mini-line:#c69e8a}.appearance-card-purple{--mini-bg:#f5f1fb;--mini-top:#7446c8;--mini-side:#eae2f6;--mini-card:#fff;--mini-border:#ddd1ed;--mini-accent:#7446c8;--mini-text:#33244c;--mini-line:#aa9ac0}.appearance-card-contrast{--mini-bg:#000;--mini-top:#ffe600;--mini-side:#090909;--mini-card:#101010;--mini-border:#fff;--mini-accent:#ffe600;--mini-text:#fff;--mini-line:#fff}.appearance-preview{grid-template-columns:1fr 420px;align-items:center;gap:24px;margin-top:20px;padding:22px;display:grid}.appearance-preview-ui{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:14px;overflow:hidden}.appearance-preview-bar{background:var(--color-pine);height:28px}.appearance-preview-body{grid-template-columns:30% 1fr;gap:8px;min-height:100px;padding:8px;display:grid}.appearance-preview-side{background:color-mix(in srgb, var(--color-accent) 9%, var(--color-bg-elevated));border-radius:8px;align-content:start;gap:6px;padding:8px;display:grid}.appearance-preview-side i{background:var(--color-fg-subtle);border-radius:99px;width:70%;height:6px}.appearance-preview-side i:first-child{background:var(--color-accent);width:90%}.appearance-preview-content{background:var(--color-bg-elevated);border-radius:8px;align-content:start;gap:7px;padding:10px;display:grid}.appearance-preview-content b{font-family:var(--font-serif);font-size:14px}.appearance-preview-content span{background:var(--color-border-strong);border-radius:99px;width:88%;height:6px}.appearance-preview-content span:last-child{width:58%}.appearance-account-link{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:15px 16px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.appearance-account-link:hover{border-color:var(--color-accent);transform:translateY(-1px)}.appearance-account-link>span:nth-child(2){gap:2px;display:grid}.appearance-account-link small{color:var(--color-fg-muted)}.appearance-account-icon{background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:38px;height:38px;color:var(--color-accent);border-radius:10px;place-items:center;font-size:20px;display:grid}@media (width<=900px){.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-head{flex-direction:column;align-items:flex-start}.appearance-preview{grid-template-columns:1fr}}@media (width<=560px){.appearance-grid{grid-template-columns:1fr}.appearance-mini{height:120px}.appearance-radio{top:135px}.appearance-preview{padding:16px}}