:root{--cat-coral:#ff9b73;--cat-pink:#f6a7b8;--cat-mint:#70d7b3;--cat-violet:#9d9bff;--cat-ink:#081321;--cat-panel:#102238;--cat-panel-hi:#172f49;--cat-soft:#b8cde0}
body{background-color:#07111f;background-image:linear-gradient(180deg,#07111fa8 0%,#07111f8a 44%,#07111fb8 100%),url('ui-assets/atelier-bg-night-v3.png');background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed}
.cat-hero{align-items:center;gap:24px;padding:5px 2px 18px;border-bottom:1px solid #24445f}.brand-zone{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:54px;height:54px;flex:none;border-radius:18px;background:linear-gradient(145deg,#173b58,#11263d);border:1px solid #3d7290;display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 24px #0004}.brand-mark img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.brand-copy{min-width:0}.brand-copy h1{font-size:20px;letter-spacing:.01em;white-space:nowrap}.brand-copy p{margin-top:3px;font-size:12px;color:#8eabc6}.status-zone{gap:8px}.cat-nav{display:flex;gap:15px;margin-right:8px}.cat-nav a{color:#91abc2;text-decoration:none;font-size:12px;padding:7px 2px;border-bottom:2px solid transparent}.cat-nav a:hover,.cat-nav .cat-nav-active{color:#f4fbff;border-color:var(--cat-coral)}
.hero-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);min-height:320px;margin:22px 0 18px;padding:32px 40px;border:1px solid #2c5874;border-radius:26px;overflow:hidden;background-image:linear-gradient(90deg,#071321e8 0%,#0a1a2dd8 38%,#0b172980 70%,#0b17292a 100%),url('ui-assets/atelier-night-v1.png');background-size:cover;background-position:center;box-shadow:0 25px 60px #0005}.hero-showcase::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#08132100 20%,#1f6d7b18 54%,#f39b6b12 100%);pointer-events:none}.hero-showcase::after{content:'';position:absolute;z-index:-1;right:-140px;top:-190px;width:500px;height:500px;border:1px solid #79e1bf22;border-radius:50%;box-shadow:0 0 0 34px #79e1bf08,0 0 0 68px #79e1bf06;transform:rotate(26deg)}.showcase-copy{align-self:center;max-width:640px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#86cbb8;font-size:10px;letter-spacing:.18em;font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cat-coral);box-shadow:0 0 0 4px #ff9b7320}.showcase-copy h2{font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:13px 0 12px;color:#f6fbff}.showcase-copy h2 em{font-style:normal;color:var(--cat-mint);text-shadow:0 0 24px #70d7b344}.showcase-copy p{max-width:500px;color:#a8bed1;font-size:14px;line-height:1.8}.showcase-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.showcase-actions .primary{min-height:42px;padding:0 19px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--cat-coral),#f47e9e);box-shadow:0 12px 24px #f47e9e35}.showcase-link{color:#c6e6e8;text-decoration:none;font-size:12px}.showcase-link span{color:var(--cat-coral);font-size:16px}.showcase-mini-stats{display:flex;gap:28px;margin-top:28px}.showcase-mini-stats span{display:grid;gap:2px}.showcase-mini-stats b{font-size:19px;color:#effaf9}.showcase-mini-stats small{font-size:11px;color:#7494ab}.showcase-art{position:relative;display:grid;place-items:center;min-height:260px}.showcase-art img{position:relative;z-index:2;width:min(340px,100%);max-height:310px;object-fit:contain;filter:drop-shadow(0 20px 24px #0009)}.art-orbit{position:absolute;z-index:1;border:1px solid #75d5b244;border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:270px;height:150px}.orbit-b{width:330px;height:190px;border-color:#ff9b7350;transform:rotate(24deg)}.art-spark{position:absolute;color:#ffd27d;font-size:22px;z-index:3}.spark-a{top:26px;right:20%}.spark-b{bottom:30px;left:14%;color:var(--cat-pink)}.art-sticker{position:absolute;right:1%;bottom:16px;z-index:4;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--cat-coral);color:#321b28;transform:rotate(9deg);font-size:10px;line-height:1.05;box-shadow:0 8px 18px #0005}.art-sticker b{font-size:13px}
.search-shell{padding:20px 22px 16px;border:1px solid #315a76;border-radius:20px;background:linear-gradient(145deg,#102a43,#0c1c30);box-shadow:0 18px 42px #0003}.search-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.search-title h2{margin:6px 0 0;font-size:20px}.search-title kbd{color:#7e9ab2;border:1px solid #315574;background:#0b1b2c;border-radius:7px;padding:4px 8px;font-size:12px}.search-shell .searchbar{position:relative;margin:0;padding:8px;background:#081725;border-color:#315574;box-shadow:0 0 0 5px #70d7b30b}.search-shell .searchbar input{padding:13px 14px 13px 38px;border:0;background:transparent}.search-shell .searchbar input:focus{box-shadow:none}.search-icon{position:absolute;left:16px;top:13px;font-size:25px;line-height:1;color:#70d7b3;z-index:1}.search-shell .searchbar .primary{min-width:88px;border:0;background:linear-gradient(135deg,#ff9b73,#f47e9e);font-weight:700}.search-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;color:#7898b0;font-size:11px}.quick-searches{display:flex;flex-wrap:wrap;gap:7px}.quick-searches button{border:1px solid #315a76;background:#102b45;color:#b9d9e7;border-radius:999px;padding:5px 10px;font-size:11px}.quick-searches button:hover{border-color:var(--cat-mint);color:#e9fff8;transform:translateY(-1px)}
.quick-collections{margin:26px 0 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2{font-size:20px;margin:6px 0 0}.section-heading>span{color:#7292a9;font-size:11px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.collection-card{position:relative;min-height:132px;text-align:left;border:1px solid #2d526e;border-radius:16px;padding:16px;background:linear-gradient(145deg,#142f48,#102134);color:#edf7ff;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-card::after{content:'';position:absolute;right:-28px;top:-35px;width:105px;height:105px;border-radius:50%;background:#ffffff09}.collection-card:hover{transform:translateY(-3px);border-color:#70d7b3;box-shadow:0 12px 25px #0004}.collection-card .collection-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:11px;background:#ff9b7320;color:var(--cat-coral);font-size:20px}.collection-card b{display:block;font-size:14px}.collection-card small{display:block;margin-top:4px;color:#8ea9bd;font-size:11px}.collection-card em{position:absolute;right:13px;bottom:14px;color:#a7cdd7;font-size:11px;font-style:normal}.collection-mint .collection-icon{background:#70d7b320;color:var(--cat-mint)}.collection-violet .collection-icon{background:#9d9bff20;color:var(--cat-violet)}.collection-gold .collection-icon{background:#ffd27d20;color:#ffd27d}
body.theme-light{--cat-ink:#fff8f1;--cat-panel:#fffaf6;--cat-panel-hi:#fff0e8}body.theme-light .cat-hero{border-color:#efd8d0}body.theme-light .brand-mark{background:linear-gradient(145deg,#ffe3db,#fff7ef);border-color:#e1b7b1;box-shadow:0 8px 20px #ce8f8233}body.theme-light .brand-copy p{color:#9b7882}body.theme-light .cat-nav a{color:#9a7680}body.theme-light .cat-nav a:hover,body.theme-light .cat-nav .cat-nav-active{color:#804651;border-color:#e9826f}body.theme-light .hero-showcase{border-color:#ebc3b8;background-image:linear-gradient(90deg,#fff8f1ee 0%,#fff8f1da 38%,#fff8f19a 70%,#fff8f120 100%),url('ui-assets/atelier-day-v1.png');background-size:cover;background-position:center;box-shadow:0 22px 48px #c58f8430}body.theme-light .hero-showcase::before{background:linear-gradient(115deg,#ffffff00 20%,#e9826f12 54%,#70d7b31a 100%)}body.theme-light .showcase-copy h2{color:#503b43}body.theme-light .showcase-copy h2 em{color:#359a83;text-shadow:none}body.theme-light .showcase-copy p{color:#8e6c76}body.theme-light .showcase-link{color:#8d5a68}body.theme-light .showcase-link:hover{color:#6e3b4b}body.theme-light .showcase-mini-stats b{color:#6d414d}body.theme-light .showcase-mini-stats small{color:#a27d86}body.theme-light .search-shell{border-color:#e9c4ba;background:linear-gradient(145deg,#fff2ea,#fffaf6);box-shadow:0 15px 34px #c58f8426}body.theme-light .search-title kbd{background:#fff7f0;border-color:#e2bdb5;color:#a27d86}body.theme-light .search-shell .searchbar{background:#fff;border-color:#e1b8b5;box-shadow:0 0 0 5px #e9826f0b}body.theme-light .search-icon{color:#45aa8d}body.theme-light .search-meta{color:#a27d86}body.theme-light .quick-searches button{background:#fff7f0;border-color:#e4c0b7;color:#805864}body.theme-light .quick-searches button:hover{border-color:#58b79d;color:#5a806f}body.theme-light .section-heading>span{color:#a27d86}body.theme-light .collection-card{border-color:#e7c4bb;background:linear-gradient(145deg,#fffaf6,#fff0e8);color:#503b43;box-shadow:0 8px 18px #c58f8419}body.theme-light .collection-card small{color:#a27d86}body.theme-light .collection-card em{color:#a45f6b}
@media(max-width:860px){.cat-hero{align-items:flex-start;flex-direction:column}.status-zone{width:100%;justify-content:flex-start}.cat-nav{margin-right:auto}.hero-showcase{grid-template-columns:1fr;padding:27px 28px}.showcase-art{position:absolute;right:12px;bottom:-20px;width:290px;opacity:.6;pointer-events:none}.showcase-copy{position:relative;z-index:2}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cat-hero{padding-bottom:14px}.brand-mark{width:46px;height:46px;border-radius:15px}.brand-mark img{width:63px;height:63px}.brand-copy h1{font-size:17px;white-space:normal}.hero-actions.status-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.status-zone .cat-nav{grid-column:1/-1;margin:0;justify-content:space-between}.status-zone .cat-nav a{flex:1;text-align:center}.status-zone .badge{grid-column:1/-1}.hero-showcase{min-height:390px;margin-top:14px;padding:24px 20px;border-radius:21px}.showcase-copy h2{font-size:34px}.showcase-copy p{max-width:240px;font-size:13px}.showcase-art{right:-28px;bottom:-24px;width:260px;opacity:.45}.showcase-mini-stats{gap:18px;margin-top:22px}.search-shell{padding:17px 14px;border-radius:17px}.search-title h2{font-size:18px}.search-shell .searchbar{display:flex;flex-wrap:wrap;padding:7px}.search-shell .searchbar input{flex:1 1 100%;min-width:0}.search-shell .searchbar .primary,.search-shell .searchbar .ghost{flex:1;min-height:36px}.quick-collections{margin-top:20px}.section-heading{align-items:start;flex-direction:column;gap:4px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collection-card{min-height:122px;padding:13px}.collection-card b{font-size:12px}.collection-card small{font-size:10px}.translation-hint{font-size:11px}}
body.theme-light{background-color:#fff7f0;background-image:linear-gradient(180deg,#fff7f08c 0%,#fff7f073 44%,#fff7f09e 100%),url('ui-assets/atelier-bg-day-v2.webp');background-size:cover,min(3072px,100vw) auto;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed}
@media(max-width:560px){body.theme-light{background-attachment:scroll;background-position:center top}}