/* M1 Midnight — shared component refinement */
:root{color-scheme:dark;--bg:#090b10;--panel:#11141c;--panel2:#191c27;--line:#252834;--muted:#9298ab;--text:#eceef6;--purple:#ab99fa;--green:#83d6b6;--radius:22px}
body{background:radial-gradient(ellipse at 75% 0,#33274716,transparent 650px),var(--bg);letter-spacing:.05px}::selection{background:#9780e754;color:white}
.sidebar{background:#0e1017;border-color:#22242f;padding-top:29px}.brand img{border-radius:13px;box-shadow:0 3px 22px #8a70ff17}.brand strong{letter-spacing:-.5px}.brand small{letter-spacing:1.05px;font-size:8px}.nav-label{font-size:9px;color:#73788c;letter-spacing:1.6px}.nav-item{min-height:44px;border:1px solid transparent;border-radius:14px;color:#9399ac;transition:background .2s,color .2s,border-color .2s}.nav-item.active{background:linear-gradient(110deg,#8067cc27,#8067cc0b);border-color:#a894f42e;box-shadow:none;color:#c9b9ff}.nav-item.active:before{content:'';position:absolute;left:0;height:22px;width:3px;background:#af96ff;border-radius:0 3px 3px 0;box-shadow:0 0 14px #a18af544}.nav-item:hover{background:#ffffff06;color:#e2ddf8;border-color:#ffffff08}.nav-item .badge{border-radius:20px;padding:3px 7px;background:#79c7a10e;color:#8accac}.help-card{border-radius:18px;background:linear-gradient(130deg,#221d30,#14151e);border-color:#b99bff1c}.help-card .btn{width:100%}.topbar{background:#0c0e15e8;border-color:#22242e;backdrop-filter:blur(20px)}.breadcrumb{font-size:11px}.breadcrumb svg{width:13px}.header-search{border-radius:40px;background:#161820;border-color:#ffffff0b;padding:11px 17px;transition:border-color .2s,box-shadow .2s}.header-search:focus-within{border-color:#9480cb80;box-shadow:0 0 0 4px #8974bd0b}.header-search input{background:transparent!important;box-shadow:none!important}.header-search kbd{padding:2px 6px;color:#8a91a5;border-radius:5px;border-color:#373946}.icon-btn{border-radius:50%;min-width:40px;min-height:40px;display:inline-grid;place-items:center;transition:background .2s,color .2s}.icon-btn:hover{background:#ffffff08;color:#d2c5ff}.mobile-toggle{display:none}.cart-count{top:0;right:0;background:#a899df;color:#161021;border:2px solid #0c0e15;height:18px;min-width:18px;font-size:9px}
.btn{min-height:44px;padding:12px 23px;border-radius:999px;border:1px solid #c9b7ff38;background:linear-gradient(135deg,#a18add,#8870ca);color:#fff;box-shadow:inset 0 1px 0 #ffffff29,0 4px 14px #0003;font-weight:600;letter-spacing:.1px;transition:background .2s,box-shadow .2s,transform .2s}.btn svg{width:16px;height:16px}.btn:hover{filter:none;background:linear-gradient(135deg,#ad97e8,#967fd5);box-shadow:inset 0 1px 0 #ffffff38,0 6px 24px #9578cc22;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn.secondary{background:linear-gradient(135deg,#ffffff07,#ffffff02);border-color:#ffffff16;box-shadow:inset 0 1px 0 #ffffff05;color:#c9c9d7}.btn.secondary:hover{background:#ffffff09;border-color:#b8a1e64d;color:white}.btn.small{min-height:36px;padding:8px 16px}.btn.danger{background:#d7737e0c;border-color:#d7737e36;color:#e6a2aa;box-shadow:none}.btn:disabled{transform:none;box-shadow:none;cursor:not-allowed;filter:saturate(.4);opacity:.45}.btn:focus-visible,.tab:focus-visible{outline:2px solid #cebcff;outline-offset:4px}
.content{padding-top:32px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:25px;letter-spacing:-.9px;font-weight:600}.page-heading p{font-size:12px;color:#868b9e}.live-pill{border-radius:30px;background:#11171a;border-color:#7ba58e20;color:#a2b2ab;font-size:9px;padding:8px 12px}.hero{border-radius:27px;min-height:370px;padding:40px 42px;border:1px solid #b797ec26;background:radial-gradient(ellipse at 87% 15%,#6e4c7c35,transparent 52%),radial-gradient(ellipse at 52% 115%,#7460a323,transparent 60%),linear-gradient(110deg,#191621,#14121c);box-shadow:inset 0 1px 0 #ffffff05,0 20px 80px #0002}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#cab4f416 .6px,transparent .6px);background-size:8px 8px;opacity:.25;pointer-events:none}.hero h2{font-size:45px;line-height:1.16;letter-spacing:-2px;font-weight:650;margin:20px 0 17px}.hero h2 em{background-image:linear-gradient(95deg,#d5c1ff,#a993db)}.hero p{font-size:12px;line-height:1.9;color:#a49eaf;max-width:375px}.hero .eyebrow{background:#b8a2e70b;border-color:#c3a9f329;color:#bcacd4;border-radius:30px;padding:7px 11px;font-size:8px;letter-spacing:1.6px}.hero-actions{gap:12px}.hero-notes{color:#90879f;font-size:9px;margin-top:26px}.hero-art{top:15px;right:12px;height:340px}.core-logo{background:linear-gradient(145deg,#b4a0dd,#786094);box-shadow:7px 9px 0 #493c60,0 15px 80px #bb94ef23,inset 1px 1px 1px #e4d1ff99;border-radius:29px;transform:rotate(-12deg)}.float-tile{background:linear-gradient(135deg,#2a2336,#17131e);border-color:#87739845;border-radius:21px;box-shadow:0 15px 35px #0005,inset 0 1px 0 #ffffff08}.glow{background:#a17ac232;filter:blur(65px)}.orbit{border-color:#b493d827}.spark{color:#b7a1c9}.features{border:0;background:none;gap:12px;padding:0;margin:18px 0 34px}.feature{background:linear-gradient(130deg,#151721,#10131b);border:1px solid #ffffff09!important;padding:18px 14px;border-radius:17px;gap:11px}.feature-icon{width:36px;height:36px;background:#a185d310;border:1px solid #b8a1df10;border-radius:12px;color:#b7a1d3}.feature small{color:#7b8297;font-size:9px}.feature strong{font-size:11px;font-weight:550}.section-title h2{font-size:18px;font-weight:550;letter-spacing:-.5px}.text-link{color:#af9acb;font-size:11px;transition:color .2s}.text-link:hover{color:#e0ccff}.text-link svg{transition:translate .2s}.text-link:hover svg{translate:3px 0}.categories{gap:13px;margin-bottom:35px}.category-card{border-radius:20px;background:linear-gradient(135deg,#171a23,#11131b);border-color:#ffffff09;text-align:left;padding:20px;position:relative}.category-card:after{content:'↗';position:absolute;right:17px;top:15px;color:#555968;font-size:17px;transition:color .2s}.category-card:hover{background:linear-gradient(135deg,#221d2e,#14141e);border-color:#bba0e33b;transform:translateY(-4px)}.category-card:hover:after{color:#ceb7f2}.category-icon{margin:0 0 19px;width:42px;height:42px;border-radius:14px;opacity:.9}.category-card strong{font-weight:550}.category-card small{font-size:9px;line-height:1.5;color:#81879a;margin-top:5px}.catalog-toolbar{padding:8px;border:1px solid #ffffff08;background:#10131b;border-radius:17px;margin-bottom:16px}.tab{border-radius:30px;border-color:transparent;background:transparent;padding:8px 13px;color:#9196a9}.tab:hover{color:#d5c9eb;background:#ffffff05}.tab.active{background:#baa0ec14;color:#cbb4f1;border-color:#baa0ec22}.sort-select{border-radius:30px;background:#171923;border-color:#ffffff09;min-height:35px;font-size:10px}.empty-catalog{min-height:228px;border-radius:22px;border:1px dashed #8f7ba02f;background:radial-gradient(ellipse at 50% -15%,#6e53731b,transparent 65%),#10121a;padding:29px}.empty-icon{width:51px;height:51px;border-radius:17px;border-color:#b197d325;background:linear-gradient(145deg,#a285d615,#a285d606);color:#bca7dc;box-shadow:inset 0 1px 0 #d5c1f410}.empty-catalog h3{font-size:15px;letter-spacing:-.25px;color:#d8d6e0}.empty-catalog p{font-size:11px;line-height:1.8;color:#868a9e}.empty-catalog .btn{border-radius:30px;min-height:36px}.banners{gap:16px}.mini-banner{border-radius:22px;padding:26px;background:radial-gradient(ellipse at right,#7a547d1c,transparent),#15131d;border-color:#a18caf20}.mini-banner.green{background:radial-gradient(ellipse at right,#4e8d7f16,transparent),#111a1a;border-color:#75ae9e20}.mini-banner h3{font-weight:550;font-size:15px;letter-spacing:-.3px}.mini-banner p{color:#9790a6;line-height:1.8;font-size:11px}.mini-banner .banner-icon{color:#b99ace;width:51px;height:51px;opacity:.7}.footer{border-color:#ffffff09;font-size:10px;line-height:1.8;color:#757d90;margin-top:35px;padding-top:25px}.footer>span svg{width:15px;height:15px}.footer .socials{opacity:.65}
.panel{background:linear-gradient(140deg,#141720,#10131b);border-color:#ffffff0a;border-radius:22px;padding:26px}.panel h2{font-weight:550;letter-spacing:-.3px}.stat{border-radius:20px;background:radial-gradient(ellipse at top right,#8e6db017,transparent),#12151e;border-color:#ffffff0b}.stat strong{font-size:30px;letter-spacing:-1px}.stat svg{width:32px;height:32px;padding:6px;background:#a98ad711;border-radius:10px;color:#b29ccb}input,textarea,select{border-radius:13px;background:#0c0f16;border-color:#2a2b38;padding:12px 14px;min-height:44px}input:hover,textarea:hover,select:hover{border-color:#494051}input:focus,textarea:focus,select:focus{border-color:#a690c8;box-shadow:0 0 0 3px #a690c810}.field{margin-bottom:19px}label{font-size:11px;color:#aeb0c1}.notice{border-radius:15px;font-size:11px;line-height:1.8;background:#a17e4110;border-color:#a17e4129}.table-wrap{border:1px solid #ffffff07;border-radius:15px}th{background:#ffffff02;color:#969aaf;padding:14px;border-color:#ffffff07}td{padding:16px 14px;font-size:11px;border-color:#ffffff06}tr:hover td{background:#ffffff02}.status{border-radius:30px;padding:5px 9px}.admin-tabs{background:#10121a;padding:8px;border-radius:20px;border:1px solid #ffffff08}.admin-tabs .tab{border-radius:30px;min-height:38px}.auth-panel{padding:36px;max-width:460px;background:radial-gradient(ellipse at 100% 0,#a987e416,transparent 55%),#12141d;box-shadow:0 30px 90px #0004}.auth-panel h2{font-size:28px;letter-spacing:-1px}.auth-panel .btn{min-height:48px}.auth-panel .text-link{display:inline-flex}.modal{background:radial-gradient(ellipse at 100% 0,#6c517c1b,transparent 55%),#13151e;border-color:#b79cdc26;border-radius:25px;box-shadow:0 40px 140px #000a;padding:29px;animation:dialog-in .22s ease-out}.overlay{background:#03040bd9;backdrop-filter:blur(12px)}.modal-head h2{font-size:19px;font-weight:550;letter-spacing:-.4px}.toast{background:#1b1a25f5;border-color:#baa0e62b;border-radius:17px;display:flex;align-items:center;gap:11px;backdrop-filter:blur(16px);padding:15px 18px;box-shadow:0 15px 50px #0006}.toast svg{color:#b9a5d8;width:18px}.toast.error svg{color:#e2a0a8}.toast a{color:#d6bbff;font-size:11px;margin-left:auto;white-space:nowrap}.toast button{background:none;color:#8c849b;padding:0}.product{position:relative;border-radius:22px;background:#12151d;border-color:#ffffff0b}.product-art{height:150px;background:radial-gradient(ellipse at 50% 80%,#82659427,transparent 65%),#15151f}.product-art>svg{width:47px;height:47px;transition:transform .25s}.product:hover .product-art>svg{transform:scale(1.08)}.product-body{padding:20px}.product-body h3{font-weight:550;line-height:1.5}.product-bottom strong{font-size:20px;letter-spacing:-.6px}.product .save-product{position:absolute;top:11px;right:11px;z-index:2;border:1px solid #ffffff0b;background:#0d0d15a8;width:34px;height:34px;min-height:34px;min-width:34px;color:#8e859c}.save-product.saved{color:#cba7e1;border-color:#cba7e144}.save-product.saved svg{fill:#cba7e12a}.search-field{max-width:none;margin-bottom:16px}.search-field input{border-radius:35px;min-height:48px;padding-left:44px}.search-field>svg{top:14px;left:16px}.collection-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 20px}.toggle-pill{border:1px solid #ffffff0b;background:#12151f;border-radius:30px;min-height:36px;padding:8px 13px;font-size:10px;color:#969bb0;display:flex;align-items:center;gap:7px}.toggle-pill svg{width:13px;height:13px}.toggle-pill.on{border-color:#b69cc74d;background:#b69cc710;color:#d0bcdf}.collection-controls .text-link{margin-left:auto;background:none;min-height:36px}.journey{margin-top:36px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.journey-step{padding:25px;border:1px solid #ffffff09;border-radius:20px;background:#11131b;position:relative}.step-number{color:#b69ccf;font-size:10px;letter-spacing:1px}.journey-step>svg{float:right;color:#8b769e;width:21px}.journey-step h3{font-size:14px;font-weight:550;letter-spacing:-.25px;margin:21px 0 6px}.journey-step p{font-size:11px;line-height:1.8;color:#858b9e;margin:0;max-width:260px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;margin-top:40px;padding:32px;border-radius:24px;background:#11131b;border:1px solid #ffffff09}.faq-intro .eyebrow{background:none;border:0;padding:0;color:#ad96c8;font-size:8px}.faq-intro h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;font-weight:550;margin:14px 0}.faq-intro p{color:#858b9e;font-size:11px;line-height:1.8}.faq-section details{border-bottom:1px solid #ffffff08}.faq-section details:last-child{border:0}.faq-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#c7c5d2;padding:17px 0}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';color:#b49acc;font-size:17px;line-height:1}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:11px;line-height:1.9;color:#9398aa;margin:0 25px 18px 0}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.password-toggle{position:absolute;right:8px;top:5px;background:transparent;color:#b5a0cf;min-height:34px;border-radius:8px;padding:0 10px;font-size:10px}.password-toggle:hover{background:#ad8acb12}.palette-search{border-radius:14px;margin-bottom:18px}.palette-list{display:grid;gap:6px;max-height:45vh;overflow:auto}.palette-item{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #ffffff07;border-radius:13px;padding:13px;background:#ffffff02;color:#c6c2d2;min-height:48px}.palette-item:hover,.palette-item:focus{background:#b29cd913;border-color:#b29cd93b}.palette-item>svg{color:#ad96c6;width:18px}.palette-item small{color:#777e92;margin-left:auto;font-size:10px}.palette-list p{color:#9095a9;font-size:12px}.drawer-scrim{display:none}.line-item{border-color:#ffffff08}.total{letter-spacing:-.7px}.mobile-nav{border-color:#ffffff0c;background:#10121af5}.mobile-nav a.active{color:#d0b8e8}.mobile-nav a.active svg{filter:drop-shadow(0 0 6px #bd95dc33)}.busy{pointer-events:none}.btn.busy:after{content:'';width:12px;height:12px;border:2px solid #ffffff3a;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero-art{right:70px}.hero h2{font-size:49px}}@media(max-width:1200px){.hero h2{font-size:36px}.hero{padding:33px;min-height:350px}.hero-art{right:-45px}.feature{padding:15px 12px;gap:8px}.feature-icon{width:30px;height:30px}.feature small{font-size:8px}.category-card{padding:18px 14px}.category-card strong{font-size:10px}.features{gap:9px}}@media(max-width:1000px){.hero-art{right:-80px}.hero h2{font-size:33px}.feature strong{font-size:11px}.feature small{font-size:9px}.journey-step{padding:20px}.faq-section{gap:25px;padding:25px}.catalog-toolbar{align-items:center;flex-wrap:wrap}.category-card{padding:17px 11px}.category-card:after{right:10px}}
@media(max-width:760px){.mobile-toggle{display:inline-grid}.content{padding-top:23px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.7}.page-heading{margin-bottom:20px}.hero{border-radius:23px;padding:27px;min-height:355px}.hero-copy{width:76%}.hero h2{font-size:36px;letter-spacing:-1.6px}.hero p{font-size:11px;max-width:245px}.hero-art{right:-112px;top:30px;opacity:.55}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-actions{gap:9px;flex-wrap:wrap}.hero-actions .btn{min-height:43px;padding:10px 17px;font-size:10px}.hero-notes{font-size:8px;gap:13px;margin-top:22px}.features{gap:10px;margin-top:14px}.feature{border-radius:15px;padding:15px 10px;gap:8px}.feature-icon{width:28px;height:32px;flex-shrink:0}.feature-icon svg{width:17px}.feature strong{font-size:10px}.feature small{font-size:8px;line-height:1.5}.categories{grid-template-columns:repeat(5,145px);gap:10px}.category-card{padding:19px 17px;border-radius:18px}.category-card strong{font-size:11px}.category-card small{font-size:9px}.section-title h2{font-size:16px}.section-title .text-link{font-size:9px}.catalog-toolbar{border-radius:17px;gap:10px;padding:10px}.tabs{gap:3px}.tab{padding:8px 10px;font-size:9px;min-height:33px}.sort-select{max-width:none;width:auto;min-height:33px}.mini-banner{padding:23px}.mini-banner h3{font-size:14px}.journey-grid{grid-template-columns:1fr}.journey-step{padding:20px 23px}.journey-step h3{margin-top:12px}.journey-step p{max-width:100%}.faq-section{grid-template-columns:1fr;padding:24px;gap:15px;margin-top:28px;border-radius:22px}.faq-intro h2{font-size:24px}.faq-intro p{margin-bottom:0}.journey{margin-top:30px}.panel{border-radius:20px;padding:21px}.auth-panel{padding:26px}.modal{border-radius:23px;padding:24px 21px}.overlay{padding:12px}.btn{min-height:44px}.btn.small{min-height:38px}.sidebar.open+.drawer-scrim{display:block;position:fixed;inset:0;background:#000a;backdrop-filter:blur(3px);z-index:25}.sidebar.open{width:250px}.footer{font-size:9px;gap:16px}.footer .socials{display:none}.mobile-nav{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.mobile-nav a{font-size:9px;gap:6px}.product-body{padding:15px}.product-bottom{align-items:flex-start;gap:8px;flex-direction:column}.product-bottom .btn{width:100%}.product-art{height:125px}.header-search{padding:9px 12px}.top-actions .btn{min-height:37px}.collection-controls{gap:7px}.toast{font-size:11px}.faq-section summary{min-height:50px}.password-toggle{min-height:36px}.icon-btn{min-height:40px;min-width:40px}}
@media(max-width:420px){.hero-art{right:-146px;opacity:.38;pointer-events:none}.hero-copy{width:100%}.hero h2{font-size:34px}.hero p{max-width:250px}.hero-notes{font-size:7px}.live-pill{display:none}.page-heading h1{font-size:22px}.features .feature small{font-size:7px}.header-search kbd{display:none}.hero .eyebrow{font-size:6.8px}.footer>span svg{display:none}}
@media(prefers-reduced-motion:reduce){.modal,.btn.busy:after{animation:none}.btn,.category-card,.product-art>svg{transition:none}.btn:hover,.category-card:hover{transform:none}}
@media(max-width:420px){.hero-art{opacity:.24}.hero-art .t1,.hero-art .t3,.art-label{display:none}.journey .eyebrow{font-size:7px;letter-spacing:.5px;padding:5px 7px}.journey .section-title{gap:8px}}