:root{--bg: #faf9f7;--surface: #ffffff;--text: #15131a;--muted: #6d6a75;--border: #ebe8ef;--primary: #15131a;--accent: #7b5cff;--ok: #12b76a;--danger: #e5484d;--radius: 18px;--shadow: 0 1px 2px rgba(20, 16, 40, .04), 0 8px 24px rgba(20, 16, 40, .06);--grad: linear-gradient(90deg, #ff3d7f, #7b5cff 50%, #00c2ff);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:inherit}h1{font-size:2rem;letter-spacing:-.03em;margin:0 0 1.25rem}h2{font-size:1.25rem;letter-spacing:-.02em;margin:0}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.page{padding-top:40px;padding-bottom:80px}.narrow{max-width:620px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.grow{flex:1}.block{width:100%}.header{position:sticky;top:0;z-index:20;background:#faf9f7d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;letter-spacing:-.04em;text-decoration:none}.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-mark{width:28px;height:28px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 4px #ffffff59}.nav{display:flex;align-items:center;gap:6px}.nav>a{text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:500;color:var(--muted)}.nav>a:hover{color:var(--text);background:#0000000a}.nav>a.active{color:var(--text);background:#0000000f}.cart-link{display:inline-flex;align-items:center;gap:6px}.badge{background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px}.user-menu{display:flex;align-items:center;gap:8px;margin-left:8px}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;text-transform:uppercase}.user-name{font-weight:600;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .08s,background .15s,opacity .15s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#2c2833}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#0000000a}.btn-google{background:#fff;border-color:var(--border);color:var(--text);box-shadow:0 1px 2px #0000000d}.btn-google:hover{background:#f6f6f6}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:10px}.btn-lg{padding:14px 22px;font-size:1rem;border-radius:14px}.btn-pair{display:flex;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card-title{margin:0 0 12px}.empty{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty p{margin:0}.hero{padding:56px 0 32px;text-align:center}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;margin-bottom:12px}.hero p{color:var(--muted);font-size:1.1rem;margin:0 auto;max-width:560px}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.shop-grid{display:grid;grid-template-columns:minmax(320px,1fr) 1.15fr;gap:24px;align-items:stretch}.picker{display:flex;flex-direction:column;align-items:center;gap:22px}.wheel{position:relative;border-radius:50%;touch-action:none;cursor:crosshair;flex-shrink:0;background:radial-gradient(circle closest-side,#fff,#fff0),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 0 0 1px #0000000f,0 10px 30px #0000001f}.wheel-shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#000;pointer-events:none}.wheel-thumb{position:absolute;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 2px 8px #0000004d;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px;width:100%;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.brightness{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;outline:none;border:1px solid var(--border)}.brightness::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d,0 2px 6px #0000004d;cursor:pointer}.brightness::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d;cursor:pointer}.hex-row{display:flex;gap:10px;align-items:flex-end;width:100%}.hex-input{font-family:JetBrains Mono,monospace;font-size:1.15rem;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);text-transform:uppercase;outline:none;width:100%}.hex-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b5cff26}.hex-input.invalid{border-color:var(--danger)}.product{padding:0;overflow:hidden;display:flex;flex-direction:column}.product-swatch{min-height:300px;flex:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:background .12s}.product-swatch-top{display:flex;justify-content:flex-end}.product-hex{font-family:JetBrains Mono,monospace;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.product-name{font-size:1.15rem;font-weight:600;opacity:.85}.product-body{padding:24px;display:flex;flex-direction:column;gap:16px}.product-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.price{font-size:2.2rem;font-weight:800;letter-spacing:-.03em}.specs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.chip{font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#ffffffe6;color:#15131a;box-shadow:0 1px 4px #00000026}.chip-ok{color:var(--ok)}.chip-sold{color:var(--danger)}.chip-mine{color:var(--accent)}.chip-muted{color:var(--muted)}.note{margin:0;padding:12px 14px;background:#fff4f4;border-radius:12px;color:#8a1c1f;font-size:.92rem}.error{color:var(--danger);font-size:.92rem}.error p{margin:8px 0}.section{padding-top:48px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.section-head h1{margin:0}.swatch-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.swatch{border-radius:14px;display:flex;align-items:flex-end;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px #0000000f;flex-shrink:0}.swatch-tile{aspect-ratio:1;transition:transform .12s}.swatch-tile:hover{transform:translateY(-3px)}.swatch-label{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:10px}.sold-tile{display:flex;flex-direction:column;gap:6px;cursor:pointer}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.cart-list{list-style:none;margin:0;padding:8px 24px}.cart-list.flat{padding:0;margin-bottom:16px}.cart-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.cart-row:last-child{border-bottom:none}.cart-row-sold{opacity:.75}.cart-row-info{flex:1;display:flex;flex-direction:column;gap:2px}.cart-row-name{font-weight:600}.cart-row-price{font-weight:700}.summary{display:flex;flex-direction:column;gap:14px;position:sticky;top:92px}.summary-line{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}.summary-line>span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis}.summary-line.total{font-size:1.25rem;font-weight:800;padding-top:14px;border-top:1px solid var(--border)}.confirm{text-align:center;padding-top:0;overflow:hidden}.confirm-strip{display:flex;height:90px;margin:0 -24px 28px}.confirm-strip>div{flex:1}.confirm h1{margin-bottom:6px}.confirm-list{list-style:none;padding:0;margin:24px 0;text-align:left}.confirm-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.confirm-list li>span:nth-child(2){flex:1;font-weight:600}.stats{display:flex;gap:24px}.stats b{font-size:1.2rem}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.library-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.library-swatch{display:flex;align-items:flex-end;width:100%;aspect-ratio:4/3;border:0;padding:14px;cursor:copy;font-family:JetBrains Mono,monospace;font-size:1rem}.library-info{padding:14px}.library-name{font-weight:700;margin-bottom:2px}.footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.85rem;margin-top:48px}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer-links{display:flex;align-items:center;gap:14px}.cc-footer-link{background:none;border:0;padding:4px 8px;border-radius:8px;font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s,background .15s}.cc-footer-link:hover{color:var(--text);background:#0000000a}.emu-pill{background:#fff3d6;color:#8a5a00;padding:3px 10px;border-radius:999px;font-weight:600;font-size:.75rem}.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);box-shadow:0 -8px 32px #1410281f;padding:18px 0}.cc-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cc-banner-text{flex:1;min-width:280px}.cc-banner-title{display:flex;align-items:center;gap:8px;font-size:.98rem;margin-bottom:6px;flex-wrap:wrap}.cc-shield{font-size:1.1rem}.cc-ot-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:#eeebff;color:var(--accent)}.cc-banner-text p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.45}.cc-banner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.cc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#15131a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.cc-modal{width:min(640px,100%);max-height:min(86vh,760px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #14102847;display:flex;flex-direction:column;overflow:hidden}.cc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.cc-modal-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px}.cc-close{background:transparent;border:1px solid var(--border);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:.95rem;color:var(--muted);display:grid;place-items:center}.cc-close:hover{background:#0000000a;color:var(--text)}.cc-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.cc-cookie-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:#f4f2f9;border:1px solid #e4dff2;font-size:.8rem;flex-wrap:wrap}.cc-preview-label{font-weight:600;color:var(--muted)}.cc-cookie-preview code{color:var(--accent);font-weight:600}.cc-category-list{display:flex;flex-direction:column;gap:12px}.cc-category{border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:#fcfbf9}.cc-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cc-category-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:8px;margin-bottom:4px}.cc-code{font-size:.72rem;background:#0000000f;padding:2px 6px;border-radius:6px;color:var(--muted)}.cc-category-desc{margin:0;font-size:.84rem;color:var(--muted);line-height:1.45}.cc-always-active{font-size:.75rem;font-weight:700;color:var(--ok);background:#12b76a1f;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.cc-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;margin-top:2px}.cc-switch input{opacity:0;width:0;height:0}.cc-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#d4d0dc;transition:.18s;border-radius:999px}.cc-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.18s;border-radius:50%;box-shadow:0 1px 3px #00000040}.cc-switch input:checked+.cc-slider{background-color:var(--accent)}.cc-switch input:focus-visible+.cc-slider{box-shadow:0 0 0 3px #7b5cff40}.cc-switch input:checked+.cc-slider:before{transform:translate(20px)}.cc-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:#faf9f7;flex-wrap:wrap}.dl{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.dl-toggle{display:flex;align-items:center;gap:8px;background:#15131a;color:#fff;border:0;border-radius:999px;padding:10px 16px;font:600 .85rem JetBrains Mono,monospace;cursor:pointer;box-shadow:0 8px 24px #00000040}.dl-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #12b76a4d}.dl-count{background:#ffffff26;padding:1px 8px;border-radius:999px}.dl-panel{order:-1;width:min(420px,calc(100vw - 40px));max-height:60vh;display:flex;flex-direction:column;background:#15131a;color:#e8e6ee;border-radius:16px;box-shadow:0 20px 50px #00000059;overflow:hidden}.dl-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #2b2833;font-size:.85rem}.dl-head .btn-ghost{color:#e8e6ee;border-color:#3a3644}.dl-list{list-style:none;margin:0;padding:0;overflow-y:auto}.dl-empty{padding:16px;color:#8e8a99;font-size:.85rem}.dl-item{border-bottom:1px solid #221f29}.dl-row{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:inherit;padding:10px 14px;cursor:pointer;text-align:left}.dl-row:hover{background:#1d1a24}.dl-name{color:#b8a6ff}.dl-time{color:#6f6b7a;font-size:.75rem}.dl-json{margin:0;padding:10px 14px 14px;font-size:.72rem;color:#9fe3c1;white-space:pre-wrap;word-break:break-all;background:#110f15}.admin-pill{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:#7b5cff24;color:var(--accent)}.admin-pill-self{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#0000000f;color:var(--muted)}.admin-notice{padding:12px 16px;border-radius:12px;font-weight:600;font-size:.9rem;margin-bottom:16px}.admin-notice-ok{background:#12b76a1f;color:#0b7a46;border:1px solid rgba(18,183,106,.3)}.admin-notice-err{background:#f044381f;color:#b42318;border:1px solid rgba(240,68,56,.3)}.admin-user-list,.admin-user-row{display:flex;flex-direction:column;gap:14px}.admin-user-main{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-user-title,.admin-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-user-colors{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.admin-swatch-pills{display:flex;flex-wrap:wrap;gap:8px}.admin-color-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;border:1px solid var(--border);background:#faf9f6;font-size:.8rem;transition:border-color .15s,transform .12s}.admin-color-chip:hover{border-color:var(--text);transform:translateY(-1px)}.admin-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#d92d20}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid rgba(240,68,56,.45)}.btn-danger-outline:hover:not(:disabled){background:#f0443814;border-color:var(--danger)}@media(max-width:900px){.shop-grid,.cart-layout{grid-template-columns:1fr}.summary{position:static}.user-name{display:none}}@media(max-width:560px){.container{padding:0 16px}.nav>a{padding:8px 10px}.wheel{width:260px!important;height:260px!important}.cc-banner-actions{width:100%}.cc-banner-actions .btn{flex:1}}