/* ==========================================================
   Sellix design system · v1.0
   Tokens, components and layout. Icons/graphics appended below.
   Fonts: Fredoka (display), Nunito (UI/body), DM Mono (IDs, sizes)
   ========================================================== */

/* ---------- Tokens · light ---------- */
.sx{
  --bg:#F2F8F6; --surface:#FFFFFF; --surface-2:#E7F2EF; --surface-3:#D6E8E3;
  --line:#CFE0DC; --line-strong:#6F938C;
  --ink:#0D2B2E; --ink-2:#3B5C5F; --ink-3:#557174;
  --primary:#0A7A6C; --primary-hover:#07665A; --primary-shade:#05493F; --primary-ink:#FFFFFF;
  --primary-soft:#D3F1E9; --primary-soft-ink:#065A50;
  --accent:#1D64C8; --accent-soft:#DDEBFF; --accent-soft-ink:#164E9C;
  --link:#08705F;
  --ok:#0F7A50; --ok-soft:#D7F3E5;
  --warn:#8A5300; --warn-soft:#FFEFCF;
  --bad:#B42E43; --bad-soft:#FDE2E6; --on-bad:#FFFFFF;
  --info:#1D64C8; --info-soft:#DDEBFF;
  --star:#B97800; --heart:#C9375A;
  --focus:#1D64C8;
  --hero:#CFF1E7; --scrim:rgba(6,30,32,.52);
  --sh-1:0 1px 2px rgba(13,43,46,.06),0 2px 8px rgba(13,43,46,.06);
  --sh-2:0 10px 28px rgba(13,43,46,.12),0 2px 6px rgba(13,43,46,.06);
  --sh-pop:0 24px 60px rgba(13,43,46,.22),0 4px 12px rgba(13,43,46,.08);
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-2xl:32px; --r-pill:999px;
  --t-fast:120ms; --t-med:220ms; --t-slow:380ms;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  font-family:'Nunito',ui-rounded,'SF Pro Rounded','Segoe UI',system-ui,sans-serif;
  font-size:16px; line-height:1.5; color:var(--ink); background:var(--bg);
  min-height:100vh; box-sizing:border-box; position:relative;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* ---------- Tokens · dark ---------- */
.sx.dark{
  --bg:#08181B; --surface:#0F2428; --surface-2:#153036; --surface-3:#1D3E45;
  --line:#22454C; --line-strong:#55868E;
  --ink:#E4F3F0; --ink-2:#A9C7C3; --ink-3:#8DAFAB;
  --primary:#3FD6B4; --primary-hover:#6BE2C7; --primary-shade:#1E8A73; --primary-ink:#03231D;
  --primary-soft:#123F3A; --primary-soft-ink:#93ECD5;
  --accent:#7DB2FF; --accent-soft:#16304F; --accent-soft-ink:#B8D5FF;
  --link:#6BE2C7;
  --ok:#5ED8A2; --ok-soft:#113A2C;
  --warn:#F5BE5B; --warn-soft:#3A2C10;
  --bad:#FF8E9C; --bad-soft:#42171F; --on-bad:#2A0810;
  --info:#7DB2FF; --info-soft:#16304F;
  --star:#F5BE5B; --heart:#FF8FA8;
  --focus:#8CC4FF;
  --hero:#12393A; --scrim:rgba(0,8,10,.66);
  --sh-1:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);
  --sh-2:0 10px 28px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3);
  --sh-pop:0 24px 60px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.3);
  color-scheme:dark;
}
.sx.tl{font-size:18px} .sx.txl{font-size:20px}
:where(.sx) *,:where(.sx) *::before,:where(.sx) *::after{box-sizing:border-box}
:where(.sx) :where(p,h1,h2,h3,h4,ul,ol,figure,dl,dd){margin:0}
:where(.sx) :where(ul,ol){padding:0;list-style:none}
:where(.sx) a{color:var(--link);text-underline-offset:3px}
:where(.sx) img{max-width:100%;display:block}
:where(.sx) button{font:inherit;color:inherit}
.sx :focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sx ::selection{background:var(--primary-soft)}

/* ---------- Type ---------- */
:where(.sx) :where(h1,h2,h3,h4),.disp{font-family:'Fredoka',ui-rounded,'Nunito',system-ui,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.005em;text-wrap:balance}
:where(.sx) h1{font-size:2.125em} :where(.sx) h2{font-size:1.5em} :where(.sx) h3{font-size:1.1875em} :where(.sx) h4{font-size:1em}
.t-hero{font-size:2.75em !important;line-height:1.05 !important}
.muted{color:var(--ink-2)} .faint{color:var(--ink-3)}
.small{font-size:.875em} .xs{font-size:.8125em} .lg{font-size:1.125em}
.b{font-weight:800} .sb{font-weight:700}
.mono{font-family:'DM Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:.875em;letter-spacing:-.01em}
.eyebrow{font-size:.75em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-soft-ink)}
.wrapany{overflow-wrap:anywhere}
.pretty{text-wrap:pretty}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Layout helpers ---------- */
.stack{display:flex;flex-direction:column;gap:12px}
.stack-xs{display:flex;flex-direction:column;gap:4px}
.stack-sm{display:flex;flex-direction:column;gap:8px}
.stack-lg{display:flex;flex-direction:column;gap:20px}
.stack-xl{display:flex;flex-direction:column;gap:32px}
.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.row-sm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.row-xs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.row-top{align-items:flex-start}
.nowrap{flex-wrap:nowrap}
.between{justify-content:space-between}
.end{justify-content:flex-end}
.grow{flex:1 1 0;min-width:0}
.center{text-align:center;align-items:center}
.hr{height:1px;background:var(--line);border:0;margin:0;width:100%}
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:32px;align-items:start}
.split-r{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.55fr);gap:32px;align-items:start}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));gap:24px}
.show-m{display:none !important}

/* ---------- Brand ---------- */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1.5em;letter-spacing:-.01em;min-height:44px;border-radius:12px}
.logo{width:36px;height:36px;flex:none;background:var(--logo) center/contain no-repeat;border-radius:11px}
.logo-lg{width:64px;height:64px;border-radius:19px}

/* ---------- Icons (mask-based, inherit currentColor) ---------- */
.ic{display:inline-block;width:20px;height:20px;flex:none;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-4px}
.ic-sm{width:16px;height:16px;vertical-align:-3px} .ic-lg{width:24px;height:24px} .ic-xl{width:32px;height:32px} .ic-2xl{width:48px;height:48px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;border:1.5px solid transparent;font:inherit;font-weight:800;font-size:.9375em;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;text-align:center;transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast)}
.btn:active{transform:translateY(2px)}
.btn-p{background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-shade)}
.btn-p:hover{background:var(--primary-hover)}
.btn-p:active{box-shadow:0 1px 0 var(--primary-shade)}
.btn-s{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:0 2px 0 var(--line)}
.btn-s:hover{background:var(--surface-2)}
.btn-t{background:var(--primary-soft);color:var(--primary-soft-ink)}
.btn-t:hover{filter:brightness(.97)}
.btn-g{background:transparent;color:var(--ink)}
.btn-g:hover{background:var(--surface-2)}
.btn-d{background:var(--bad);color:var(--on-bad);box-shadow:0 3px 0 rgba(0,0,0,.25)}
.btn-ds{background:var(--surface);color:var(--bad);border-color:var(--bad)}
.btn-sm{min-height:36px;padding:0 12px;border-radius:12px;font-size:.875em}
.btn-lg{min-height:54px;padding:0 26px;border-radius:17px;font-size:1.0625em}
.btn-i{width:44px;padding:0}
.btn-i.btn-sm{width:36px}
.btn-block{width:100%}
.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-3);color:var(--ink-3);box-shadow:none;border-color:transparent;cursor:not-allowed;transform:none}
.btn.busy::before{content:'';width:16px;height:16px;flex:none;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:sx-spin .8s linear infinite}
.btn-wish{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2);cursor:pointer;box-shadow:var(--sh-1);transition:transform var(--t-fast) var(--ease)}
.btn-wish[aria-pressed=true]{color:var(--heart);border-color:var(--heart)}
.btn-wish[aria-pressed=true] .ic{animation:sx-heart var(--t-slow) var(--ease-spring)}
.linkbtn{background:none;border:0;padding:0;color:var(--link);font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:32px}

/* ---------- Forms ---------- */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.label{font-weight:800;font-size:.875em;color:var(--ink)}
.label .opt-tag{font-weight:600;color:var(--ink-2)}
.input,.select,.textarea{width:100%;min-height:46px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:10px 14px;font:inherit;font-size:.9375em;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.input::placeholder,.textarea::placeholder{color:var(--ink-3)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}
.input:disabled{background:var(--surface-2);color:var(--ink-3)}
.textarea{min-height:112px;resize:vertical;line-height:1.5}
.select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:var(--chev);background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.help{font-size:.8125em;color:var(--ink-2)}
.field.err .input,.field.err .select,.field.err .textarea{border-color:var(--bad)}
.errmsg{display:flex;align-items:center;gap:6px;color:var(--bad);font-size:.8125em;font-weight:800}
.search{position:relative;display:flex;align-items:center;min-width:0}
.search>.ic{position:absolute;left:16px;color:var(--ink-2);pointer-events:none}
.search .input{padding-left:46px;border-radius:999px;min-height:48px}
.idfield{display:flex;align-items:stretch;border:1.5px solid var(--line-strong);border-radius:12px;background:var(--surface);overflow:hidden}
.idfield .pre{display:flex;align-items:center;padding:0 12px;background:var(--surface-2);color:var(--ink-2);font-weight:800;font-size:.8125em;border-right:1.5px solid var(--line-strong);white-space:nowrap}
.idfield .input{border:0;border-radius:0;font-family:'DM Mono',ui-monospace,monospace}
.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-height:44px;padding:4px 0}
.check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:none;margin:0;border-radius:8px;border:2px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer}
.check input:checked{background:var(--primary);border-color:var(--primary)}
.check input:checked::after{content:'';width:14px;height:14px;background:var(--primary-ink);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}
.switch input{appearance:none;-webkit-appearance:none;width:50px;height:30px;flex:none;margin:0;border-radius:999px;background:var(--surface-3);border:2px solid var(--line-strong);position:relative;cursor:pointer;transition:background-color var(--t-med)}
.switch input::after{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:var(--sh-1);transition:transform var(--t-med) var(--ease-spring)}
.switch input:checked{background:var(--primary);border-color:var(--primary)}
.switch input:checked::after{transform:translateX(20px)}
.switch input:disabled{opacity:.55;cursor:not-allowed}

/* ---------- Chips, pills, counts ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:800;font-size:.875em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--t-fast),transform var(--t-fast) var(--ease)}
.chip:hover{background:var(--surface-2)}
.chip .chk{display:none}
.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip[aria-pressed=true] .chk{display:inline-block}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 11px 3px 8px;border-radius:999px;font-weight:800;font-size:.8125em;line-height:1.2;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.pill .ic{width:16px;height:16px}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.info{background:var(--info-soft);color:var(--info)}
.pill.brand{background:var(--primary-soft);color:var(--primary-soft-ink)}
.pill.solid{background:var(--ink);color:var(--bg)}
.pill.checking .ic{animation:sx-pulse 1.4s ease-in-out infinite}
.count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface-3);color:var(--ink);font-size:.75em;font-weight:800}
.count.hot{background:var(--primary);color:var(--primary-ink)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:.9375em}
.kv dt{color:var(--ink-2);font-weight:700} .kv dd{font-weight:700;min-width:0;overflow-wrap:anywhere}

/* ---------- Surfaces ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.card-flat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.tint{background:var(--surface-2);border-radius:var(--r-md)}
.pad-sm{padding:14px} .pad{padding:20px} .pad-lg{padding:28px}
.section-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---------- Product card (spacious marketplace) ---------- */
.pc{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh-1);transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med) var(--ease)}
.pc:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:var(--sh-2)}
.pc .pv{aspect-ratio:4/3;margin:10px 10px 0;border-radius:19px;background-size:cover;background-position:center;background-color:var(--surface-2)}
.pc .body{display:flex;flex-direction:column;gap:6px;padding:14px 18px 18px}
.pc .ttl{font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1.125em;line-height:1.25;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.pc .ttl::after{content:'';position:absolute;inset:0;border-radius:26px}
.pc .ttl:focus-visible{outline:none}
.pc .ttl:focus-visible::after{outline:3px solid var(--focus);outline-offset:3px}
.pc .seller{font-size:.875em;color:var(--ink-2);font-weight:700;position:relative;z-index:1;text-decoration:none;align-self:flex-start;min-height:24px}
.pc .seller:hover{text-decoration:underline}
.pc .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.pc .wish{position:absolute;top:20px;right:20px;z-index:2}
.pc .tagpos{position:absolute;top:20px;left:20px;z-index:1}
.price{font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1.125em;white-space:nowrap}
.price .rs{font-size:.8em;color:var(--ink-2);margin-right:3px;font-weight:600}
.rating{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.875em;white-space:nowrap}
.rating .ic{color:var(--star);width:18px;height:18px}
.rating .n{color:var(--ink-2);font-weight:700}
.stars{display:inline-flex;gap:2px;color:var(--star)}
.pv-tile{border-radius:14px;background-size:cover;background-position:center;flex:none}

/* ---------- Customer top bar ---------- */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{max-width:1320px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;gap:20px}
.navlinks{display:flex;gap:4px;align-items:center}
.nl{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:13px;color:var(--ink-2);font-weight:800;font-size:.9375em;text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer}
.nl:hover{background:var(--surface-2);color:var(--ink)}
.nl[aria-current=page]{background:var(--primary-soft);color:var(--primary-soft-ink)}
.av{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1em;flex:none;color:#06302B;background:#7FE3C8;text-decoration:none}
.av.round{border-radius:50%}
.av.sm{width:32px;height:32px;font-size:.8125em;border-radius:11px}
.av.xs{width:26px;height:26px;font-size:.75em;border-radius:9px}
.av.lg{width:64px;height:64px;font-size:1.5em;border-radius:20px}
.av.xl{width:96px;height:96px;font-size:2.25em;border-radius:28px}
.av.b{background:#8CC0FF;color:#0B2547} .av.c{background:#F6D99A;color:#4A3300} .av.d{background:#B9E8F2;color:#0D3440} .av.e{background:#0A7A6C;color:#FFFFFF} .av.f{background:#C7D2FF;color:#1E2A66}
.wrap{max-width:1320px;margin:0 auto;padding:32px 32px 72px}
.wrap-n{max-width:1080px;margin:0 auto;padding:32px 32px 72px}
.crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.875em;font-weight:700;color:var(--ink-2)}
.crumbs a{color:var(--ink-2);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.hero{position:relative;overflow:hidden;border-radius:var(--r-2xl);background:var(--hero);padding:40px 44px;min-height:260px;display:flex;align-items:center}
.hero::after{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:520px;height:300px;background:var(--hero-art) center/contain no-repeat;pointer-events:none}
.hero>*{position:relative;z-index:1;max-width:560px}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* ---------- Seller app shell (compact workspace) ---------- */
.app{display:flex;min-height:100vh;align-items:stretch}
.side{width:260px;flex:none;padding:18px 14px 24px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:2px}
.side .brand{padding:0 8px;margin-bottom:10px;font-size:1.375em}
.side .sect{font-size:.6875em;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);padding:16px 12px 6px}
.side .nl{width:100%;justify-content:flex-start;min-height:42px;font-size:.9063em}
.side .nl .count{margin-left:auto}
.side .spacer{flex:1;min-height:16px}
.storesw{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:8px;text-decoration:none;color:var(--ink);min-height:56px}
.storesw .nm{font-weight:800;font-size:.875em;line-height:1.2}
.storesw .sub{font-size:.75em;color:var(--ink-2);font-weight:700}
.main{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.main-in{width:100%;max-width:1160px;margin:0 auto;padding:26px 36px 64px}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pagehead h1{font-size:1.75em}
.mtop{display:none}
.dense .card{border-radius:var(--r-md)}
.dense .pad{padding:16px}

/* ---------- Lists, rows, tables ---------- */
.list{display:flex;flex-direction:column}
.li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:64px}
.li:last-child{border-bottom:0}
.li.sel{background:var(--primary-soft)}
.li a.cover{color:inherit;text-decoration:none}
.tblwrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:.9063em}
.tbl th{text-align:left;font-size:.75em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:12px 16px;background:var(--surface-2);white-space:nowrap}
.tbl td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tr.sel td{background:var(--primary-soft)}
.thumb{width:48px;height:36px;border-radius:10px;background-size:cover;background-position:center;flex:none}

/* ---------- Files + progress ---------- */
.file{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);min-height:68px}
.file.failed{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
.file.done{border-color:var(--line)}
.ftile{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-soft-ink);flex:none}
.ftile.b{background:var(--accent-soft);color:var(--accent-soft-ink)}
.ftile.c{background:var(--warn-soft);color:var(--warn)}
.fname{font-weight:800;font-size:.9375em;overflow-wrap:anywhere;line-height:1.3}
.fmeta{font-family:'DM Mono',ui-monospace,monospace;font-size:.8125em;color:var(--ink-2)}
.prog{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden;width:100%}
.prog>span{display:block;height:100%;border-radius:inherit;background:var(--primary);background-image:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(255,255,255,.22) 6px 12px);background-size:17px 17px;animation:sx-stripes 1s linear infinite}
.prog.ok>span{background-image:none}
.prog.bad>span{background:var(--bad);background-image:none}

/* ---------- Tabs, segmented, steps ---------- */
.tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:15px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:0;background:none;font-weight:800;font-size:.875em;color:var(--ink-2);cursor:pointer;white-space:nowrap;text-decoration:none}
.tab:hover{color:var(--ink)}
.tab[aria-selected=true],.tab[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.utabs{display:flex;gap:4px;border-bottom:1.5px solid var(--line);overflow-x:auto}
.utab{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:0;background:none;font-weight:800;font-size:.9063em;color:var(--ink-2);cursor:pointer;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1.5px}
.utab[aria-selected=true],.utab[aria-current=page]{color:var(--ink);border-bottom-color:var(--primary)}
.steps{display:flex;gap:6px 18px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.875em;color:var(--ink-3)}
.step .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-2);font-size:.8125em;flex:none}
.step.done{color:var(--ink-2)} .step.done .n{background:var(--primary);color:var(--primary-ink)}
.step.cur{color:var(--ink)} .step.cur .n{background:var(--ink);color:var(--bg)}
.ck{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.ck .mk{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-3);color:var(--ink-2)}
.ck.done .mk{background:var(--ok-soft);color:var(--ok)}
.ck.todo .mk{background:var(--warn-soft);color:var(--warn)}
.ck.bad .mk{background:var(--bad-soft);color:var(--bad)}
.opt{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;min-height:64px;transition:border-color var(--t-fast),background-color var(--t-fast)}
.opt:hover{background:var(--surface-2)}
.opt .radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--line-strong);flex:none;display:grid;place-items:center;margin-top:2px;background:var(--surface)}
.opt[aria-checked=true],.opt[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}
.opt[aria-checked=true] .radio,.opt[aria-pressed=true] .radio{border-color:var(--primary);background:var(--primary)}
.opt[aria-checked=true] .radio::after,.opt[aria-pressed=true] .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--primary-ink)}

/* ---------- Feedback ---------- */
.note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--info-soft);color:var(--ink)}
.note>.ic{color:var(--info);margin-top:1px}
.note.ok{background:var(--ok-soft)} .note.ok>.ic{color:var(--ok)}
.note.warn{background:var(--warn-soft)} .note.warn>.ic{color:var(--warn)}
.note.bad{background:var(--bad-soft)} .note.bad>.ic{color:var(--bad)}
.note.plain{background:var(--surface-2)} .note.plain>.ic{color:var(--ink-2)}
.note .nt{font-weight:800}
.note .nb{font-size:.9063em;color:var(--ink)}
.toast{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border-radius:16px;background:var(--ink);color:var(--bg);box-shadow:var(--sh-pop);font-weight:700;font-size:.9063em;animation:sx-up var(--t-med) var(--ease-spring)}
.skel{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:sx-shimmer 1.4s ease-in-out infinite;border-radius:12px}
.spin{display:inline-block;width:18px;height:18px;flex:none;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:sx-spin .8s linear infinite}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px}
.empty p{max-width:420px}
.art{width:200px;height:150px;flex:none;background:var(--art) center/contain no-repeat;animation:sx-float 5s ease-in-out infinite}
.art.sm{width:140px;height:105px}
.scrim{position:absolute;inset:0;z-index:60;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:20px}
.dialog{width:min(600px,100%);background:var(--surface);color:var(--ink);border-radius:28px;box-shadow:var(--sh-pop);padding:28px;animation:sx-pop var(--t-slow) var(--ease-spring);max-height:100%;overflow:auto}
.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden;flex:1}
.bar>span{display:block;height:100%;border-radius:inherit;background:var(--star)}
.timeline{display:flex;flex-direction:column;gap:0}
.tl{display:flex;gap:12px;position:relative;padding-bottom:16px}
.tl::before{content:'';position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .dotw{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink-2)}
.banner{height:200px;border-radius:var(--r-2xl);background:var(--banner) center/cover;background-color:var(--hero)}
.gal{aspect-ratio:16/10;border-radius:26px;background-size:cover;background-position:center;border:1px solid var(--line)}
.thumbbtn{width:96px;height:72px;border-radius:14px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;padding:0;flex:none}
.thumbbtn[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.buybox{position:relative}
.code{font-family:'DM Mono',ui-monospace,monospace;font-size:.8125em;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:2px 8px;white-space:nowrap}
.kbd{font-family:'DM Mono',ui-monospace,monospace;font-size:.75em;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;padding:0 6px}
.divider-wave{height:14px;background:var(--wave) repeat-x center/40px 14px;opacity:.7}

/* ---------- Mobile mode: .m (set below 760px width) ---------- */
.mnav{display:none}
.sheet{display:none}
.sx.m .hide-m{display:none !important}
.sx.m .show-m{display:flex !important}
.sx.m .side{display:none}
.sx.m .navlinks{display:none}
.sx.m .top-in{padding:8px 16px;gap:10px}
.sx.m .wrap,.sx.m .wrap-n{padding:16px 16px 28px}
.sx.m .main-in{padding:16px 16px 28px}
:where(.sx.m) h1{font-size:1.625em}
.sx.m .t-hero{font-size:1.875em !important}
.sx.m .pagehead h1{font-size:1.5em}
.sx.m .split,.sx.m .split-r,.sx.m .cols-2,.sx.m .cols-3{grid-template-columns:minmax(0,1fr)}
.sx.m .cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx.m .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sx.m .pc{border-radius:20px}
.sx.m .pc .pv{margin:6px 6px 0;border-radius:15px}
.sx.m .pc .body{padding:10px 12px 14px;gap:4px}
.sx.m .pc .ttl{font-size:.9688em}
.sx.m .pc .ttl::after{border-radius:20px}
.sx.m .pc .wish{top:12px;right:12px}
.sx.m .pc .tagpos{top:12px;left:12px}
.sx.m .pc .foot{flex-wrap:wrap}
.sx.m .hero{padding:24px 20px 150px;min-height:0;border-radius:24px}
.sx.m .hero::after{width:300px;height:170px;top:auto;bottom:-6px;right:-20px;transform:none}
.sx.m .btn-sm{min-height:44px}
.sx.m .chip{min-height:44px}
.sx.m .app{flex-direction:column}
.sx.m .mtop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;padding:8px 12px 8px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sx.m .mtop .ttl{font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1.125em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx.m .main{flex:1 0 auto}
.sx.m .mnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px 8px}
.sx.m .mnav.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.mnav .mi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:.75em;font-weight:800;color:var(--ink-2);text-decoration:none;border:0;background:none;cursor:pointer;border-radius:14px;padding:4px 2px}
.mnav .mi .nb{display:grid;place-items:center;width:52px;height:30px;border-radius:999px;transition:background-color var(--t-med)}
.mnav .mi[aria-current=page]{color:var(--ink)}
.mnav .mi[aria-current=page] .nb{background:var(--primary-soft);color:var(--primary-soft-ink)}
.mnav .mi[aria-expanded=true] .nb{background:var(--surface-3)}
.sx.m .sheet{display:flex;flex-direction:column;gap:2px;position:sticky;bottom:80px;z-index:39;margin:0 10px 8px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-pop);animation:sx-up var(--t-med) var(--ease-spring)}
.sheet .grab{width:40px;height:5px;border-radius:999px;background:var(--line-strong);margin:2px auto 8px}
.sheet .nl{width:100%;justify-content:flex-start;min-height:50px}
.sx.m .tbl-cards thead{display:none}
.sx.m .tbl-cards tr{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 14px;border-top:1px solid var(--line)}
.sx.m .tbl-cards td{padding:0;border:0}
.sx.m .scrim{align-items:flex-end;padding:0}
.sx.m .dialog{border-radius:28px 28px 0 0;padding:22px 18px 24px}
.sx.m .gal{border-radius:20px}
.sx.m .stickybuy{position:sticky;bottom:80px;z-index:30}

/* ---------- Motion ---------- */
@keyframes sx-spin{to{transform:rotate(360deg)}}
@keyframes sx-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes sx-pop{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}
@keyframes sx-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sx-heart{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sx-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes sx-stripes{to{background-position:17px 0}}
.fade-in{animation:sx-up var(--t-med) var(--ease)}
@media (prefers-reduced-motion:reduce){
  .sx *,.sx *::before,.sx *::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}
  .sx .pc:hover{transform:none}
}
.sx.rm *,.sx.rm *::before,.sx.rm *::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important}
.sx.rm .pc:hover{transform:none}

/* ==========================================================
   v1.1 corrections
   ========================================================== */
/* Phone mode must beat desktop grids set inline on a screen */
.sx.m .split,.sx.m .split-r,.sx.m .cols-2,.sx.m .cols-3{grid-template-columns:minmax(0,1fr) !important}
.sx.m .cols-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.sx .split>*,.sx .split-r>*,.sx .cols-2>*,.sx .cols-3>*,.sx .cols-4>*{min-width:0}
.sx.m .kv{grid-template-columns:minmax(0,1fr);gap:0}
.sx.m .kv dt{font-size:.8125em}
.sx.m .kv dd{margin:0 0 10px}
.sx.m .li{flex-wrap:wrap;row-gap:8px;padding:12px 14px}
.sx.m .li>.grow{flex:1 1 150px}
.sx.m .file{flex-wrap:wrap;row-gap:8px;gap:10px;padding:12px}
.sx.m .file>.grow{flex:1 1 110px}
.sx.m .main-in .row.nowrap,.sx.m .wrap .row.nowrap,.sx.m .wrap-n .row.nowrap{flex-wrap:wrap}
.sx.m .pagehead{align-items:flex-start}
.sx.m .btn-i.btn-sm{width:44px}
.sx.m .tab,.sx.m .utab{min-height:44px}
.sx.m .linkbtn{min-height:44px;display:inline-flex;align-items:center}
.sx.m .dialog{max-height:calc(100% - 24px)}
.sx.m .tblwrap{max-width:100%}
.sx.m .opt{padding:14px}
.sx.m .hero::after{opacity:.9}
.sx .mono,.sx .fname,.sx .fmeta{overflow-wrap:anywhere}

/* Native radios styled as option cards (arrow keys work for free) */
.opt{position:relative}
.opt>input[type=radio],.opt>input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.opt:has(>input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}
.opt:has(>input:checked) .radio{border-color:var(--primary);background:var(--primary)}
.opt:has(>input:checked) .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--primary-ink)}
.opt:has(>input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.opt:has(>input:disabled){cursor:not-allowed;border-style:dashed;background:var(--surface-2)}
.opt:has(>input:disabled):hover{background:var(--surface-2)}
/* Segmented radio group */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--surface-2);border-radius:15px;border:0;margin:0;max-width:100%}
.seg label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;font-weight:800;font-size:.875em;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.seg label:hover{color:var(--ink)}
.seg input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.seg label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.sx.m .seg label{min-height:44px}
/* Toggle-button groups use aria-pressed instead of tab roles */
.tab[aria-pressed=true],.utab[aria-pressed=true]{color:var(--ink)}
.tab[aria-pressed=true]{background:var(--surface);box-shadow:var(--sh-1)}
.utab[aria-pressed=true]{border-bottom-color:var(--primary)}
/* Star picker */
.starpick{display:inline-flex;gap:2px;border:0;padding:0;margin:0}
.starpick label{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:var(--star);cursor:pointer}
.starpick input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.starpick label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:-2px}
/* Toasts float above the phone nav */
.toastbar{position:sticky;bottom:20px;z-index:45;display:flex;justify-content:center;pointer-events:none;padding:0 12px}
.toastbar .toast{pointer-events:auto;max-width:100%}
.sx.m .toastbar{bottom:88px}
.dialog:focus{outline:none}
.sheet:focus{outline:none}
/* Read-only field that looks like a field */
.ro{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1.5px dashed var(--line-strong);font-size:.9375em}
/* v1.1 · phone touch targets (44 × 44) for standalone text links */
.sx.m .top .brand{min-width:44px;justify-content:center}
.sx.m .top .av{width:44px;height:44px}
.sx.m .crumbs a,.sx.m .pc .seller,.sx.m a.b,.sx.m a.small.b,.sx.m a.xs.b,.sx.m a.row-sm,.sx.m .section-h a,.sx.m td>a.row{min-height:44px !important;display:inline-flex;align-items:center}
.sx.m a.av{width:44px;height:44px}
/* v1.1 · larger text on phones: let long labels wrap instead of overflowing */
.sx.m .btn{white-space:normal;padding-top:8px;padding-bottom:8px;max-width:100%}
.sx.m .pill{white-space:normal;max-width:100%}
.sx.m .code{white-space:normal;overflow-wrap:anywhere}
/* v1.2 · phone permission comparison: one card per permission, every role labeled */
.sx.m .tbl-matrix thead{display:none}
.sx.m .tbl-matrix,.sx.m .tbl-matrix tbody{display:block}
.sx.m .tbl-matrix tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border-top:1px solid var(--line)}
.sx.m .tbl-matrix tr:first-child{border-top:0}
.sx.m .tbl-matrix th[scope=row]{grid-column:1/-1;padding:0 !important;min-width:0 !important;white-space:normal;font-size:.9375em !important}
.sx.m .tbl-matrix td{padding:8px 10px;border:0;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:2px;min-width:0}
.sx.m .tbl-matrix td::before{content:attr(data-role);font-size:.75em;font-weight:800;color:var(--ink-2);overflow-wrap:anywhere}
.sx.m .tbl-matrix td .nowrap{white-space:normal}
/* v1.2 · phone file rows: name gets the full middle column; text actions move to their own line */
.sx.m .file{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:12px;row-gap:10px;align-items:center;padding:12px}
.sx.m .file>.ftile{grid-column:1;grid-row:1;align-self:start}
.sx.m .file>.grow{grid-column:2;grid-row:1;min-width:0}
.sx.m .file>.btn-i{grid-column:3;grid-row:1;align-self:start}
.sx.m .file>.btn:not(.btn-i),.sx.m .file>a.btn:not(.btn-i){grid-column:2/4;grid-row:2;justify-self:start}
/* v1.2 · typing on a phone: the bottom nav steps aside so the field and its actions stay clear of the keyboard */
.sx.m:has(:is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select):focus) .mnav{display:none}
html:has(.sx.m){scroll-padding-top:76px;scroll-padding-bottom:120px}
.sx.m .mnav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.sx .gone{display:none !important}
/* v1.2 · phone section tabs share the width so no tab hides off-screen */
.sx.m .utabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;overflow:visible}
.sx.m .utab{justify-content:center;text-align:center;white-space:normal;line-height:1.2;padding:6px 4px;gap:6px}
.sx.m .utab .ic{display:none}

/* ---------- Symbols (original, 24px grid, 2px rounded stroke) ---------- */
.i-home{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.2 12 4.5l8 6.7V19a1.5 1.5 0 0 1-1.5 1.5H15V15h-6v5.5H5.5A1.5 1.5 0 0 1 4 19z'/%3E%3C/svg%3E")}
.i-discover{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M15.6 8.4 13.5 13.5 8.4 15.6 10.5 10.5z'/%3E%3C/svg%3E")}
.i-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.3'/%3E%3Cpath d='M15.6 15.6 20 20'/%3E%3C/svg%3E")}
.i-filter{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3C/svg%3E")}
.i-sort{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14M5 16l3 3 3-3M16 19V5M13 8l3-3 3 3'/%3E%3C/svg%3E")}
.i-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5s-7.2-4.3-7.2-9.8A4 4 0 0 1 12 7.3a4 4 0 0 1 7.2 2.4c0 5.5-7.2 9.8-7.2 9.8z'/%3E%3C/svg%3E")}
.i-library{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='4.5' height='15' rx='1.3'/%3E%3Crect x='10.5' y='4.5' width='4.5' height='15' rx='1.3'/%3E%3Cpath d='m16.4 6 2.9-.8 3 13.6-2.9.8z'/%3E%3C/svg%3E")}
.i-box{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.6 12 4l8 3.6v8.8L12 20l-8-3.6z'/%3E%3Cpath d='M4 7.6 12 11.2l8-3.6M12 11.2V20M8 5.8l8 3.6'/%3E%3C/svg%3E")}
.i-folder{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a2 2 0 0 1 2-2h3.8l2 2h7.2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
.i-store{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5 5.6 4.5h12.8L20 9.5'/%3E%3Cpath d='M4 9.5a2.7 2.7 0 0 0 5.3 0 2.7 2.7 0 0 0 5.4 0 2.7 2.7 0 0 0 5.3 0'/%3E%3Cpath d='M5.5 11.8v7.7h13v-7.7M10 19.5V15h4v4.5'/%3E%3C/svg%3E")}
.i-portal{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.6 8h8.8a4.4 4.4 0 0 1 4.3 5.3l-.7 3.4a2.2 2.2 0 0 1-3.9 1L14.6 16H9.4l-1.5 1.7a2.2 2.2 0 0 1-3.9-1l-.7-3.4A4.4 4.4 0 0 1 7.6 8z'/%3E%3Cpath d='M8 10.8v3M6.5 12.3h3M15.5 11.6h.01M17.5 13.4h.01'/%3E%3C/svg%3E")}
.i-community{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a1.5 1.5 0 0 1 1.5 1.5v8.5A1.5 1.5 0 0 1 19 17h-7.5l-4.5 3.5V17H5a1.5 1.5 0 0 1-1.5-1.5V7A1.5 1.5 0 0 1 5 5.5z'/%3E%3Cpath d='M9 10.3v1.6M15 10.3v1.6'/%3E%3C/svg%3E")}
.i-users{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Ccircle cx='16.5' cy='9.5' r='2.5'/%3E%3Cpath d='M15.8 14.3a4.5 4.5 0 0 1 4.7 4.4'/%3E%3C/svg%3E")}
.i-user{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
.i-settings{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.6' stroke-width='3.2' stroke-dasharray='2.6 3.37' stroke-linecap='butt'/%3E%3Ccircle cx='12' cy='12' r='5.4'/%3E%3Ccircle cx='12' cy='12' r='1.9'/%3E%3C/svg%3E")}
.i-admin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.4v5.1c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6.4z'/%3E%3Ccircle cx='12' cy='10.6' r='1.8'/%3E%3Cpath d='M12 12.4v3'/%3E%3C/svg%3E")}
.i-moderation{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.4v5.1c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6.4z'/%3E%3Cpath d='m9 12 2.1 2.1L15.2 10'/%3E%3C/svg%3E")}
.i-messages{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a7.5 7.5 0 0 1-11 6.6l-4.5 1.4 1.4-4A7.5 7.5 0 1 1 20 11.5z'/%3E%3C/svg%3E")}
.i-inbox{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13.5 6.2 5.6a1.5 1.5 0 0 1 1.4-1.1h8.8a1.5 1.5 0 0 1 1.4 1.1L20 13.5V18a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18z'/%3E%3Cpath d='M4 13.5h4.5l1.5 2h4l1.5-2H20'/%3E%3C/svg%3E")}
.i-menu{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 7h15M4.5 12h15M4.5 17h15'/%3E%3C/svg%3E")}
.i-more{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h.01M12 12h.01M18 12h.01' stroke-width='3.2'/%3E%3C/svg%3E")}
.i-upload{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4.5M7.5 9 12 4.5 16.5 9M5 15v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}
.i-download{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5V15M7.5 10.5 12 15l4.5-4.5M5 15v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}
.i-plus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.i-minus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.i-edit{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 4.5l4 4L9 19H5v-4z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E")}
.i-trash{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M9.5 7V5h5v2M6.5 7l1 12.5h9L17.5 7M10 11v5M14 11v5'/%3E%3C/svg%3E")}
.i-copy{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='11' height='11' rx='2'/%3E%3Cpath d='M15.5 8.5V6A1.5 1.5 0 0 0 14 4.5H6A1.5 1.5 0 0 0 4.5 6v8A1.5 1.5 0 0 0 6 15.5h2.5'/%3E%3C/svg%3E")}
.i-link{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E")}
.i-unlink{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 14.5-2.7 2.7a3.2 3.2 0 0 1-4.5-4.5L5 10M14.5 9.5l2.7-2.7a3.2 3.2 0 0 1 4.5 4.5L19 14M4.5 4.5l2 2M19.5 19.5l-2-2M9 3.5v2M3.5 9h2M15 20.5v-2M20.5 15h-2'/%3E%3C/svg%3E")}
.i-external{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h5.5V10M19.5 4.5 11 13M17 14v4.5a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 4 18.5v-10A1.5 1.5 0 0 1 5.5 7H10'/%3E%3C/svg%3E")}
.i-refresh{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.5 4.5v3.8h-3.8'/%3E%3C/svg%3E")}
.i-send{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4 3.5 10.5l7 2.6 2.6 7z'/%3E%3Cpath d='m20 4-9.5 9.1'/%3E%3C/svg%3E")}
.i-appeal{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h14a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 19 16.5h-7.5L7 20v-3.5H5A1.5 1.5 0 0 1 3.5 15V6A1.5 1.5 0 0 1 5 4.5z'/%3E%3Cpath d='M12 13.2V8M9.6 10.4 12 8l2.4 2.4'/%3E%3C/svg%3E")}
.i-swap{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5 4 7.5l3 3M4 7.5h12.5M17 13.5l3 3-3 3M20 16.5H7.5'/%3E%3C/svg%3E")}
.i-logout{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h3.5A1.5 1.5 0 0 1 19 6v12a1.5 1.5 0 0 1-1.5 1.5H14M10 8l-4 4 4 4M6 12h9'/%3E%3C/svg%3E")}
.i-attach{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.5 11.5-6.4 6.4a4 4 0 0 1-5.7-5.7l7-7a2.7 2.7 0 0 1 3.8 3.8l-7 7a1.3 1.3 0 0 1-1.9-1.9l6.4-6.4'/%3E%3C/svg%3E")}
.i-publish{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2c3 2.2 4.5 5.5 4.5 9.4l-2 3.4h-5l-2-3.4c0-3.9 1.5-7.2 4.5-9.4z'/%3E%3Ccircle cx='12' cy='9.6' r='1.6'/%3E%3Cpath d='m7.6 12.6-2.4 3 3 .5M16.4 12.6l2.4 3-3 .5M10.6 18.6 12 21l1.4-2.4'/%3E%3C/svg%3E")}
.i-key{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='3.6'/%3E%3Cpath d='M10.6 12.4 18.5 4.5M15.6 7.4l2.1 2.1M13.4 9.6l1.6 1.6'/%3E%3C/svg%3E")}
.i-flag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20.5V4.5M6 5h10.5l-2 3.5 2 3.5H6'/%3E%3C/svg%3E")}
.i-history{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3'/%3E%3Cpath d='M4.5 4.5v3.8h3.8M12 8.5V12l2.6 1.6'/%3E%3C/svg%3E")}
.i-arrow-left{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
.i-arrow-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.i-chev-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 6 6 6-6 6'/%3E%3C/svg%3E")}
.i-chev-left{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 6-6 6 6 6'/%3E%3C/svg%3E")}
.i-chev-down{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E")}
.i-chev-up{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14.5 6-6 6 6'/%3E%3C/svg%3E")}
.i-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 6.5 11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E")}
.i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.i-ok{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='m8 12.3 2.8 2.8L16 9.6'/%3E%3C/svg%3E")}
.i-fail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='m9 9 6 6M15 9l-6 6'/%3E%3C/svg%3E")}
.i-alert{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.7 5.2a1.5 1.5 0 0 1 2.6 0l7.4 12.8a1.5 1.5 0 0 1-1.3 2.3H4.6a1.5 1.5 0 0 1-1.3-2.3z'/%3E%3Cpath d='M12 10v3.8M12 16.6v.1'/%3E%3C/svg%3E")}
.i-info{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M12 11v5M12 7.9v.1'/%3E%3C/svg%3E")}
.i-clock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
.i-held{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M10 9v6M14 9v6'/%3E%3C/svg%3E")}
.i-checking{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8V6A1.5 1.5 0 0 1 6 4.5h2M16 4.5h2A1.5 1.5 0 0 1 19.5 6v2M19.5 16v2a1.5 1.5 0 0 1-1.5 1.5h-2M8 19.5H6A1.5 1.5 0 0 1 4.5 18v-2M7.5 12h9'/%3E%3C/svg%3E")}
.i-lock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.5' width='13' height='9.5' rx='2'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5'/%3E%3C/svg%3E")}
.i-draft{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h6.5L18 8v11a1.5 1.5 0 0 1-1.5 1.5h-9.5A1.5 1.5 0 0 1 5.5 19V5A1.5 1.5 0 0 1 7 3.5z' stroke-dasharray='2.4 2.4'/%3E%3Cpath d='M9 13h6M9 16.5h4'/%3E%3C/svg%3E")}
.i-eye{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 12S6 5.5 12 5.5 21.2 12 21.2 12 18 18.5 12 18.5 2.8 12 2.8 12z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E")}
.i-globe{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cellipse cx='12' cy='12' rx='3.8' ry='8.8'/%3E%3Cpath d='M3.2 12h17.6'/%3E%3C/svg%3E")}
.i-hourglass{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10M7 20h10M8 4c0 4 4 5 4 8s-4 4-4 8M16 4c0 4-4 5-4 8s4 4 4 8'/%3E%3C/svg%3E")}
.i-cloud-off{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 18.5a4.5 4.5 0 0 1-.6-9 6 6 0 0 1 11.4 1.6 3.7 3.7 0 0 1-.8 7.4z'/%3E%3Cpath d='m10 11.5 4 4M14 11.5l-4 4'/%3E%3C/svg%3E")}
.i-sparkle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3.5c.6 4 2.5 5.9 6.5 6.5-4 .6-5.9 2.5-6.5 6.5-.6-4-2.5-5.9-6.5-6.5 4-.6 5.9-2.5 6.5-6.5z'/%3E%3Cpath d='M18.5 15.5v5M16 18h5'/%3E%3C/svg%3E")}
.i-sun{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.8v2M12 19.2v2M2.8 12h2M19.2 12h2M5.5 5.5l1.4 1.4M17.1 17.1l1.4 1.4M5.5 18.5l1.4-1.4M17.1 6.9l1.4-1.4'/%3E%3C/svg%3E")}
.i-moon{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.5A8 8 0 1 1 9.5 4.5a6.3 6.3 0 0 0 10 10z'/%3E%3C/svg%3E")}
.i-auto{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 3.5v17a8.5 8.5 0 0 0 0-17z' fill='black'/%3E%3C/svg%3E")}
.i-type{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V5h10v2M9 5v14M7 19h4M14 12v-1.5h6V12M17 10.5V19M15.5 19h3'/%3E%3C/svg%3E")}
.i-motion{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12c2-4.2 4-4.2 6 0s4 4.2 6 0 3.5-3.5 5-2.2'/%3E%3C/svg%3E")}
.i-bell{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2h-15z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.i-tag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4.5h7l8.5 8.5-6.5 6.5L4.5 11z'/%3E%3Ccircle cx='8.2' cy='8.6' r='1.3'/%3E%3C/svg%3E")}
.i-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='2'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='2'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='2'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='2'/%3E%3C/svg%3E")}
.i-star{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.8 2.5 5.1 5.6.8-4 3.9.9 5.6L12 16.6l-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3C/svg%3E")}
.i-image{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m4 17.5 5-4.5 4 3.5 3-2.5 4.5 3.5'/%3E%3C/svg%3E")}
.i-f-model{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19.5 7.7v8.6L12 20.5l-7.5-4.2V7.7z'/%3E%3Cpath d='M4.5 7.7 12 12l7.5-4.3M12 12v8.5'/%3E%3C/svg%3E")}
.i-f-script{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E")}
.i-f-map{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5 9 4.5l6 2 5.5-2v13l-5.5 2-6-2-5.5 2z'/%3E%3Cpath d='M9 4.5v13M15 6.5v13'/%3E%3C/svg%3E")}
.i-f-audio{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h1.5M8 8.5v7M12 5v14M16 8v8M20 11v2'/%3E%3C/svg%3E")}
.i-f-image{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m4 17.5 5-4.5 4 3.5 3-2.5 4.5 3.5'/%3E%3C/svg%3E")}
.i-f-zip{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h10A1.5 1.5 0 0 1 18.5 5v14a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 19V5A1.5 1.5 0 0 1 7 3.5z'/%3E%3Cpath d='M12 3.5v2M12 7.5v2M12 11.5v1'/%3E%3Crect x='10.3' y='13.5' width='3.4' height='3.6' rx='1'/%3E%3C/svg%3E")}
.i-f-doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h6.5L18 8v11a1.5 1.5 0 0 1-1.5 1.5h-9.5A1.5 1.5 0 0 1 5.5 19V5A1.5 1.5 0 0 1 7 3.5z'/%3E%3Cpath d='M13.5 3.5V8H18M9 13h6M9 16.5h4'/%3E%3C/svg%3E")}
.i-f-ui{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 9h17M9 9v10.5'/%3E%3C/svg%3E")}
.i-layers{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 20.5 8.5 12 13 3.5 8.5z'/%3E%3Cpath d='m3.5 12.5 8.5 4.5 8.5-4.5M3.5 16.5 12 21l8.5-4.5'/%3E%3C/svg%3E")}
.i-heart-f{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='black' stroke-width='2' stroke-linejoin='round' d='M12 19.5s-7.2-4.3-7.2-9.8A4 4 0 0 1 12 7.3a4 4 0 0 1 7.2 2.4c0 5.5-7.2 9.8-7.2 9.8z'/%3E%3C/svg%3E")}
.i-star-f{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round' d='m12 3.8 2.5 5.1 5.6.8-4 3.9.9 5.6L12 16.6l-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3C/svg%3E")}
.i-star-h{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' d='m12 3.8 2.5 5.1 5.6.8-4 3.9.9 5.6L12 16.6l-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3Cpath fill='black' d='M12 3.8v12.8l-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3C/svg%3E")}
.i-star-o{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' d='m12 3.8 2.5 5.1 5.6.8-4 3.9.9 5.6L12 16.6l-5 2.6.9-5.6-4-3.9 5.6-.8z'/%3E%3C/svg%3E")}
.i-dot{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3C/svg%3E")}

/* ---------- Graphics ---------- */
.sx{--logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Crect width='48' height='48' rx='14'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Crect width='48' height='48' fill='%230A7A6C'/%3E%3Cpath d='M0 37c5-3.2 10.7-3.2 16 0s10.7 3.2 16 0 10.7-3.2 16 0V48H0z' fill='%230C8F7D'/%3E%3C/g%3E%3Cpath d='M31.6 15.4c-1.9-1.9-4.6-2.9-7.6-2.9-4.3 0-7.4 2.3-7.4 5.6 0 7.5 15.5 3.9 15.5 11.2 0 3.4-3.3 5.9-7.9 5.9-3.2 0-6.2-1.2-8.2-3.3' fill='none' stroke='%237FE3C8' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M37.5 7.5c.3 2 1.2 2.9 3.2 3.2-2 .3-2.9 1.2-3.2 3.2-.3-2-1.2-2.9-3.2-3.2 2-.3 2.9-1.2 3.2-3.2z' fill='%23BFE0FF'/%3E%3C/svg%3E");--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B5C5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0 7c5-6 15-6 20 0s15 6 20 0' fill='none' stroke='%230A7A6C' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");--hero-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='380' cy='150' r='130' fill='%23A9EBD8'/%3E%3Cg transform='rotate(-8 300 120)'%3E%3Crect x='240' y='60' width='120' height='90' rx='20' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='252' y='72' width='96' height='54' rx='12' fill='%235BB8E0'/%3E%3Cpath d='M252 110c20-12 40-12 60 0s24 6 36-2v18h-96z' fill='%238BD3A0'/%3E%3Crect x='252' y='132' width='50' height='8' rx='4' fill='%23CFE0DC'/%3E%3C/g%3E%3Cg transform='rotate(7 430 190)'%3E%3Crect x='380' y='140' width='110' height='96' rx='20' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='392' y='152' width='86' height='50' rx='12' fill='%2312393A'/%3E%3Crect x='400' y='162' width='50' height='8' rx='4' fill='%237FE3C8'/%3E%3Ccircle cx='460' cy='188' r='8' fill='%238CC0FF'/%3E%3Crect x='392' y='212' width='40' height='8' rx='4' fill='%23CFE0DC'/%3E%3C/g%3E%3Cg transform='rotate(4 250 230)'%3E%3Crect x='200' y='190' width='100' height='80' rx='18' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='212' y='202' width='76' height='40' rx='10' fill='%23E3EEFF'/%3E%3Cpath d='M224 222h.1M240 222h.1M256 222h.1' stroke='%230A7A6C' stroke-width='7'/%3E%3C/g%3E%3Cpath d='M470 60c.8 6 3.5 8.7 9.5 9.5-6 .8-8.7 3.5-9.5 9.5-.8-6-3.5-8.7-9.5-9.5 6-.8 8.7-3.5 9.5-9.5z' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='2'/%3E%3Cpath d='M200 70c.6 4 2.4 5.8 6.4 6.4-4 .6-5.8 2.4-6.4 6.4-.6-4-2.4-5.8-6.4-6.4 4-.6 5.8-2.4 6.4-6.4z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2'/%3E%3Ccircle cx='510' cy='250' r='7' fill='%230A7A6C'/%3E%3Ccircle cx='180' cy='160' r='5' fill='%230A7A6C'/%3E%3C/svg%3E");--banner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 240' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='1200' height='240' fill='%23CFF1E7'/%3E%3Ccircle cx='1010' cy='80' r='46' fill='%23F6D99A'/%3E%3Cpath d='M0 120c100-40 200-40 300 0s200 40 300 0 200-40 300 0 200 40 300 0v120H0z' fill='%237FE3C8'/%3E%3Cpath d='M0 160c100-30 200-30 300 0s200 30 300 0 200-30 300 0 200 30 300 0v80H0z' fill='%232FB39B'/%3E%3Cpath d='M0 196c100-24 200-24 300 0s200 24 300 0 200-24 300 0 200 24 300 0v44H0z' fill='%230A7A6C'/%3E%3Cpath d='M150 70q10-10 20 0 10-10 20 0M240 50q7-7 14 0 7-7 14 0' stroke='%230D2B2E' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");}
.sx.dark{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9C7C3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0 7c5-6 15-6 20 0s15 6 20 0' fill='none' stroke='%233FD6B4' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");--hero-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='380' cy='150' r='130' fill='%23A9EBD8'/%3E%3Cg transform='rotate(-8 300 120)'%3E%3Crect x='240' y='60' width='120' height='90' rx='20' fill='%23FFFFFF' stroke='%23D8F1EC' stroke-width='3'/%3E%3Crect x='252' y='72' width='96' height='54' rx='12' fill='%235BB8E0'/%3E%3Cpath d='M252 110c20-12 40-12 60 0s24 6 36-2v18h-96z' fill='%238BD3A0'/%3E%3Crect x='252' y='132' width='50' height='8' rx='4' fill='%23CFE0DC'/%3E%3C/g%3E%3Cg transform='rotate(7 430 190)'%3E%3Crect x='380' y='140' width='110' height='96' rx='20' fill='%23FFFFFF' stroke='%23D8F1EC' stroke-width='3'/%3E%3Crect x='392' y='152' width='86' height='50' rx='12' fill='%2312393A'/%3E%3Crect x='400' y='162' width='50' height='8' rx='4' fill='%237FE3C8'/%3E%3Ccircle cx='460' cy='188' r='8' fill='%238CC0FF'/%3E%3Crect x='392' y='212' width='40' height='8' rx='4' fill='%23CFE0DC'/%3E%3C/g%3E%3Cg transform='rotate(4 250 230)'%3E%3Crect x='200' y='190' width='100' height='80' rx='18' fill='%23FFFFFF' stroke='%23D8F1EC' stroke-width='3'/%3E%3Crect x='212' y='202' width='76' height='40' rx='10' fill='%23E3EEFF'/%3E%3Cpath d='M224 222h.1M240 222h.1M256 222h.1' stroke='%230A7A6C' stroke-width='7'/%3E%3C/g%3E%3Cpath d='M470 60c.8 6 3.5 8.7 9.5 9.5-6 .8-8.7 3.5-9.5 9.5-.8-6-3.5-8.7-9.5-9.5 6-.8 8.7-3.5 9.5-9.5z' fill='%23F2B54A' stroke='%23D8F1EC' stroke-width='2'/%3E%3Cpath d='M200 70c.6 4 2.4 5.8 6.4 6.4-4 .6-5.8 2.4-6.4 6.4-.6-4-2.4-5.8-6.4-6.4 4-.6 5.8-2.4 6.4-6.4z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2'/%3E%3Ccircle cx='510' cy='250' r='7' fill='%230A7A6C'/%3E%3Ccircle cx='180' cy='160' r='5' fill='%230A7A6C'/%3E%3C/svg%3E")}
.art-wishlist{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M100 46c-1 6-4 10-9 15' stroke='%230D2B2E' stroke-width='2'/%3E%3Cpath d='M100 46s-14-8-14-19a7.5 7.5 0 0 1 14-4 7.5 7.5 0 0 1 14 4c0 11-14 19-14 19z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M95 26a3.5 3.5 0 0 1 3-2' stroke='%23FFFFFF' stroke-width='2.5'/%3E%3Cpath d='M44 62h72v38a6 6 0 0 1-6 6H50a6 6 0 0 1-6-6z' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M44 62 34 50h36l10 12zM116 62l10-12H90l-10 12z' fill='%23FBE9C2' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M70 80h20' stroke='%230D2B2F' stroke-width='2.5'/%3E%3Cpath d='M36 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='1.6'/%3E%3Cpath d='M128 77c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-wishlist{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M100 46c-1 6-4 10-9 15' stroke='%23D8F1EC' stroke-width='2'/%3E%3Cpath d='M100 46s-14-8-14-19a7.5 7.5 0 0 1 14-4 7.5 7.5 0 0 1 14 4c0 11-14 19-14 19z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M95 26a3.5 3.5 0 0 1 3-2' stroke='%23FFFFFF' stroke-width='2.5'/%3E%3Cpath d='M44 62h72v38a6 6 0 0 1-6 6H50a6 6 0 0 1-6-6z' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M44 62 34 50h36l10 12zM116 62l10-12H90l-10 12z' fill='%23FBE9C2' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M70 80h20' stroke='%230D2B2F' stroke-width='2.5'/%3E%3Cpath d='M36 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3Cpath d='M128 77c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-search{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M14 104c14-14 30-14 44-4s30 10 44 0 30-10 44 4' fill='%23CFF3E8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='m89 70 20 20' stroke='%230A7A6C' stroke-width='10'/%3E%3Cpath d='m89 70 20 20' stroke='%230D2B2E' stroke-width='2' opacity='.0'/%3E%3Ccircle cx='70' cy='51' r='26' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M62 44a8 8 0 1 1 10 8c-2 .8-2 2-2 4M70 63v.5' stroke='%230D2B2F' stroke-width='3.2'/%3E%3Cpath d='M124 19c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='1.6'/%3E%3Cpath d='M30 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-search{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M14 104c14-14 30-14 44-4s30 10 44 0 30-10 44 4' fill='%23CFF3E8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='m89 70 20 20' stroke='%230A7A6C' stroke-width='10'/%3E%3Cpath d='m89 70 20 20' stroke='%23D8F1EC' stroke-width='2' opacity='.0'/%3E%3Ccircle cx='70' cy='51' r='26' fill='%23E3F1FF' stroke='%23D8F1EC' stroke-width='3'/%3E%3Cpath d='M62 44a8 8 0 1 1 10 8c-2 .8-2 2-2 4M70 63v.5' stroke='%230D2B2F' stroke-width='3.2'/%3E%3Cpath d='M124 19c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3Cpath d='M30 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-library{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M58 30h28v30H58z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2.5' transform='rotate(-10 72 45)'/%3E%3Cpath d='M84 26l20 6-6 26-20-6z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M40 56h80v42a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M40 70h80M40 84h80' stroke='%230C8F7D' stroke-width='3'/%3E%3Cpath d='M36 56h88' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M34 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='1.6'/%3E%3Cpath d='M130 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-library{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M58 30h28v30H58z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2.5' transform='rotate(-10 72 45)'/%3E%3Cpath d='M84 26l20 6-6 26-20-6z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M40 56h80v42a6 6 0 0 1-6 6H46a6 6 0 0 1-6-6z' fill='%230A7A6C' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M40 70h80M40 84h80' stroke='%230C8F7D' stroke-width='3'/%3E%3Cpath d='M36 56h88' stroke='%23D8F1EC' stroke-width='3'/%3E%3Cpath d='M34 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3Cpath d='M130 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-projects{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M34 40a6 6 0 0 1 6-6h22l7 8h47a6 6 0 0 1 6 6v46a6 6 0 0 1-6 6H40a6 6 0 0 1-6-6z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M34 54h88' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='118' cy='38' r='15' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M118 31v14M111 38h14' stroke='%23FFFFFF' stroke-width='3'/%3E%3Cpath d='M30 19c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-projects{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M34 40a6 6 0 0 1 6-6h22l7 8h47a6 6 0 0 1 6 6v46a6 6 0 0 1-6 6H40a6 6 0 0 1-6-6z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M34 54h88' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Ccircle cx='118' cy='38' r='15' fill='%230A7A6C' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M118 31v14M111 38h14' stroke='%23FFFFFF' stroke-width='3'/%3E%3Cpath d='M30 19c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-signin{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Ccircle cx='58' cy='62' r='20' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='58' cy='62' r='7' fill='%23FFFFFF' stroke='%230D2B2F' stroke-width='2.5'/%3E%3Cpath d='M76 56h48v12h-8v10h-10V68H76' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M40 36h22v-8H40z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5' transform='rotate(-14 51 32)'/%3E%3Cpath d='M124 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-signin{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Ccircle cx='58' cy='62' r='20' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Ccircle cx='58' cy='62' r='7' fill='%23FFFFFF' stroke='%230D2B2F' stroke-width='2.5'/%3E%3Cpath d='M76 56h48v12h-8v10h-10V68H76' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M40 36h22v-8H40z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5' transform='rotate(-14 51 32)'/%3E%3Cpath d='M124 27c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-unavailable{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M80 18v14' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='80' cy='16' r='3' fill='%230D2B2E'/%3E%3Cpath d='M80 32 56 46M80 32l24 14' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='50' y='44' width='60' height='22' rx='8' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M68 55h24' stroke='%230D2B2F' stroke-width='3.2'/%3E%3Cpath d='M46 74h68v26a6 6 0 0 1-6 6H52a6 6 0 0 1-6-6z' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M42 74h76' stroke='%230D2B2E' stroke-width='3'/%3E%3C/svg%3E")}
.sx.dark .art-unavailable{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M80 18v14' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Ccircle cx='80' cy='16' r='3' fill='%23D8F1EC'/%3E%3Cpath d='M80 32 56 46M80 32l24 14' stroke='%23D8F1EC' stroke-width='2'/%3E%3Crect x='50' y='44' width='60' height='22' rx='8' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M68 55h24' stroke='%230D2B2F' stroke-width='3.2'/%3E%3Cpath d='M46 74h68v26a6 6 0 0 1-6 6H52a6 6 0 0 1-6-6z' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M42 74h76' stroke='%23D8F1EC' stroke-width='3'/%3E%3C/svg%3E")}
.art-pending{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M56 18h48M56 102h48' stroke='%230D2B2E' stroke-width='4'/%3E%3Cpath d='M62 18c0 22 18 26 18 42s-18 20-18 42h36c0-22-18-26-18-42s18-20 18-42z' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M68 30h24c-2 8-8 12-12 16-4-4-10-8-12-16zM66 100c2-10 8-14 14-16 6 2 12 6 14 16z' fill='%23F6D99A'/%3E%3Cpath d='M80 60v22' stroke='%23F2B54A' stroke-width='2' stroke-dasharray='2 4'/%3E%3Ccircle cx='34' cy='54' r='5' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2'/%3E%3Ccircle cx='128' cy='70' r='4' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2'/%3E%3C/svg%3E")}
.sx.dark .art-pending{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M56 18h48M56 102h48' stroke='%23D8F1EC' stroke-width='4'/%3E%3Cpath d='M62 18c0 22 18 26 18 42s-18 20-18 42h36c0-22-18-26-18-42s18-20 18-42z' fill='%23E3F1FF' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M68 30h24c-2 8-8 12-12 16-4-4-10-8-12-16zM66 100c2-10 8-14 14-16 6 2 12 6 14 16z' fill='%23F6D99A'/%3E%3Cpath d='M80 60v22' stroke='%23F2B54A' stroke-width='2' stroke-dasharray='2 4'/%3E%3Ccircle cx='34' cy='54' r='5' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2'/%3E%3Ccircle cx='128' cy='70' r='4' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2'/%3E%3C/svg%3E")}
.art-failed{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M50 84a20 20 0 0 1-2-40 26 26 0 0 1 50-6 18 18 0 0 1 14 46z' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M80 52v10l-6 6 8 4-2 10' stroke='%230A7A6C' stroke-width='4'/%3E%3Cpath d='M74 92l6 8 6-8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M130 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='1.6'/%3E%3C/svg%3E")}
.sx.dark .art-failed{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M50 84a20 20 0 0 1-2-40 26 26 0 0 1 50-6 18 18 0 0 1 14 46z' fill='%23E3F1FF' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M80 52v10l-6 6 8 4-2 10' stroke='%230A7A6C' stroke-width='4'/%3E%3Cpath d='M74 92l6 8 6-8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M130 23c.5 3.5 2 5 5.5 5.5-3.5.5-5 2-5.5 5.5-.5-3.5-2-5-5.5-5.5 3.5-.5 5-2 5.5-5.5z' fill='%23F6D99A' stroke='%23D8F1EC' stroke-width='1.6'/%3E%3C/svg%3E")}
.art-portal{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M30 60h28a14 14 0 0 1 14 16l-2 10a7 7 0 0 1-12 3l-4-5H42l-4 5a7 7 0 0 1-12-3l-2-10a14 14 0 0 1 6-16z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M38 70v8M34 74h8M52 72h.1M56 78h.1' stroke='%230D2B2F' stroke-width='3'/%3E%3Cpath d='M72 66c10 0 10-14 22-14' stroke='%230D2B2E' stroke-width='2.5' stroke-dasharray='3 5'/%3E%3Cpath d='M118 34l18 10v20l-18 10-18-10V44z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M100 44l18 10 18-10M118 54v20' stroke='%230D2B2E' stroke-width='2.5'/%3E%3C/svg%3E")}
.sx.dark .art-portal{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M30 60h28a14 14 0 0 1 14 16l-2 10a7 7 0 0 1-12 3l-4-5H42l-4 5a7 7 0 0 1-12-3l-2-10a14 14 0 0 1 6-16z' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M38 70v8M34 74h8M52 72h.1M56 78h.1' stroke='%230D2B2F' stroke-width='3'/%3E%3Cpath d='M72 66c10 0 10-14 22-14' stroke='%23D8F1EC' stroke-width='2.5' stroke-dasharray='3 5'/%3E%3Cpath d='M118 34l18 10v20l-18 10-18-10V44z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M100 44l18 10 18-10M118 54v20' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3C/svg%3E")}
.art-messages{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M30 28h62a8 8 0 0 1 8 8v26a8 8 0 0 1-8 8H58l-14 12V70H30a8 8 0 0 1-8-8V36a8 8 0 0 1 8-8z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M44 49h.1M61 49h.1M78 49h.1' stroke='%230D2B2F' stroke-width='5'/%3E%3Cpath d='M112 52h20a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7h-4v10l-12-10h-4a7 7 0 0 1-7-7' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3C/svg%3E")}
.sx.dark .art-messages{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M30 28h62a8 8 0 0 1 8 8v26a8 8 0 0 1-8 8H58l-14 12V70H30a8 8 0 0 1-8-8V36a8 8 0 0 1 8-8z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M44 49h.1M61 49h.1M78 49h.1' stroke='%230D2B2F' stroke-width='5'/%3E%3Cpath d='M112 52h20a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7h-4v10l-12-10h-4a7 7 0 0 1-7-7' fill='%238CC0FF' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3C/svg%3E")}
.art-done{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%23CFE6E1'/%3E%3Cpath d='M46 58h68v40a6 6 0 0 1-6 6H52a6 6 0 0 1-6-6z' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M42 58h76' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='m66 80 10 10 18-18' stroke='%230D2B2F' stroke-width='4'/%3E%3Cpath d='M50 30l4 8M80 20v10M110 30l-4 8M36 46l8 4M124 46l-8 4' stroke='%230A7A6C' stroke-width='3'/%3E%3Ccircle cx='64' cy='26' r='3' fill='%23F2B54A'/%3E%3Ccircle cx='98' cy='24' r='3' fill='%238CC0FF'/%3E%3C/svg%3E")}
.sx.dark .art-done{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='80' cy='108' rx='54' ry='7' fill='%231A3A3E'/%3E%3Cpath d='M46 58h68v40a6 6 0 0 1-6 6H52a6 6 0 0 1-6-6z' fill='%237FE3C8' stroke='%23D8F1EC' stroke-width='2.5'/%3E%3Cpath d='M42 58h76' stroke='%23D8F1EC' stroke-width='3'/%3E%3Cpath d='m66 80 10 10 18-18' stroke='%230D2B2F' stroke-width='4'/%3E%3Cpath d='M50 30l4 8M80 20v10M110 30l-4 8M36 46l8 4M124 46l-8 4' stroke='%230A7A6C' stroke-width='3'/%3E%3Ccircle cx='64' cy='26' r='3' fill='%23F2B54A'/%3E%3Ccircle cx='98' cy='24' r='3' fill='%238CC0FF'/%3E%3C/svg%3E")}
.pv-coastal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%235BB8E0'/%3E%3Cpath d='M0 0h320v64c-40 22-64 52-86 92S186 240 146 240H0z' fill='%238BD3A0'/%3E%3Cpath d='M320 64c-40 22-64 52-86 92S186 240 146 240' fill='none' stroke='%23F6D99A' stroke-width='18'/%3E%3Cpath d='M18 44h212M18 104h186M18 164h156M76 18v206M146 18v190' stroke='%23F4FBF9' stroke-width='7'/%3E%3Crect x='28' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M26 65 36 57 46 65z' fill='%232D7FB8' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='52' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M50 65 60 57 70 65z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='94' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M92 65 102 57 112 65z' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='118' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M116 65 126 57 136 65z' fill='%23E8735E' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='162' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M160 65 170 57 180 65z' fill='%232D7FB8' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='186' y='64' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M184 65 194 57 204 65z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='28' y='124' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M26 125 36 117 46 125z' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='94' y='124' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M92 125 102 117 112 125z' fill='%23E8735E' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='118' y='124' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M116 125 126 117 136 125z' fill='%232D7FB8' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='162' y='124' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M160 125 170 117 180 125z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='28' y='184' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M26 185 36 177 46 185z' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='94' y='184' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M92 185 102 177 112 185z' fill='%23E8735E' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='118' y='184' width='16' height='13' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M116 185 126 177 136 185z' fill='%232D7FB8' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M232 186h62' stroke='%23B98A5A' stroke-width='9'/%3E%3Cpath d='M244 186v12M262 186v12M280 186v12' stroke='%238A6440' stroke-width='3'/%3E%3Ccircle cx='292' cy='40' r='14' fill='%237A9A8A'/%3E%3Crect x='287' y='18' width='10' height='22' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='286' y='14' width='12' height='6' rx='2' fill='%23E8735E' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Cpath d='M262 124q6-4 12 0M286 150q6-4 12 0M226 214q6-4 12 0' stroke='%23FFFFFF' stroke-width='2.5' fill='none'/%3E%3Cpath d='M276 98h18l-3 6h-12z' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3C/svg%3E")}
.pv-coastal2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23BFE6F5'/%3E%3Ccircle cx='262' cy='52' r='22' fill='%23F6D99A'/%3E%3Crect y='120' width='320' height='40' fill='%235BB8E0'/%3E%3Cpath d='M20 136q8-4 16 0M120 140q8-4 16 0M230 134q8-4 16 0' stroke='%23FFFFFF' stroke-width='2.5' fill='none'/%3E%3Crect y='160' width='320' height='80' fill='%238BD3A0'/%3E%3Crect y='196' width='320' height='22' fill='%23C9D6D2'/%3E%3Cpath d='M0 207h320' stroke='%23FFFFFF' stroke-width='3' stroke-dasharray='14 12'/%3E%3Crect x='14' y='120' width='44' height='76' rx='4' fill='%23FBE9C2' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='29' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='22' y='142' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='40' y='142' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='66' y='104' width='44' height='92' rx='4' fill='%23CFF3E8' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='81' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='74' y='126' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='92' y='126' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='118' y='128' width='44' height='68' rx='4' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='133' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='126' y='150' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='144' y='150' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='170' y='110' width='44' height='86' rx='4' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='185' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='178' y='132' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='196' y='132' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='222' y='122' width='44' height='74' rx='4' fill='%23B9E8F2' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='237' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='230' y='144' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='248' y='144' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='274' y='106' width='44' height='90' rx='4' fill='%23CFF3E8' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='289' y='176' width='14' height='20' rx='3' fill='%230D2B2E'/%3E%3Crect x='282' y='128' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3Crect x='300' y='128' width='10' height='10' rx='2' fill='%23E3F1FF' stroke='%230D2B2E' stroke-width='1.5'/%3E%3C/svg%3E")}
.pv-coastal3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%230E2A44'/%3E%3Ccircle cx='60' cy='46' r='16' fill='%23F4FBF9'/%3E%3Ccircle cx='68' cy='40' r='14' fill='%230E2A44'/%3E%3Cpath d='M270 60 320 30v60z' fill='%23F6D99A' opacity='.35'/%3E%3Crect x='258' y='54' width='14' height='70' rx='3' fill='%23F4FBF9'/%3E%3Crect x='256' y='48' width='18' height='10' rx='3' fill='%23F2B54A'/%3E%3Crect y='124' width='320' height='116' fill='%23123D5C'/%3E%3Crect x='16' y='102' width='40' height='70' rx='4' fill='%231D4E6E' stroke='%230A1E30' stroke-width='2'/%3E%3Crect x='23' y='118' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='40' y='118' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='64' y='88' width='40' height='84' rx='4' fill='%231D4E6E' stroke='%230A1E30' stroke-width='2'/%3E%3Crect x='71' y='104' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='88' y='104' width='9' height='9' rx='2' fill='%232C6A8C'/%3E%3Crect x='112' y='110' width='40' height='62' rx='4' fill='%231D4E6E' stroke='%230A1E30' stroke-width='2'/%3E%3Crect x='119' y='126' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='136' y='126' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='160' y='94' width='40' height='78' rx='4' fill='%231D4E6E' stroke='%230A1E30' stroke-width='2'/%3E%3Crect x='167' y='110' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='184' y='110' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='208' y='106' width='40' height='66' rx='4' fill='%231D4E6E' stroke='%230A1E30' stroke-width='2'/%3E%3Crect x='215' y='122' width='9' height='9' rx='2' fill='%23F2B54A'/%3E%3Crect x='232' y='122' width='9' height='9' rx='2' fill='%232C6A8C'/%3E%3Cpath d='M0 196h320' stroke='%235BB8E0' stroke-width='2' opacity='.6'/%3E%3Cpath d='M30 214q8-4 16 0M140 220q8-4 16 0M250 212q8-4 16 0' stroke='%235BB8E0' stroke-width='2.5' fill='none'/%3E%3Ccircle cx='150' cy='26' r='1.6' fill='%23F4FBF9'/%3E%3Ccircle cx='200' cy='44' r='1.4' fill='%23F4FBF9'/%3E%3Ccircle cx='110' cy='70' r='1.2' fill='%23F4FBF9'/%3E%3C/svg%3E")}
.pv-hud{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%2312393A'/%3E%3Ccircle cx='60' cy='60' r='34' fill='%230D2B2E' stroke='%237FE3C8' stroke-width='4'/%3E%3Cpath d='M60 38v44M38 60h44' stroke='%232E6F69' stroke-width='3'/%3E%3Ccircle cx='68' cy='52' r='5' fill='%23F2B54A'/%3E%3Crect x='110' y='30' width='150' height='20' rx='10' fill='%230D2B2E' stroke='%237FE3C8' stroke-width='3'/%3E%3Crect x='114' y='34' width='106' height='12' rx='6' fill='%237FE3C8'/%3E%3Crect x='110' y='58' width='110' height='16' rx='8' fill='%230D2B2E' stroke='%238CC0FF' stroke-width='3'/%3E%3Crect x='114' y='62' width='56' height='8' rx='4' fill='%238CC0FF'/%3E%3Crect x='240' y='60' width='60' height='26' rx='13' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='254' cy='73' r='6' fill='%23FBE9C2' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='70' y='180' width='38' height='38' rx='12' fill='%230D2B2E' stroke='%237FE3C8' stroke-width='3'/%3E%3Crect x='114' y='180' width='38' height='38' rx='12' fill='%230D2B2E' stroke='%232E6F69' stroke-width='3'/%3E%3Crect x='158' y='180' width='38' height='38' rx='12' fill='%230D2B2E' stroke='%232E6F69' stroke-width='3'/%3E%3Crect x='202' y='180' width='38' height='38' rx='12' fill='%230D2B2E' stroke='%232E6F69' stroke-width='3'/%3E%3Ccircle cx='89' cy='199' r='8' fill='%238CC0FF'/%3E%3Ccircle cx='278' cy='170' r='22' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='3'/%3E%3Ccircle cx='278' cy='216' r='14' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M160 124v8M156 128h8' stroke='%23F4FBF9' stroke-width='2.5'/%3E%3C/svg%3E")}
.pv-inventory{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23DFF3EE'/%3E%3Crect x='28' y='28' width='264' height='184' rx='22' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='44' y='42' width='120' height='12' rx='6' fill='%23CFF3E8'/%3E%3Crect x='44' y='68' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='92' y='68' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%230A7A6C' stroke-width='3'/%3E%3Crect x='140' y='68' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='188' y='68' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='236' y='68' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='44' y='114' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='92' y='114' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='140' y='114' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='188' y='114' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='236' y='114' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='44' y='160' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='92' y='160' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='140' y='160' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='188' y='160' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Crect x='236' y='160' width='40' height='40' rx='11' fill='%23E7F2EF' stroke='%23CFE0DC' stroke-width='2'/%3E%3Cpath d='M64 76l9 12-9 12-9-12z' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='2'/%3E%3Ccircle cx='112' cy='93' r='9' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='108' y='76' width='8' height='9' rx='2' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Ccircle cx='158' cy='88' r='6' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='2'/%3E%3Cpath d='M162 92l10 10M168 98l3-3' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='208' cy='92' r='10' fill='%23E8735E' stroke='%230D2B2E' stroke-width='2'/%3E%3Cpath d='M208 82q2-6 6-6' stroke='%230A7A6C' stroke-width='2.5' fill='none'/%3E%3Ccircle cx='64' cy='134' r='10' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='2'/%3E%3Ccircle cx='112' cy='134' r='6' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='2'/%3E%3C/svg%3E")}
.pv-harbor{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23CDEBF5'/%3E%3Crect y='150' width='320' height='90' fill='%235BB8E0'/%3E%3Cpath d='M0 150q20-10 40 0t40 0 40 0 40 0 40 0 40 0 40 0 40 0' fill='%237FCBEA'/%3E%3Crect x='40' y='112.0' width='10' height='16' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='60' y='103.0' width='10' height='34' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='80' y='92.0' width='10' height='56' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='100' y='100.0' width='10' height='40' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='120' y='84.0' width='10' height='72' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='140' y='96.0' width='10' height='48' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='160' y='105.0' width='10' height='30' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='180' y='89.0' width='10' height='62' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='200' y='101.0' width='10' height='38' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='220' y='109.0' width='10' height='22' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='240' y='98.0' width='10' height='44' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Crect x='260' y='111.0' width='10' height='18' rx='5' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2'/%3E%3Cpath d='M58 46q8-8 16 0 8-8 16 0M214 64q6-6 12 0 6-6 12 0M250 34q5-5 10 0 5-5 10 0' stroke='%230D2B2E' stroke-width='2.5' fill='none'/%3E%3Cpath d='M30 190q8-4 16 0M150 200q8-4 16 0M260 186q8-4 16 0' stroke='%23FFFFFF' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")}
.pv-boats{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%235BB8E0'/%3E%3Cpath d='M20 60q8-4 16 0M240 40q8-4 16 0M100 200q8-4 16 0M260 210q8-4 16 0M40 160q8-4 16 0' stroke='%23FFFFFF' stroke-width='2.5' fill='none'/%3E%3Cpath d='M60 120h110l-16 26H76z' fill='%23F4FBF9' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='92' y='96' width='40' height='24' rx='5' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='100' y='102' width='10' height='9' rx='2' fill='%23E3F1FF'/%3E%3Cpath d='M190 160h84l-12 20h-60z' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M230 160V110' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M233 114 262 152h-29z' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Cpath d='M70 150q50 8 100 0M196 184q36 6 72 0' stroke='%233E9CCB' stroke-width='4' fill='none'/%3E%3C/svg%3E")}
.pv-stickers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23FFF4DA'/%3E%3Cg transform='rotate(-12 80 80)'%3E%3Ccircle cx='80' cy='80' r='40' fill='%237FE3C8' stroke='%23FFFFFF' stroke-width='6'/%3E%3Ccircle cx='80' cy='80' r='26' fill='none' stroke='%230A7A6C' stroke-width='4' stroke-dasharray='6 6'/%3E%3C/g%3E%3Cpath d='m220 40 11 22 24 3-17 17 4 24-22-11-22 11 4-24-17-17 24-3z' fill='%23F2B54A' stroke='%23FFFFFF' stroke-width='6'/%3E%3Cpath d='M150 140l34 20v40l-34 20-34-20v-40z' fill='%238CC0FF' stroke='%23FFFFFF' stroke-width='6'/%3E%3Cpath d='M262 196s-34-20-34-44a17 17 0 0 1 34-6 17 17 0 0 1 34 6c0 24-34 44-34 44z' fill='%23E8735E' stroke='%23FFFFFF' stroke-width='6' transform='rotate(10 262 160)'/%3E%3Crect x='28' y='160' width='70' height='40' rx='20' fill='%230A7A6C' stroke='%23FFFFFF' stroke-width='6' transform='rotate(8 63 180)'/%3E%3C/svg%3E")}
.pv-quest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23E3EEFF'/%3E%3Crect x='40' y='70' width='130' height='120' rx='10' fill='%23FBE9C2' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='32' y='60' width='146' height='18' rx='9' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='32' y='182' width='146' height='18' rx='9' fill='%23F6D99A' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M60 100h90M60 120h70M60 140h84M60 160h50' stroke='%23B98A5A' stroke-width='5'/%3E%3Cpath d='M200 40h92a12 12 0 0 1 12 12v40a12 12 0 0 1-12 12h-52l-22 18v-18h-18a12 12 0 0 1-12-12V52a12 12 0 0 1 12-12z' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M222 72h.1M246 72h.1M270 72h.1' stroke='%230A7A6C' stroke-width='9'/%3E%3Cpath d='M244 140 260 168h-32z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M244 132v-4' stroke='%230D2B2E' stroke-width='0'/%3E%3Crect x='238' y='120' width='12' height='14' rx='4' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='2.5'/%3E%3C/svg%3E")}
.pv-obby{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23BFE6F5'/%3E%3Ccircle cx='270' cy='46' r='18' fill='%23F6D99A'/%3E%3Crect x='20' y='200' width='56' height='18' rx='9' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='88' y='168' width='56' height='18' rx='9' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='156' y='136' width='56' height='18' rx='9' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='100' y='96' width='56' height='18' rx='9' fill='%23E8735E' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='180' y='70' width='56' height='18' rx='9' fill='%237FE3C8' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='248' y='110' width='56' height='18' rx='9' fill='%238CC0FF' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M276 110V74' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M278 76h24l-6 8 6 8h-24z' fill='%230A7A6C' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Ccircle cx='46' cy='186' r='8' fill='%23FFFFFF' stroke='%230D2B2E' stroke-width='2.5'/%3E%3C/svg%3E")}
.pv-lighthouse{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23F2E6CF'/%3E%3Crect x='120' y='20' width='80' height='220' fill='%23F4FBF9' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M120 200h80' stroke='%23B98A5A' stroke-width='10' stroke-linecap='butt' transform='rotate(-8 160 200)'/%3E%3Cpath d='M120 160h80' stroke='%23B98A5A' stroke-width='10' stroke-linecap='butt' transform='rotate(8 160 160)'/%3E%3Cpath d='M120 120h80' stroke='%23B98A5A' stroke-width='10' stroke-linecap='butt' transform='rotate(-8 160 120)'/%3E%3Cpath d='M120 80h80' stroke='%23B98A5A' stroke-width='10' stroke-linecap='butt' transform='rotate(8 160 80)'/%3E%3Crect x='140' y='36' width='40' height='30' rx='15' fill='%23BFE6F5' stroke='%230D2B2E' stroke-width='3'/%3E%3Crect x='30' y='160' width='70' height='60' rx='8' fill='%230A7A6C'/%3E%3Crect x='228' y='150' width='70' height='70' rx='8' fill='%23F6D99A'/%3E%3C/svg%3E")}
.pv-cliff{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23BFE6F5'/%3E%3Crect y='150' width='320' height='90' fill='%235BB8E0'/%3E%3Cpath d='M0 40h320v60c-50 0-80 20-120 60S80 220 0 230z' fill='%238BD3A0' stroke='%230D2B2E' stroke-width='3'/%3E%3Cpath d='M0 120c80-10 140-30 200-70s100-30 120-30' stroke='%239AA8A4' stroke-width='20' fill='none'/%3E%3Cpath d='M0 120c80-10 140-30 200-70s100-30 120-30' stroke='%23FFFFFF' stroke-width='2.5' stroke-dasharray='10 10' fill='none'/%3E%3C/svg%3E")}
.pv-pier{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%230E2A44'/%3E%3Crect y='140' width='320' height='100' fill='%23123D5C'/%3E%3Cpath d='M20 150h280' stroke='%23B98A5A' stroke-width='10'/%3E%3Cpath d='M50 150V108' stroke='%230A1E30' stroke-width='3'/%3E%3Ccircle cx='50' cy='104' r='7' fill='%23F2B54A'/%3E%3Ccircle cx='50' cy='104' r='16' fill='%23F2B54A' opacity='.25'/%3E%3Cpath d='M120 150V108' stroke='%230A1E30' stroke-width='3'/%3E%3Ccircle cx='120' cy='104' r='7' fill='%23F2B54A'/%3E%3Ccircle cx='120' cy='104' r='16' fill='%23F2B54A' opacity='.25'/%3E%3Cpath d='M190 150V108' stroke='%230A1E30' stroke-width='3'/%3E%3Ccircle cx='190' cy='104' r='7' fill='%23F2B54A'/%3E%3Ccircle cx='190' cy='104' r='16' fill='%23F2B54A' opacity='.25'/%3E%3Cpath d='M260 150V108' stroke='%230A1E30' stroke-width='3'/%3E%3Ccircle cx='260' cy='104' r='7' fill='%23F2B54A'/%3E%3Ccircle cx='260' cy='104' r='16' fill='%23F2B54A' opacity='.25'/%3E%3Cpath d='M30 190q8-4 16 0M140 200q8-4 16 0M240 186q8-4 16 0' stroke='%235BB8E0' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")}
.pv-crane{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 240' preserveAspectRatio='xMidYMid slice' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='320' height='240' fill='%23BFE6F5'/%3E%3Crect y='170' width='320' height='70' fill='%235BB8E0'/%3E%3Crect y='150' width='320' height='24' fill='%239AA8A4'/%3E%3Cpath d='M90 150V50M90 50h170M90 80l40-30M120 50v100' stroke='%230A7A6C' stroke-width='9'/%3E%3Cpath d='M230 50v50' stroke='%230D2B2E' stroke-width='2.5'/%3E%3Crect x='214' y='100' width='32' height='26' rx='3' fill='%23F2B54A' stroke='%230D2B2E' stroke-width='3'/%3E%3C/svg%3E")}