@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Noto+Serif+SC:wght@400;500;600&family=Spectral:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}:root{color-scheme:dark;--bg: #111119;--bg-deep: #09090f;--panel: rgba(255, 255, 255, .045);--panel-strong: rgba(255, 255, 255, .075);--line: rgba(255, 255, 255, .105);--line-strong: rgba(234, 191, 86, .38);--text: #f6f1e9;--muted: rgba(244, 239, 230, .62);--dim: rgba(244, 239, 230, .42);--gold: #eabf56;--gold-deep: #c8a96e;--ink: #15151d;--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .05);--border-dim: rgba(255, 255, 255, .08);--radius: 8px;font-family:Hanken Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(39,39,60,.92),var(--bg) 32%,var(--bg-deep)),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 80px);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 12%,rgba(234,191,86,.7),transparent),radial-gradient(1px 1px at 88% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 22% 80%,rgba(255,255,255,.4),transparent);opacity:.5}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}html.al-no-bg,body.al-no-bg{background:transparent!important}body.al-no-bg:before{display:none!important}.story-skel{position:relative;width:100%;color:var(--text);background:transparent;height:100vh;height:100svh;overflow-y:auto;overflow-x:hidden}.story-skel-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:transparent;pointer-events:none}.story-skel-stage-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background-image:var(--story-stage-bg, url(/assets/stonelab/story/01.png));background-size:cover;background-position:center;background-repeat:no-repeat}.story-skel-stage-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.06);opacity:0;transition:opacity .65s ease;will-change:opacity}.story-skel-stage-video[data-active=true]{opacity:.86}.story-skel-stage-loop-bed{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .7s ease;will-change:opacity;pointer-events:none;background:radial-gradient(120% 120% at 50% 36%,#15151f,#0a0a11 55%,#06060b)}.story-skel-stage-loop-bed[data-active=true]{opacity:1}.story-skel-stage-loop{position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .7s ease;will-change:opacity}.story-skel-stage-loop[data-active=true]{opacity:1}.story-skel-stage-overlay{position:absolute;inset:0;z-index:4;background:radial-gradient(900px 520px at 50% 42%,#0000002e,#0000009e),linear-gradient(180deg,#000000c7,#0003 38%,#000000d1);transition:background .7s ease}.story-skel-stage[data-scene=loop] .story-skel-stage-overlay{background:radial-gradient(58% 56% at 50% 50%,#000000a8,#00000052 52%,#0000 78%),linear-gradient(180deg,#000000b8,#0000001f 40%,#000000b8)}@media(prefers-reduced-motion:reduce){.story-skel-stage-video{display:none}}.story-skel-hud{position:absolute;top:24px;z-index:5;display:grid;gap:7px;pointer-events:none}.story-skel-hud-left,.story-skel-hud-right{pointer-events:auto}.story-skel-hud-left{left:32px}.story-skel-hud-right{right:32px;text-align:right;justify-items:end}.story-skel-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.story-skel-ser{font-family:Spectral,serif}.story-skel-sc{font-family:"Noto Serif SC",Spectral,serif}.story-skel-brand{display:flex;align-items:center;gap:9px}.story-skel-brand-btn{pointer-events:auto;cursor:pointer;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left}.story-skel-brand-btn:hover .story-skel-brand-text{color:var(--text)}.story-skel-brand-btn:hover .story-skel-dot{box-shadow:0 0 10px #eabf5673}.story-skel-dot{width:13px;height:13px;border:1.5px solid var(--gold);border-radius:50%}.story-skel-brand-text{font-size:12px;font-weight:700;letter-spacing:5px;color:var(--text)}.story-skel-sub{font-size:9px;letter-spacing:.22em;line-height:1.5;color:#f4efe680}.story-skel[data-lang=zh] .story-skel-sub{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.12em;font-size:10px}.story-skel-chno{font-size:10.5px;letter-spacing:.3em;color:#eabf56e6;font-weight:700}.story-skel-chlabel{font-size:9px;letter-spacing:.18em;color:#f4efe67a}.story-skel-back{justify-self:start;margin-bottom:6px;pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#08080e52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4efe6cc;border-radius:999px;padding:7px 13px;font-weight:700;font-size:12px;letter-spacing:.02em}.story-skel-back:hover{border-color:#eabf5659;color:var(--text)}.story-skel-lang{justify-self:end;margin-bottom:6px;pointer-events:auto;cursor:pointer;border:1px solid rgba(234,191,86,.3);background:#08080e52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eabf56eb;border-radius:999px;padding:7px 13px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:12px;letter-spacing:.08em}.story-skel-lang:hover{border-color:#eabf5699;color:var(--gold)}.story-skel-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);text-align:center;z-index:5;opacity:.85}.story-skel-hint .story-skel-mono{font-size:10px;letter-spacing:.34em;color:#f4efe694}.story-skel-arrow{margin-top:9px;font-size:15px;color:#eabf56d9;animation:hintBob 1.8s ease-in-out infinite}.story-skel-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14;z-index:5}.story-skel-progress i{display:block;height:100%;background:linear-gradient(90deg,#c8a96e,#f0ce76);box-shadow:0 0 10px #eabf5666}.story-skel-content{position:relative;z-index:1;margin-top:-100vh;margin-top:-100svh;pointer-events:none}.story-skel-sec{min-height:112vh;min-height:112svh;display:grid;align-items:center;justify-items:center;padding:clamp(72px,10vh,120px) clamp(20px,6vw,88px);pointer-events:none}.story-skel-hero{min-height:100vh;min-height:100svh;text-align:center;align-content:center}.story-skel-inner{width:min(920px,100%);display:grid;align-items:center;justify-content:center;gap:clamp(24px,3.5vw,44px)}.story-skel-split-left .story-skel-inner{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(28px,4vw,56px)}.story-skel-split-right .story-skel-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(28px,4vw,56px)}.story-skel-plate{margin:0;flex:0 0 auto}.story-skel-plate-box{position:relative;width:clamp(132px,16vw,196px);aspect-ratio:4 / 5;border-radius:11px;border:1px solid rgba(234,191,86,.28);background:#ffffff05;background-size:cover;background-position:center;box-shadow:0 14px 40px #0000008c,0 0 0 1px #ffffff0a inset;overflow:hidden}.story-skel-plate-box[data-hasimg=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% 22%,#ffffff2e,#fff0 55%),linear-gradient(180deg,#0003,#0000008c);pointer-events:none}.story-skel-plate-cap{font-size:9px;letter-spacing:.2em;color:#f4efe673;margin-top:10px}.story-skel-copy{max-width:38em}.story-skel-copy-hero{max-width:min(36rem,92vw)}.story-skel-copy-hero .story-skel-h1{max-width:11em}.story-skel[data-lang=zh] .story-skel-copy-hero{max-width:min(40rem,92vw)}.story-skel[data-lang=zh] .story-skel-copy-hero .story-skel-h1{max-width:none}.story-skel[data-lang=zh] .story-skel-copy-hero .story-skel-p{max-width:26em}.story-skel-copy-center{max-width:36em}.story-skel-copy-split-left,.story-skel-copy-split-right{max-width:34em}.story-skel-copy-split-left{text-align:left}.story-skel-copy-split-right{text-align:right}.story-skel-copy-center,.story-skel-copy-hero,.story-skel-copy-close{text-align:center;margin:0 auto}.story-skel-eyebrow{margin:0 0 .35em;font-size:clamp(10px,1.1vw,11px);letter-spacing:.32em;color:var(--gold);text-transform:uppercase;line-height:1.5}.story-skel[data-lang=zh] .story-skel-eyebrow{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.14em;text-transform:none;font-weight:500}.story-skel-h1,.story-skel-h2{display:flex;flex-direction:column;gap:.14em;margin:0}.story-skel[data-lang=en] .story-skel-h1,.story-skel[data-lang=en] .story-skel-h2{text-wrap:balance}.story-skel[data-lang=zh] .story-skel-h1,.story-skel[data-lang=zh] .story-skel-h2,.story-skel[data-lang=zh] .story-skel-p,.story-skel[data-lang=zh] .story-skel-quote,.story-skel[data-lang=zh] .story-skel-quote-strong{text-wrap:pretty;line-break:strict;word-break:keep-all}@media(min-width:1366px){.story-skel[data-lang=zh] .story-skel-copy-hero .story-skel-h1{white-space:nowrap}}.story-skel-h1{font-family:"Noto Serif SC",Spectral,serif;font-weight:500;font-size:clamp(34px,6.8vw,76px);line-height:1.12;letter-spacing:.01em}.story-skel-h2{font-family:Spectral,"Noto Serif SC",serif;font-weight:300;font-size:clamp(24px,3.6vw,44px);line-height:1.22;letter-spacing:.01em}.story-skel[data-lang=zh] .story-skel-h1,.story-skel[data-lang=zh] .story-skel-h2{font-family:"Noto Serif SC",Spectral,serif;font-weight:500;letter-spacing:.04em}.story-skel[data-lang=zh] .story-skel-h2{font-weight:400;line-height:1.35}.story-skel-p{margin:.85em 0 0;font-family:Spectral,"Noto Serif SC",serif;font-style:italic;font-size:clamp(15px,1.85vw,20px);line-height:1.72;letter-spacing:.01em;color:#f4efe6c2;text-wrap:pretty;hanging-punctuation:first last}.story-skel-p:first-of-type{margin-top:.65em}.story-skel[data-lang=zh] .story-skel-p{font-family:"Noto Serif SC",Spectral,serif;font-style:normal;font-weight:400;font-size:clamp(15px,1.9vw,19px);line-height:1.85;letter-spacing:.06em;color:#f4efe6cc}.story-skel-p-stanza{display:flex;flex-direction:column;gap:.55em}.story-skel-line{display:block}.story-skel-copy-center .story-skel-p,.story-skel-copy-hero .story-skel-p,.story-skel-copy-close .story-skel-p{margin-left:auto;margin-right:auto}.story-skel-sec .story-skel-inner{opacity:0;transform:translateY(20px);filter:blur(8px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1)}.story-skel-sec[data-entered=true] .story-skel-inner{opacity:1;transform:none;filter:blur(0)}.story-skel-reveal{opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}.story-skel-sec[data-entered=true] .story-skel-reveal{opacity:1;transform:none;filter:blur(0)}.story-skel-close{margin-top:.5em;pointer-events:auto}.story-skel-quote{display:flex;flex-direction:column;gap:.18em;font-family:Spectral,"Noto Serif SC",serif;font-style:italic;font-size:clamp(17px,2.2vw,26px);line-height:1.65;letter-spacing:.01em;color:#f6f1e9e6;text-wrap:pretty}.story-skel[data-lang=zh] .story-skel-quote{font-family:"Noto Serif SC",Spectral,serif;font-style:normal;line-height:1.8;letter-spacing:.05em}.story-skel-quote-strong{margin-top:.85em;font-family:Spectral,"Noto Serif SC",serif;font-weight:600;font-size:clamp(20px,3vw,36px);line-height:1.35;letter-spacing:.01em;color:#f6f1e9fa;text-wrap:balance}.story-skel[data-lang=zh] .story-skel-quote-strong{font-family:"Noto Serif SC",Spectral,serif;font-weight:500;line-height:1.45;letter-spacing:.04em}.story-skel-ctaRow{margin-top:clamp(28px,4vh,40px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.story-skel-btn{cursor:pointer;border-radius:13px;font-weight:700;font-size:15px;padding:14px 22px}.story-skel-btn-primary{border:0;color:#1a1408;background:linear-gradient(135deg,#f0ce76,#c8a96e)}.story-skel-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#f6f1e9eb}.story-skel-home-link{display:block;margin:1.25em auto 0;padding:0;border:0;background:none;cursor:pointer;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.12em;color:#f4efe661;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f4efe638;transition:color .2s ease,text-decoration-color .2s ease}.story-skel-home-link:hover{color:#f4efe69e;text-decoration-color:#eabf5673}.story-skel[data-lang=zh] .story-skel-home-link{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.08em;font-size:12px}@media(max-width:1365px){.story-skel-hud-left{left:18px}.story-skel-hud-right{right:18px}.story-skel-sec{padding:clamp(64px,9vh,96px) clamp(18px,5vw,28px)}.story-skel-split-left .story-skel-inner,.story-skel-split-right .story-skel-inner{grid-template-columns:1fr;row-gap:clamp(20px,4vh,32px)}.story-skel-plate{justify-self:center}.story-skel-copy,.story-skel-copy-hero,.story-skel-copy-center,.story-skel-copy-split-left,.story-skel-copy-split-right{max-width:min(34em,100%);text-align:center}.story-skel-h1{font-size:clamp(30px,9vw,48px);line-height:1.16}.story-skel-h2{font-size:clamp(22px,6.2vw,32px);line-height:1.28}.story-skel[data-lang=zh] .story-skel-p{line-height:1.9;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){.story-skel-arrow{animation:none}.story-skel-sec .story-skel-inner{transition:none;opacity:1;transform:none;filter:none}}a{color:inherit;text-decoration:none}.site-shell,.report-shell,.checkout-shell{position:relative;z-index:1;min-height:100vh}.home-video-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(135% 95% at 50% -10%,#27273c,#1a1a28 38%,#101018 66%,#0b0b12)}.home-video-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.72}.home-video-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b12c7,#0b0b1294 38%,#0b0b12b8 72%,#0b0b12eb)}.home-shell{background:transparent;height:100vh;height:100svh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-color:rgba(234,191,86,.35) transparent;scrollbar-width:thin}.home-shell .topbar{position:fixed;top:0;left:50%;z-index:30;transform:translate(-50%);border-bottom:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar,.quiz-top{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:13px;font-weight:800;letter-spacing:5px}.brand.compact{letter-spacing:4px;font-size:12px}.brand-mark{width:15px;height:15px;border:1.5px solid var(--gold);border-radius:50%;box-shadow:0 0 14px #eabf5666;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.button,.lang-switch{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:999px;cursor:pointer;font-size:11px;font-weight:700;padding:4px 10px;transition:color .2s ease,border-color .2s ease}.lang-switch:hover{color:var(--text);border-color:#eabf5666}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.home-menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s ease}.home-menu-toggle:hover{color:var(--text)}.home-menu-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#08080cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:home-menu-in .22s ease;isolation:isolate}@keyframes home-menu-in{0%{opacity:0}to{opacity:1}}.home-menu-links{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:320px;text-align:center;position:relative;z-index:1}.home-menu-links a{color:var(--text);font-size:clamp(22px,5.5vw,28px);font-weight:400;letter-spacing:.02em;text-decoration:none;line-height:1.2}.home-menu-footer{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:12px;padding-top:28px;border-top:1px solid var(--line)}.home-menu-lang{font-size:12px;padding:6px 14px;position:relative;z-index:2;touch-action:manipulation}.home-menu-cta{width:100%;justify-content:center}.icon-button{border:1px solid var(--line);color:var(--text);background:var(--surface-strong);border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;transition:transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.button{display:inline-flex;align-items:center;gap:8px;padding:0 22px;font-weight:700;border-radius:12px;min-height:44px;font-size:15px}.button.small{min-height:38px;padding:0 17px;font-size:13px}.button.primary{border:0;color:#17120a;background:linear-gradient(135deg,#f0ce76,#c8a96e);box-shadow:0 14px 34px #eabf5638}.button.ghost{background:var(--surface)}.builder-shell .button.tool{min-height:40px;padding:0 16px;background:rgba(var(--tray-rgb),.11);border-color:rgba(var(--tray-rgb),.32)}.icon-hint-pulse{display:inline-flex;animation:icon-glow-pulse 1.8s ease-in-out infinite}.icon-hint-pulse svg{filter:drop-shadow(0 0 6px rgba(var(--tray-rgb),.7));animation:icon-scale-pulse 1.8s ease-in-out infinite}@keyframes icon-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes icon-scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.button:hover,.icon-button:hover{transform:translateY(-1px);border-color:#eabf5670}.button:disabled,.icon-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.icon-button{width:38px;height:38px;padding:0;flex:0 0 auto}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:3.5px;text-transform:uppercase}.hero{position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:min(1200px,calc(100% - 40px));min-height:100vh;min-height:100svh;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding:96px 0 118px}.hero h1,.report-hero h1,.checkout-copy h1,.quiz-step h1{font-family:Spectral,serif;font-size:clamp(48px,7vw,92px);line-height:.96;letter-spacing:0;font-weight:400;margin:18px 0 0}.hero h1{font-size:clamp(36px,4.5vw,56px);line-height:1.08}.hero-line{display:block;white-space:nowrap}.hero h1 span{color:#ead9a8;font-style:italic}.hero h1 .shine-text,.shine-text{color:transparent;background:linear-gradient(100deg,#c8a96e,#f3e4be 30%,#fff,#f3e4be 70%,#c8a96e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:al-shine 4.5s linear infinite}.hero p,.section-copy p,.element-readout p,.checkout-copy p{color:var(--muted);font-size:clamp(16px,1.6vw,18px);line-height:1.75;max-width:540px;margin:22px 0 0}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:30px}.hero-proof span{color:var(--gold);font-size:15px;letter-spacing:2px}.hero-proof small{color:#f4efe68c;font-size:13.5px}.hero-orbit,.report-ring,.summary-ring{--ring-size: 390px;--bead-size: 52px;--ring-r: 152px;position:relative;width:var(--ring-size);height:var(--ring-size);display:grid;place-items:center;margin:0 auto}.bracelet-ring{position:relative;width:100%;height:100%;animation:slow-spin 90s linear infinite}.bracelet-ring img,.summary-ring img{position:absolute;left:calc(50% - var(--bead-size) / 2);top:calc(50% - var(--bead-size) / 2);width:var(--bead-size);height:var(--bead-size);border-radius:50%;object-fit:cover;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transform:rotate(var(--angle)) translateY(calc(-1 * var(--ring-r))) rotate(calc(-1 * var(--angle)))}.orbit-label{position:absolute;display:grid;place-items:center;text-align:center;color:#ead9a8;font-family:Spectral,serif;font-style:italic;font-size:24px}.orbit-label small{color:var(--dim);font-family:Hanken Grotesk,sans-serif;font-size:10px;letter-spacing:3px;font-style:normal;text-transform:uppercase;margin-top:6px}.hero-stage{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);z-index:0;overflow:hidden;pointer-events:none;background:transparent}.hero-reserve{display:none}.hero-copy{position:relative;z-index:1}.hero-loop{position:absolute;inset:0}.hero-loop-label{z-index:2;text-shadow:0 2px 18px rgba(4,6,10,.7)}.hero-loop-glyph{width:44px;height:44px;margin-bottom:4px;filter:drop-shadow(0 0 12px currentColor)}.element-section,.steps-section,.receive-section,.faq-section,.final-cta,.closing-section,.site-footer{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:86px 0}.element-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;border-top:1px solid var(--line)}.section-copy h2,.section-heading h2,.faq-section h2,.final-cta h2{font-family:Spectral,serif;font-weight:400;font-size:clamp(32px,4vw,50px);line-height:1.08;margin:14px 0 0}.section-heading{max-width:640px;margin:0 auto;text-align:center}.section-heading h2 .heading-nowrap{white-space:nowrap}.compass-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(220px,1fr);gap:34px;align-items:center}.compass{position:relative;width:min(420px,100%);aspect-ratio:1;margin:0 auto}.compass>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#eabf5647;fill:none}.compass-core{position:absolute;inset:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border:none;border-radius:50%;display:grid;place-items:center;background:transparent}.compass-glyph{width:52px;height:52px;color:var(--gold);overflow:visible}.compass-glyph path,.scan-glyph path,.scan-rail-glyph path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.compass-glyph path{stroke-width:5}.element-node{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);padding:0;background:#22222e;cursor:pointer;display:grid;place-items:center;z-index:2;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.element-node:hover{transform:scale(1.18);box-shadow:0 0 0 8px color-mix(in srgb,var(--el, #eabf56) 30%,transparent),0 8px 24px #0006}.element-node.active{box-shadow:0 0 0 6px color-mix(in srgb,var(--el, #eabf56) 40%,transparent),0 12px 30px #00000080;transform:scale(1.12)}.element-node.active:hover{transform:scale(1.2);box-shadow:0 0 0 10px color-mix(in srgb,var(--el, #eabf56) 35%,transparent),0 14px 34px #0000008c}.element-node-glyph{width:30px;height:30px;opacity:.8;transition:opacity .35s ease;position:relative;z-index:1}.element-node:hover .element-node-glyph,.element-node.active .element-node-glyph{opacity:1}.compass-bead{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 18px color-mix(in srgb,var(--el, #eabf56) 40%,transparent),0 4px 12px #0006}.element-readout{border-left:1px solid var(--line);padding-left:28px;display:grid;justify-items:start}.element-readout h3{font-family:Spectral,serif;font-size:28px;font-weight:400;margin:12px 0 0}.element-scan-link{margin-top:20px;min-height:42px;border:1px solid rgba(234,191,86,.32);border-radius:999px;background:#eabf561a;color:var(--text);padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:800;font-size:14px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.element-scan-link:hover{transform:translateY(-1px);border-color:#eabf568c;background:#eabf5626}.scan-shell{--scan-accent: #c9d6e6;--scan-soft: rgba(201, 214, 230, .12);position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#04060a;color:#cdd6e2;font-family:JetBrains Mono,monospace}.scan-tint,.scan-moon,.scan-haze,.scan-canvas,.scan-vignette,.scan-lines,.scan-sweep{position:absolute;inset:0;pointer-events:none}.scan-tint{z-index:0;background:radial-gradient(120% 100% at 60% 47%,var(--scan-soft) 0%,rgba(255,255,255,.02) 38%,rgba(4,6,10,0) 72%);transition:background .8s ease}.scan-moon{z-index:0;transition:background .8s ease}.scan-haze{z-index:2;opacity:.5;mix-blend-mode:screen;transition:background .8s ease}.scan-canvas{z-index:1;width:100%;height:100%;display:block}.scan-vignette{z-index:2;background:radial-gradient(120% 120% at 50% 45%,transparent 52%,rgba(4,6,10,.55) 82%,rgba(4,6,10,.92) 100%)}.scan-lines{z-index:2;opacity:.5;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.scan-sweep{top:0;bottom:auto;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(190,210,230,.5),transparent);box-shadow:0 0 14px #bed2e659;animation:scan-sweep 9s linear infinite}.scan-brand{position:absolute;top:28px;left:38px;z-index:6;display:grid;gap:9px}.scan-sound-btn{position:absolute;top:24px;right:38px;z-index:6;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(205,214,226,.22);border-radius:50%;background:#0a0e148c;color:#cdd6e2b8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.scan-sound-btn:hover{border-color:#cdd6e26b;color:#eef3f8;background:#141a22b8}.scan-sound-btn.is-on{border-color:color-mix(in srgb,var(--scan-accent, #c9d6e6) 55%,transparent);color:var(--scan-accent, #c9d6e6);box-shadow:0 0 14px color-mix(in srgb,var(--scan-accent, #c9d6e6) 22%,transparent)}.scan-sound-btn:focus-visible{outline:2px solid rgba(205,214,226,.45);outline-offset:2px}.scan-readout{position:absolute;top:30px;right:42px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:JetBrains Mono,monospace}.scan-readout strong{color:var(--scan-accent);font-size:10.5px;letter-spacing:.3em}.scan-readout small{color:#cdd6e252;font-size:9px;letter-spacing:.2em}@media(max-width:1365px){.scan-readout{display:none}}.scan-hero{position:absolute;z-index:6;top:16%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;width:min(90%,560px)}.scan-hero-inner{animation:el-in .85s cubic-bezier(.22,1,.36,1) both}.scan-hero h1{color:color-mix(in srgb,var(--scan-accent) 66%,transparent);font-family:Spectral,serif;font-size:clamp(22px,2.8vw,38px);font-weight:300;letter-spacing:.34em;line-height:1.2;transition:opacity 1.2s ease}.scan-interp{margin:24px 0 0;min-height:3.6em;display:flex;align-items:center;justify-content:center;transition:opacity 1.2s ease}.scan-interp p{margin:0;color:#cdd6e2ad;font-family:Spectral,serif;font-weight:300;font-size:clamp(14px,1.5vw,20px);letter-spacing:.04em;line-height:1.6;max-width:520px;animation:interp-in .9s cubic-bezier(.22,1,.36,1) both}@keyframes interp-in{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.scan-hint{margin:0 0 4px;font-family:Spectral,serif;font-size:11px;letter-spacing:.24em;color:#cdd6e261;transition:opacity 1.2s ease}.scan-side{border:1px solid rgba(205,214,226,.16);border-radius:50%;background:#0a0e1466;color:#cdd6e2cc;cursor:pointer;display:grid;place-items:center;font-family:JetBrains Mono,monospace;line-height:1;transition:border-color .25s ease,background .25s ease,color .25s ease}.scan-side{position:absolute;z-index:6;top:50%;width:52px;height:52px;transform:translateY(-50%);font-size:26px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scan-side.prev{left:26px}.scan-side.next{right:26px}.scan-side:hover{border-color:#cdd6e266;background:#141a22b8;color:#eef3f8}.scan-bottom{position:absolute;z-index:6;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px}.scan-rail{display:flex;align-items:center;gap:16px}.scan-rail button{padding:5px 4px;border:0;background:transparent;color:#cdd6e280;cursor:pointer}.scan-rail button{display:grid;justify-items:center;gap:5px;opacity:.42;transition:opacity .35s ease,transform .35s ease}.scan-rail button.active{opacity:1;transform:translateY(-2px)}.scan-rail-glyph{width:24px;height:24px;color:#cdd6e2;overflow:visible;opacity:.7}.scan-rail-glyph path{stroke-width:5}.scan-rail button small{color:#cdd6e280;font-size:8px;letter-spacing:.16em}.scan-rail button i{width:5px;height:5px;border-radius:50%;background:#cdd6e247}.scan-rail button.active .scan-rail-glyph,.scan-rail button.active small{color:var(--scan-item-accent)}.scan-rail button.active .scan-rail-glyph{opacity:1;filter:drop-shadow(0 0 10px var(--scan-item-accent))}.scan-rail button.active i{background:var(--scan-item-accent);box-shadow:0 0 8px var(--scan-item-accent)}.scan-counter{position:absolute;bottom:36px;left:42px;z-index:6;display:flex;align-items:baseline;font-family:JetBrains Mono,monospace}.scan-counter strong{color:#eef3f8;font-size:26px}.scan-counter span{color:#cdd6e266;font-size:12px;margin-left:6px}.scan-cta{min-height:42px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700;letter-spacing:.12em;border:1px solid color-mix(in srgb,var(--scan-accent) 50%,transparent);background:color-mix(in srgb,var(--scan-accent) 9%,transparent);color:var(--scan-accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .25s ease,background .25s ease,transform .25s ease}.scan-cta:hover{transform:translateY(-1px);background:#ffffff1c}.cosmos-shell{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:#04060a;color:#e7edf6;font-family:JetBrains Mono,monospace}.cosmos-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.cosmos-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.cosmos-overlay>*{pointer-events:auto}.cosmos-brand{position:absolute;top:28px;left:38px}.cosmos-mode{position:absolute;top:26px;right:30px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(205,214,226,.28);background:#0e121a80;color:#e6edf6cc;font-family:inherit;font-size:11px;letter-spacing:.18em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s ease,border-color .25s ease}.cosmos-mode:hover{background:#1a2230b3;border-color:#cdd6e280}.cosmos-hero{position:absolute;top:15%;left:50%;transform:translate(-50%);width:min(92%,620px);text-align:center;pointer-events:none}.cosmos-hero-inner{animation:el-in .8s cubic-bezier(.22,1,.36,1) both}.cosmos-hero h1{margin:0;font-family:Spectral,serif;font-weight:300;font-size:clamp(24px,3vw,40px);letter-spacing:.3em;line-height:1.2;color:var(--c, #dbe6f2);text-shadow:0 0 36px color-mix(in srgb,var(--c, #aab8cc) 45%,transparent)}.cosmos-overview-title{color:#dbe6f2!important;text-shadow:0 0 36px rgba(170,184,204,.4)!important}.cosmos-tagline{margin:18px auto 0;max-width:30em;font-family:Spectral,serif;font-style:italic;font-weight:300;font-size:clamp(13px,1.4vw,17px);line-height:1.7;color:#d6dfec99}.cosmos-traits{margin-top:14px;font-size:11px;letter-spacing:.28em;color:#d6dfec73}.cosmos-bottom{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.cosmos-zoomout{border:0;background:transparent;cursor:pointer;color:#d6dfec99;font-family:inherit;font-size:10.5px;letter-spacing:.26em;transition:color .25s ease}.cosmos-zoomout:hover{color:#eef3f8}.cosmos-rail{display:flex;align-items:center;gap:18px}.cosmos-rail button{display:grid;justify-items:center;gap:5px;padding:5px 4px;border:0;background:transparent;cursor:pointer;opacity:.42;transition:opacity .35s ease,transform .35s ease}.cosmos-rail button.active{opacity:1;transform:translateY(-2px)}.cosmos-rail-glyph{width:24px;height:24px;color:#cdd6e2;opacity:.7;overflow:visible}.cosmos-rail-glyph path{stroke-width:5}.cosmos-rail button small{font-size:8px;letter-spacing:.16em;color:#cdd6e280}.cosmos-rail button i{width:5px;height:5px;border-radius:50%;background:#cdd6e247}.cosmos-rail button.active .cosmos-rail-glyph,.cosmos-rail button.active small{color:var(--c)}.cosmos-rail button.active .cosmos-rail-glyph{opacity:1;filter:drop-shadow(0 0 10px var(--c))}.cosmos-rail button.active i{background:var(--c);box-shadow:0 0 8px var(--c)}.cosmos-cta{min-height:42px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.12em;border:1px solid rgba(220,230,245,.5);background:#ffffff12;color:#e7edf6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease}.cosmos-cta:hover{transform:translateY(-1px);background:#ffffff21}@media(max-width:1365px){.cosmos-brand{top:20px;left:22px}.cosmos-mode{top:18px;right:20px}.cosmos-hero{top:12%}.cosmos-rail{gap:12px}}.steps-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100svh;display:grid;align-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff05;width:100%;padding-left:max(20px,calc((100vw - 1200px)/2));padding-right:max(20px,calc((100vw - 1200px)/2))}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(36px,5vw,60px)}.step-item,.receive-card,.report-grid article,.summary-panel,.library-panel,.order-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.step-item{padding:22px}.step-item span,.receive-card span{font-family:Spectral,serif;color:var(--gold);font-size:22px;font-style:italic}.step-item h3,.receive-card h3,.element-readout h3{color:var(--text)}.step-item h3,.receive-card h3{font-family:Spectral,serif;font-weight:400;margin:16px 0 0}.step-item p,.receive-card p,.testimonial-card blockquote,.report-grid p,.summary-panel p,.package-preview span{color:var(--muted);line-height:1.65}.receive-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100svh;display:grid;align-content:center;border-top:0}.receive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;justify-content:center;margin-top:48px}.receive-card{padding:30px}.receive-card span{font-size:30px}.receive-card h3{font-size:23px;margin-top:10px}.receive-card p{font-size:14.5px;margin:10px 0 0}.testimonials-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100svh;display:grid;align-items:center;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff05}.testimonial-grid{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:clamp(52px,7vw,90px) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.testimonial-card{margin:0}.testimonial-card div{color:var(--gold);font-size:14px;letter-spacing:2px}.testimonial-card blockquote{font-family:Spectral,serif;font-style:italic;font-size:19px;color:#f0ebe1;margin:12px 0 14px}.testimonial-card figcaption{color:#f4efe680;font-size:13px}.faq-section{width:min(760px,calc(100% - 40px));border-top:0}.closing-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(360px,1fr);grid-template-rows:1fr auto;align-items:center;gap:clamp(32px,6vw,70px)}.closing-section .faq-section,.closing-section .final-cta{width:auto;padding:0}.closing-section .section-heading{margin:0;text-align:left}.closing-section .site-footer{grid-column:1 / -1;width:100%;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.07)}.faq-list{display:grid;gap:12px;margin-top:38px}details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);line-height:1.65}.final-cta{padding-top:0}.final-cta-card{position:relative;overflow:hidden;border:1px solid rgba(234,191,86,.22);border-radius:var(--radius);background:radial-gradient(120% 140% at 50% -20%,#eabf5629,#ffffff05 55%);padding:clamp(44px,7vw,84px) 24px;text-align:center}.final-cta h2{font-size:clamp(32px,5vw,56px);line-height:1.1;max-width:640px;margin-left:auto;margin-right:auto}.final-cta h2 span{color:transparent;background:linear-gradient(100deg,#c8a96e,#f3e4be 30%,#fff,#f3e4be 70%,#c8a96e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:al-shine 4.5s linear infinite}.final-cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.final-cta p{color:#f4efe680;font-size:13px;margin:18px 0 0}.site-footer{width:100%;padding:34px 0;padding-left:max(20px,calc((100vw - 1200px)/2));padding-right:max(20px,calc((100vw - 1200px)/2));border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:18px}.site-footer p{color:#f4efe666;font-size:12.5px;line-height:1.6;margin:0;text-align:right}.quiz-shell{display:flex;flex-direction:column;height:100dvh;height:100svh;min-height:100dvh;overflow:hidden;position:relative;z-index:1;color:#f6f1e9;font-family:Hanken Grotesk,system-ui,sans-serif;background:radial-gradient(130% 100% at 50% 30%,#0b0e16,#06080e 45%,#04060a)}html:has(.quiz-shell),html:has(.quiz-shell) body{overflow:hidden;height:100%}.quiz-skip-link{position:fixed;left:50%;bottom:clamp(18px,3vh,28px);transform:translate(-50%);z-index:10;margin:0;padding:0;border:0;background:none;cursor:pointer;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;color:#f4efe657;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f4efe62e;white-space:nowrap;transition:color .2s ease,text-decoration-color .2s ease}.quiz-skip-link:hover{color:#f4efe694;text-decoration-color:#eabf5666}.quiz-shell[data-lang=zh] .quiz-skip-link{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.06em;font-size:12px}.quiz-skip-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#04060ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-skip-modal-panel{width:min(400px,100%);padding:clamp(22px,4vw,28px);border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(120% 120% at 50% 0%,rgba(234,191,86,.08),transparent 55%),linear-gradient(180deg,#12121cfa,#0a0a10fa);box-shadow:0 24px 64px #0000008c}.quiz-skip-modal-title{margin:0;font-family:Spectral,"Noto Serif SC",serif;font-size:clamp(20px,3.2vw,24px);font-weight:500;line-height:1.3;color:#f6f1e9}.quiz-shell[data-lang=zh] .quiz-skip-modal-title{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.04em}.quiz-skip-modal-body{margin:12px 0 0;font-size:14px;line-height:1.7;color:#f4efe6ad}.quiz-shell[data-lang=zh] .quiz-skip-modal-body{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.03em;line-height:1.85}.quiz-skip-modal-actions{margin-top:22px;display:flex;gap:10px;justify-content:flex-end}.quiz-skip-modal-btn{cursor:pointer;border-radius:11px;font-weight:700;font-size:14px;padding:11px 16px;font-family:inherit;transition:border-color .2s ease,background .2s ease,color .2s ease}.quiz-skip-modal-btn-ghost{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f4efe6d1}.quiz-skip-modal-btn-ghost:hover{border-color:#ffffff3d;color:#f6f1e9}.quiz-skip-modal-btn-primary{border:0;color:#1a1408;background:linear-gradient(135deg,#f0ce76,#c8a96e)}.quiz-skip-modal-btn-primary:hover{filter:brightness(1.04)}.quiz-top{position:sticky;top:0;z-index:4;flex-shrink:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04060abf;border-bottom:1px solid rgba(255,255,255,.06)}.quiz-back-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:#e8e4dcb8;cursor:pointer;transition:border-color .2s ease,color .2s ease}.quiz-back-btn:hover{border-color:#eabf5666;color:#f6f1e9}.quiz-progress{flex:1;display:flex;justify-content:center;align-items:center;gap:4px}.quiz-progress-dot{width:8px;height:3px;border-radius:999px;background:#ffffff26;transition:all .3s ease}.quiz-progress-dot.active{width:24px;background:#eabf56}.quiz-top-actions{display:flex;align-items:center;gap:12px}.quiz-content{flex:1;min-height:0;display:flex;flex-direction:column;width:min(560px,calc(100% - 40px));max-width:560px;margin:0 auto;padding:clamp(14px,2.6vh,24px) 0 calc(clamp(34px,5vh,48px) + env(safe-area-inset-bottom,0px));overflow:hidden}.quiz-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);animation:quiz-step-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes quiz-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quiz-stage{animation:none}}.quiz-step-title{flex-shrink:0;font-family:Spectral,"Noto Serif SC",serif;font-weight:400;font-size:clamp(20px,4.6vw,30px);margin:0;line-height:1.28}.quiz-step-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(234,191,86,.3) transparent}.quiz-shell[data-lang=zh] .quiz-step-title{font-family:"Noto Serif SC",Spectral,serif;letter-spacing:.02em}.quiz-step-body{width:100%;display:flex;flex-direction:column;gap:clamp(12px,1.8vh,18px);padding:2px 2px clamp(6px,1.4vh,12px)}.quiz-step-hint{flex-shrink:0;color:#e8e4dc85;font-size:clamp(12px,3vw,14px);margin:0 0 clamp(2px,.4vh,6px);line-height:1.45}.quiz-step-hint.lead{color:#e8e4dc9e;font-size:clamp(13px,3.2vw,14px);margin-bottom:clamp(4px,.8vh,8px)}.quiz-options-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:clamp(9px,1.4vh,12px)}.quiz-options-list{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,11px)}.quiz-options-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.2vh,10px)}.quiz-opt{position:relative;box-sizing:border-box;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f6f1e9;font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .1s ease,opacity .2s ease}.quiz-opt:active{transform:scale(.985)}.quiz-opt.selected{border-color:#eabf56;background:#eabf561a}.quiz-opt.is-dim{opacity:.4}.quiz-opt-list{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:clamp(13px,1.9vh,16px) clamp(15px,4vw,18px);border-radius:12px;font-size:clamp(14px,3.5vw,15px);line-height:1.4}.quiz-opt-cards{display:flex;align-items:center;gap:12px;text-align:left;padding:clamp(14px,1.9vh,17px) clamp(15px,3.4vw,18px);border-radius:14px}.quiz-opt-cards strong{font-size:clamp(14px,3.6vw,15.5px);font-weight:700}.quiz-opt-desc{display:block;font-size:clamp(11.5px,2.9vw,12.5px);color:#e8e4dc8c;margin-top:4px;line-height:1.4;font-weight:400}.quiz-opt-tags{width:100%;min-height:clamp(40px,5.5vh,44px);display:flex;align-items:center;justify-content:center;border-radius:12px;padding:clamp(10px,1.3vh,12px) clamp(10px,2.8vw,12px);font-size:clamp(13px,3.2vw,14px);line-height:1.3;text-align:center;white-space:normal}.quiz-opt-body{flex:1;min-width:0}.quiz-opt-check{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#1a1408;transition:background .2s ease,border-color .2s ease}.quiz-opt.selected .quiz-opt-check{background:#eabf56;border-color:#eabf56}.quiz-field{width:100%;box-sizing:border-box;padding:clamp(13px,1.8vh,15px) clamp(14px,2.4vw,16px);border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f6f1e9;font-size:16px;outline:none;font-family:inherit}.quiz-shell input:not([type=checkbox]),.quiz-shell select{min-height:0;font-size:16px}.quiz-field:focus,.quiz-field.active{border-color:#eabf5673;background:#eabf560f}.quiz-progress-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ffffff14}.quiz-progress-bar i{display:block;height:100%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#f0ce76,#c8a96e);box-shadow:0 0 8px #eabf5673;transition:width .45s cubic-bezier(.22,1,.36,1)}.quiz-progress-counter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.16em;color:#e8e4dc80;pointer-events:none}.quiz-step-foot{flex-shrink:0;display:flex;flex-direction:column;gap:clamp(10px,1.4vh,14px);padding-top:clamp(10px,1.6vh,16px)}.quiz-btn-next{margin-top:0;width:100%;padding:clamp(14px,1.9vh,16px);border-radius:12px;border:none;font-weight:700;font-size:clamp(14px,3.4vw,15px);font-family:inherit;cursor:pointer;transition:opacity .2s ease}.quiz-btn-next:not(:disabled){background:linear-gradient(135deg,#f0ce76,#c8a96e);color:#1a1408}.quiz-btn-next:disabled{background:#ffffff14;color:#ffffff4d;cursor:not-allowed}.quiz-step-body.is-birth{gap:clamp(14px,2vh,20px)}.quiz-birth-field label{display:block;font-size:12px;color:#e8e4dc80;margin-bottom:clamp(6px,.8vh,8px);font-weight:600}.quiz-birth-date-row{display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:clamp(7px,1vh,10px)}.quiz-birth-date-row .quiz-field{padding-left:clamp(10px,2.4vw,12px);padding-right:clamp(24px,5vw,28px);text-align:center;text-align-last:center;appearance:none;background-color:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='rgba(232%2C228%2C220%2C0.45)' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right clamp(10px,2.4vw,12px) center;background-size:10px 6px}.quiz-birth-date-row .quiz-field:focus{background-color:#eabf560f}.quiz-birth-seg{display:flex;gap:clamp(7px,1vh,10px);margin-bottom:clamp(8px,1vh,10px)}.quiz-birth-seg button{flex:1;padding:clamp(9px,1.2vh,11px) 6px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f6f1e9;cursor:pointer;font-size:clamp(11px,2.8vw,12px);font-family:inherit;line-height:1.25}.quiz-birth-seg button.selected{border-color:#eabf56;background:#eabf561a}.quiz-birth-note{font-size:12px;color:#e8e4dc6b;margin:0;line-height:1.35}@media(max-height:700px){.quiz-content{padding-top:clamp(8px,1.4vh,12px)}.quiz-stage{gap:clamp(8px,1.4vh,14px)}.quiz-step-body{gap:clamp(8px,1.2vh,12px)}.quiz-options-cards,.quiz-options-list,.quiz-options-tags{gap:clamp(7px,1vh,10px)}.quiz-opt-list{padding:clamp(11px,1.4vh,13px) clamp(13px,3vw,15px)}.quiz-opt-cards{padding:clamp(11px,1.4vh,14px) clamp(13px,3vw,15px)}.quiz-step-foot{gap:clamp(8px,1.1vh,11px);padding-top:clamp(8px,1.2vh,12px)}.quiz-step-title{font-size:clamp(18px,4.2vw,24px)}}@media(max-width:1365px){.quiz-top{width:calc(100% - 32px);padding:10px 0 12px}.quiz-content{width:calc(100% - 28px);max-width:none;padding:clamp(10px,1.8vh,16px) 0 calc(clamp(40px,5.5vh,48px) + env(safe-area-inset-bottom,0px))}.quiz-stage{gap:clamp(10px,1.8vh,16px)}.quiz-step-title{font-size:clamp(20px,5.2vw,26px);line-height:1.25}.quiz-step-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.quiz-step-body{gap:clamp(10px,1.6vh,14px);padding:0 0 2px}.quiz-step-hint{margin:0;font-size:clamp(12px,3vw,13px)}.quiz-step-hint.lead{margin:0;font-size:clamp(12px,3.1vw,13px)}.quiz-step-foot{gap:clamp(10px,1.4vh,12px);padding-top:clamp(4px,.8vh,8px)}.quiz-options-list{gap:clamp(7px,1.1vh,9px)}.quiz-opt-list{padding:clamp(11px,1.5vh,13px) clamp(14px,3.6vw,16px);font-size:clamp(13px,3.3vw,14px);line-height:1.35;border-radius:11px}.quiz-options-cards{grid-template-columns:1fr 1fr;gap:clamp(8px,1.2vh,10px)}.quiz-opt-cards{padding:clamp(11px,1.5vh,13px) clamp(11px,3vw,14px);border-radius:12px}.quiz-opt-cards strong{font-size:clamp(13px,3.3vw,14px);line-height:1.28}.quiz-opt-desc{font-size:clamp(11px,2.7vw,11.5px);margin-top:3px;line-height:1.35}.quiz-options-tags{gap:clamp(7px,1vh,9px)}.quiz-opt-tags{min-height:38px;padding:9px 10px;font-size:clamp(12.5px,3.2vw,13.5px)}.quiz-step-body.is-birth{gap:clamp(12px,1.6vh,14px)}.quiz-birth-field label{margin-bottom:6px;font-size:11px}.quiz-birth-seg{gap:7px;margin-bottom:8px}.quiz-birth-seg button{padding:clamp(8px,1.1vh,10px) 5px;font-size:clamp(11px,2.7vw,12px)}.quiz-field{padding:clamp(11px,1.5vh,13px) clamp(13px,3.4vw,15px)}.quiz-btn-next{padding:clamp(13px,1.7vh,15px);font-size:clamp(14px,3.4vw,15px)}.quiz-skip-link{bottom:calc(clamp(14px,2.2vh,20px) + env(safe-area-inset-bottom,0px))}}@media(max-width:1365px)and (max-height:700px){.quiz-top{padding:8px 0 10px}.quiz-content{padding-top:8px;padding-bottom:calc(clamp(38px,5vh,44px) + env(safe-area-inset-bottom,0px))}.quiz-stage{gap:8px}.quiz-step-title{font-size:clamp(18px,4.8vw,22px)}.quiz-step-body{gap:8px}.quiz-options-list{gap:6px}.quiz-opt-list{padding:10px 13px;font-size:12.5px}.quiz-options-cards{gap:7px}.quiz-opt-cards{padding:10px}.quiz-options-tags{gap:6px}.quiz-opt-tags{min-height:36px;padding:8px 9px;font-size:12px}.quiz-step-foot{gap:8px;padding-top:4px}}.progress{flex:1;max-width:520px;height:4px;background:#ffffff1a;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#f0ce76,#c8a96e);transition:width .3s ease}.quiz-panel{width:min(590px,calc(100% - 40px));margin:42px auto 0;padding-bottom:60px}.quiz-step h1{font-size:clamp(32px,7vw,48px);line-height:1.08}.quiz-step p{color:var(--muted);line-height:1.65;margin:12px 0 26px}label{display:grid;gap:8px;color:var(--muted);font-weight:700;font-size:13px;margin-top:16px}input{width:100%;min-height:48px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0e;color:var(--text);padding:0 14px;outline:none}input:focus{border-color:var(--line-strong)}.form-grid,.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.segmented{grid-template-columns:repeat(3,1fr);margin:18px 0 6px}.segmented button,.chip,.pill,.tabs button{border:1px solid var(--line);background:#ffffff0a;color:var(--text);border-radius:var(--radius);min-height:42px;cursor:pointer}.segmented button.selected,.chip.selected,.pill.selected,.tabs button.active{border-color:var(--line-strong);background:#eabf5626}.chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chip{text-align:left;padding:14px;display:flex;align-items:center;gap:10px}.chip span{width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(255,255,255,.35)}.chip.selected span{border-color:var(--gold);background:var(--gold)}.chip-label{color:var(--muted);font-weight:700;font-size:13px;margin:24px 0 10px}.chip-row{display:flex;flex-wrap:wrap;gap:9px}.pill{padding:0 16px}.quiz-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;align-items:center;margin-top:32px}.report-top{border-bottom:1px solid var(--line)}.report-hero{width:min(820px,calc(100% - 40px));margin:0 auto;text-align:center;padding:64px 0 36px}.report-hero h1{font-size:clamp(42px,7vw,68px)}.report-ring{--ring-size: 310px;--bead-size: 44px;--ring-r: 122px;margin:28px auto}.report-grid{width:min(1000px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:70px}.report-grid article{padding:26px}.report-grid article.wide{grid-column:1 / -1}.serif-copy{font-family:Spectral,serif;font-size:20px;color:var(--text)!important}.blend-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.blend-cell{border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;gap:7px}.blend-cell span,.balance-row>span{width:9px;height:9px;border-radius:50%}.blend-cell b{font-family:Spectral,serif;font-size:28px}.stone-list{display:grid;gap:12px;margin-top:14px}.stone-row{display:flex;gap:12px;align-items:center}.stone-row img{width:54px;height:54px;border-radius:50%;object-fit:cover}.stone-row span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.report-grid h2{font-family:Spectral,serif;font-size:32px;font-weight:400;margin:12px 0}.report-grid small,.summary-panel small{color:var(--dim);line-height:1.55}.report-v2>canvas{z-index:0}.report-v2>header,.report-v2>section{position:relative;z-index:1}.report-v2-hero{width:min(760px,calc(100% - 40px));margin:0 auto;text-align:center;padding:clamp(38px,8vh,84px) 0 30px}.report-v2 .report-tagline{font-family:Spectral,serif;font-weight:300;font-style:italic;font-size:clamp(38px,6.6vw,72px);line-height:1.06;letter-spacing:0;color:var(--text);margin:14px 0 0;text-shadow:0 0 44px rgba(234,191,86,.18)}.report-v2 .report-lede{color:var(--muted);font-size:clamp(15px,1.7vw,18px);line-height:1.72;max-width:560px;margin:20px auto 0}.report-blend{max-width:440px;margin:30px auto 0;display:grid;gap:11px}.report-blend-row{display:grid;grid-template-columns:12px 58px 1fr 42px;gap:10px;align-items:center;opacity:0;animation:reportFade .6s ease forwards}.report-blend-dot{width:9px;height:9px;border-radius:50%}.report-blend-name{font-size:13px;color:var(--text);text-align:left}.report-blend-bar{height:6px;border-radius:999px;background:#ffffff17;overflow:hidden}.report-blend-bar i{display:block;height:100%;border-radius:inherit;transform-origin:left;animation:barIn .9s cubic-bezier(.22,1,.36,1) both;animation-delay:.6s}.report-blend-pct{font-family:JetBrains Mono,monospace;font-size:12px;text-align:right;color:var(--text)}.report-cta{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:12px}.report-build{font-size:16px;padding:16px 30px}.report-cta-note{color:var(--dim);font-size:13px}.report-cta-note em{color:var(--gold-deep);font-style:italic}.report-cards{width:min(1000px,calc(100% - 40px));margin:12px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.report-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.report-card .eyebrow{color:var(--gold)}.report-elements{display:grid;gap:16px;margin-top:16px}.report-element-row{display:flex;gap:13px;align-items:flex-start}.report-element-glyph{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid;display:grid;place-items:center;font-family:"Noto Serif SC",Spectral,serif;font-size:18px}.report-element-row strong{display:flex;flex-direction:column;color:var(--text);font-size:15px}.report-element-role{font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:3px;font-weight:500}.report-element-row>div>span{color:var(--muted);font-size:13.5px;line-height:1.5;margin-top:6px;display:block}.report-need{margin-top:16px;color:var(--gold-deep);font-size:14px}.report-closer{width:min(1000px,calc(100% - 40px));margin:28px auto;padding:36px 0 80px;display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:clamp(24px,5vw,60px);align-items:center}.report-glimpse{margin:0 auto}.report-closer-name{font-family:Spectral,serif;font-weight:400;font-size:clamp(30px,4vw,44px);margin:8px 0 0;color:var(--text)}.report-closer-blessing{color:var(--muted);font-size:16px;line-height:1.72;margin:16px 0 24px;max-width:460px}.report-disclaimer{display:block;color:var(--dim);font-size:11.5px;line-height:1.55;margin-top:18px;max-width:460px}@keyframes reportFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes barIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal-in{opacity:0;animation:reportFade .7s cubic-bezier(.22,1,.36,1) forwards}@media(max-width:860px){.report-cards{grid-template-columns:1fr}.report-closer{grid-template-columns:1fr;text-align:center;padding-bottom:64px}.report-closer-blessing,.report-disclaimer{margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){.reveal-in,.report-blend-row,.report-blend-bar i{animation:none;opacity:1;transform:none}}.builder-shell{position:relative;z-index:1;height:100vh;height:100svh;overflow:hidden;--line-strong: rgba(var(--tray-rgb), .38);background:radial-gradient(120% 80% at 50% -8%,color-mix(in srgb,var(--tray-accent) 14%,var(--bg) 86%) 0%,color-mix(in srgb,var(--tray-accent) 4%,var(--bg) 96%) 48%,var(--bg-deep) 100%)}.builder-shell .button.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--tray-accent) 85%,white),var(--tray-accent));box-shadow:0 14px 34px rgba(var(--tray-rgb),.22)}.builder-shell .button:hover,.builder-shell .icon-button:hover{border-color:rgba(var(--tray-rgb),.44)}.builder-shell input{background:var(--surface-strong)}.builder-shell .eyebrow{color:var(--tray-accent);letter-spacing:1.6px}.builder-shell.is-light{color-scheme:light;background:radial-gradient(135% 95% at 50% -14%,var(--page-tint-a),transparent 58%),radial-gradient(70% 55% at 84% 6%,var(--page-tint-b),transparent 55%),linear-gradient(158deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed}.builder-shell.is-light:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.builder-shell.is-light>*{position:relative;z-index:1}.is-light .library-panel,.is-light .order-panel{background:linear-gradient(180deg,#ffffff8c,#fff0 140px),var(--paper);border:1px solid var(--paper-line);border-radius:16px;box-shadow:var(--card-shadow);margin:14px}.is-light .library-panel{margin-right:7px}.is-light .order-panel{margin-left:7px}.is-light .atelier-panel{background:radial-gradient(78% 60% at 50% 16%,var(--page-tint-a),transparent 62%)}.is-light .search-field input{background:var(--paper-2);border-color:var(--paper-line);box-shadow:inset 0 1px 2px #3c2d140d}.is-light .material-card{background:var(--paper);border:1px solid var(--paper-line);box-shadow:0 2px 6px #503c1e12;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.is-light .material-card:hover{background:var(--paper);border-color:var(--line-strong);box-shadow:0 9px 20px #503c1e26;transform:translateY(-2px)}.is-light .material-card[data-selected=true]{background:var(--page-tint-a);border-color:rgba(var(--tray-rgb),.6);box-shadow:0 6px 16px rgba(var(--tray-rgb),.22),inset 0 0 0 1px rgba(var(--tray-rgb),.18)}.is-light .material-card img{filter:drop-shadow(0 3px 6px rgba(90,70,40,.22))}.is-light .material-card em{background:var(--page-tint-a);color:color-mix(in srgb,var(--tray-accent) 65%,#4a3a1e)}.is-light .builder-filter-tabs button,.is-light .add-mode button{background:var(--paper);border:1px solid var(--paper-line)}.is-light .builder-filter-tabs button.active,.is-light .add-mode button.active{background:var(--page-tint-a);border-color:rgba(var(--tray-rgb),.5)}.is-light .button.tool,.is-light .icon-button{background:var(--paper);border:1px solid var(--paper-line);box-shadow:0 2px 6px #503c1e17}.is-light .button.primary{box-shadow:0 12px 26px rgba(var(--tray-rgb),.3)}.is-light .balance-box{background:var(--paper-2);border-color:var(--paper-line)}.is-light .balance-row strong{color:var(--text)}.is-light .balance-row b{color:var(--text);font-weight:600}.is-light .balance-row div{background:#00000014}.is-light .balance-row em{background:#0000006b}.is-light .balance-band{background:#00000014}.is-light .harmony-chip{background:#00000008;border-color:var(--paper-line);color:var(--muted)}.is-light .harmony-chip.near{background:rgba(var(--tray-rgb),.08)}.is-light .harmony-meter{background:#00000014}.is-light .harmony-meter em{background:#0006}.is-light .hint-over{color:#c25b5a}.is-light .eyebrow{color:color-mix(in srgb,var(--tray-accent) 58%,var(--text))}.is-light .order-panel .builder-actions{margin-left:0;margin-right:0;background:linear-gradient(180deg,transparent,var(--paper) 34%,var(--paper));-webkit-backdrop-filter:none;backdrop-filter:none}.builder-grid{display:grid;grid-template-columns:minmax(318px,342px) minmax(430px,1fr) minmax(320px,356px);height:100%;min-height:0}.mobile-tab-shell{display:contents}#builder-library{grid-column:1;grid-row:1}#builder-canvas{grid-column:2;grid-row:1}#builder-order{grid-column:3;grid-row:1}.library-panel,.order-panel{background:linear-gradient(180deg,#ffffff12,#ffffff06 160px),var(--panel);border-radius:16px;box-shadow:0 18px 44px #00000073,0 2px 8px #0000004d,inset 0 1px #ffffff0f;margin:14px;padding:22px 18px;overflow:hidden;min-height:0;display:flex;flex-direction:column}.library-panel{margin-right:7px}.order-panel{margin-left:7px;overflow:hidden;overscroll-behavior:contain}.library-panel h1,.order-panel h2{font-family:Spectral,serif;font-weight:400;color:var(--text);margin:6px 0 0}.library-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:15px}.library-count{display:flex;align-items:center;gap:7px}.library-count button{height:26px;border:1px solid var(--border-dim);border-radius:999px;padding:0 9px;background:var(--surface);color:var(--dim);font-size:10px;font-weight:800;cursor:pointer}.library-count button:hover{border-color:rgba(var(--tray-rgb),.36);color:var(--tray-accent)}.library-count span{min-width:34px;height:26px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:var(--tray-accent);font-size:12px;font-variant-numeric:tabular-nums}.search-field{position:relative;display:block;margin:0 0 12px}.search-field svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--dim)}.search-field input{min-height:36px;padding-right:38px;padding-left:40px;border-radius:12px}.search-field button{position:absolute;right:9px;top:50%;width:25px;height:25px;transform:translateY(-50%);border:1px solid var(--border-dim);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--dim);cursor:pointer}.search-field button svg{position:static;transform:none}.tabs,.builder-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button,.builder-filter-tabs button{padding:0 13px}.builder-filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.builder-filter-tabs::-webkit-scrollbar{display:none}.builder-filter-tabs button{min-height:34px;border-color:var(--border-dim);border-radius:12px;background:var(--surface);color:var(--muted);font-size:11px;padding:0 10px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px}.builder-filter-tabs button.active{border-color:rgba(var(--tray-rgb),.62);background:rgba(var(--tray-rgb),.12);color:var(--tray-accent)}.builder-filter-tabs b{min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;color:var(--dim);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.builder-filter-tabs button.active b{background:rgba(var(--tray-rgb),.18);color:var(--tray-accent)}.element-filter{display:flex;flex-wrap:nowrap;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.element-filter::-webkit-scrollbar{display:none}.element-filter button{flex:0 0 auto;min-height:26px;border-radius:999px;border:1px solid var(--border-dim);background:var(--surface);color:var(--dim);font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;transition:border-color .15s,background .15s,color .15s}.element-filter button.active{color:var(--text);border-color:var(--element, var(--tray-accent));background:color-mix(in srgb,var(--element, var(--tray-accent)) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--element, var(--tray-accent)) 34%,transparent)}.element-filter b{color:var(--element, var(--tray-accent));font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.add-mode{min-height:34px;margin-top:8px;border:1px solid var(--border-dim);border-radius:999px;padding:4px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;background:#ffffff07}.add-mode>span{padding-left:9px;color:var(--dim);font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}.add-mode div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.add-mode button{min-height:26px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.add-mode button.active{background:rgba(var(--tray-rgb),.14);color:var(--tray-accent)}.add-mode button:disabled{cursor:not-allowed;opacity:.42}.recommend-dot{color:var(--dim);display:flex;align-items:center;gap:9px;font-size:12px;margin:12px 0 9px}.recommend-dot span,.card-dot{width:8px;height:8px;border-radius:50%;background:var(--tray-accent)}.material-grid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding-right:5px;margin-top:14px;scrollbar-width:none}.material-grid::-webkit-scrollbar{display:none}.material-card{position:relative;border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;height:120px;min-height:120px;max-height:120px;color:var(--text);cursor:pointer;display:grid;justify-items:center;align-content:center;gap:5px;padding:10px 8px 8px;overflow:hidden}.material-card:hover{border-color:var(--line-strong);background:#fff1}.material-card:focus-visible,.sequence-strip button:focus-visible,.selected-bead-tools button:focus-visible,.zoom-control button:focus-visible,.detail-tabs button:focus-visible{outline:2px solid rgba(var(--tray-rgb),.72);outline-offset:2px}.material-card[data-selected=true]{border-color:rgba(var(--tray-rgb),.68);background:rgba(var(--tray-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--tray-rgb),.16)}.size-dots{display:flex;gap:3px;justify-content:center;flex-wrap:nowrap}.size-dot{min-width:20px;height:18px;padding:0 4px;border:1px solid var(--border-dim);border-radius:4px;background:transparent;color:var(--dim);font-size:9px;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.size-dot.active{border-color:var(--tray-accent);color:var(--tray-accent);background:rgba(var(--tray-rgb),.1)}.size-dot:hover{border-color:var(--tray-accent);color:var(--tray-accent)}.card-stepper{display:none;align-items:center;justify-content:center;gap:8px;width:100%}.card-step{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border-dim);border-radius:8px;background:var(--surface);color:var(--text);font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.card-step:not(:disabled):hover{border-color:var(--tray-accent);color:var(--tray-accent)}.card-step:disabled{opacity:.3;cursor:not-allowed}.card-step-count{min-width:16px;text-align:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.material-card img{width:56px;height:52px;flex-shrink:0;border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.material-card[data-shape=round] img{width:44px;height:44px;border-radius:50%;object-fit:cover}.material-card strong{max-width:100%;text-align:center;font-size:11px;line-height:1.15;min-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-card small{color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.material-card em{position:absolute;top:8px;left:8px;max-width:calc(100% - 34px);height:17px;border-radius:999px;padding:0 6px;display:grid;place-items:center;background:#00000040;color:var(--dim);font-size:8px;font-style:normal;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.empty-materials{min-height:210px;grid-column:1 / -1;border:1px dashed rgba(255,255,255,.14);border-radius:14px;display:grid;place-items:center;align-content:center;gap:8px;padding:22px;text-align:center;background:#ffffff06}.empty-materials strong{color:var(--text);font-family:Spectral,serif;font-size:20px;font-weight:400}.empty-materials span{max-width:220px;color:var(--muted);font-size:12px;line-height:1.45}.empty-materials button{min-height:32px;border:1px solid rgba(var(--tray-rgb),.38);border-radius:999px;padding:0 13px;background:rgba(var(--tray-rgb),.1);color:var(--tray-accent);font-size:11px;font-weight:800;cursor:pointer}.card-dot{position:absolute;top:9px;right:9px}.variant-badge{position:absolute;right:7px;bottom:46px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--tray-rgb),.16);color:var(--tray-accent);font-size:9px;font-variant-numeric:tabular-nums}.atelier-panel{position:relative;overflow:hidden;padding:0;min-width:0;min-height:0;background:radial-gradient(700px 520px at 50% 46%,rgba(var(--tray-rgb),.06),transparent 68%),radial-gradient(900px 700px at 50% 8%,rgba(var(--tray-rgb),.06),transparent 65%)}.atelier-head{width:min(620px,100%);display:flex;justify-content:space-between;align-items:center;gap:18px}.wrist-guide{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:3px;font-size:10px}.wrist-guide strong{display:block;color:var(--tray-accent);font-family:Spectral,serif;font-size:18px;letter-spacing:0;text-transform:none;margin-top:3px}.atelier-fit-pill{width:fit-content;min-height:24px;border:1px solid rgba(var(--tray-rgb),.28);border-radius:999px;display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:0 10px;background:rgba(var(--tray-rgb),.08);color:var(--tray-accent);letter-spacing:0;text-transform:none}.atelier-fit-pill svg{flex:0 0 auto}.atelier-fit-pill b{color:inherit;font-size:10px;font-weight:800;line-height:1}.atelier-fit-pill span{color:#f4efe6b3;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.atelier-fit-pill.tight{border-color:#9fbbe857;background:#9fbbe814;color:#9fbbe8}.atelier-fit-pill.loose{border-color:#e6a08957;background:#e6a08914;color:#e6a089}.wrist-guide small{display:block;max-width:230px;margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.zoom-control{min-width:226px;display:grid;grid-template-columns:26px 1fr 38px 26px;align-items:center;gap:7px;color:var(--muted);padding:6px 8px;border:1px solid var(--border-dim);border-radius:999px;background:var(--surface)}.zoom-control button{width:26px;height:26px;border:1px solid var(--border-dim);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--dim);cursor:pointer}.zoom-control button:not(:disabled):hover{border-color:rgba(var(--tray-rgb),.44);color:var(--tray-accent)}.zoom-control button:disabled{cursor:not-allowed;opacity:.42}.zoom-control input{width:100%;min-height:20px;border:0;border-radius:0;padding:0;background:transparent;accent-color:var(--tray-accent)}.zoom-control .zoom-reset{width:38px;min-width:38px;padding:0;color:var(--tray-accent);font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.builder-tools{display:flex;align-items:center;gap:9px;margin-top:12px;flex-wrap:wrap;justify-content:center}.tray-stage{position:absolute;inset:0;display:grid;place-items:center}.bead-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:grab}.bead-canvas:active{cursor:grabbing}.tray-aligned-fx{position:absolute;inset:0;z-index:2;pointer-events:none}.tray-aligned-fx>span{position:absolute;inset:0;display:block;mix-blend-mode:screen}.tray-aura-ring{background:#fff9ec80;-webkit-mask:radial-gradient(circle at 50% 50%,transparent 44%,#000 49%,#000 51%,transparent 56%);mask:radial-gradient(circle at 50% 50%,transparent 44%,#000 49%,#000 51%,transparent 56%);animation:tray-aura-breathe 3.4s ease-in-out infinite}.tray-aura-sheen{background:conic-gradient(from 0deg at 50% 50%,#fffaeb00,#fffaeb6b 38deg,#fffaeb00 90deg 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 47%,#000 49%,#000 51%,transparent 53.5%);mask:radial-gradient(circle at 50% 50%,transparent 47%,#000 49%,#000 51%,transparent 53.5%);animation:tray-sheen-rot 8s linear infinite}@keyframes tray-aura-breathe{0%,to{opacity:.28}50%{opacity:.66}}@keyframes tray-sheen-rot{to{transform:rotate(360deg)}}.is-light .tray-aura-ring{mix-blend-mode:normal;background:rgba(var(--tray-rgb),.42)}.is-light .tray-aura-sheen{mix-blend-mode:normal;background:conic-gradient(from 0deg at 50% 50%,rgba(var(--tray-rgb),0),rgba(var(--tray-rgb),.42) 38deg,rgba(var(--tray-rgb),0) 90deg 360deg)}@media(prefers-reduced-motion:reduce){.tray-aura-ring{animation:none;opacity:.5}.tray-aura-sheen{animation:none;opacity:.45}}.tray-switcher{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;justify-content:center;gap:10px;padding:7px 9px;border:1px solid var(--border-dim);border-radius:999px;background:var(--surface)}.tray-switcher button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.18);cursor:pointer}.tray-switcher button.active{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--tray-accent)}.range-field{margin:14px 0 10px;grid-template-columns:1fr auto;align-items:center}.range-field>input[type=range]{grid-column:1 / -1;accent-color:var(--tray-accent)}.range-field>small{grid-column:1 / -1;color:var(--dim);font-size:10px;font-weight:600;line-height:1.35}.wrist-exact{min-height:34px;border:1px solid var(--border-dim);border-radius:999px;display:grid;grid-template-columns:58px auto;align-items:center;gap:3px;padding:0 10px 0 4px;background:var(--surface)}.wrist-exact input{width:58px;min-height:28px;border:0;border-radius:999px;padding:0 0 0 8px;background:transparent;color:var(--tray-accent);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.wrist-exact b{color:var(--dim);font-size:10px;font-weight:800}.wrist-exact input::-webkit-inner-spin-button,.wrist-exact input::-webkit-outer-spin-button{margin:0}.wrist-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 10px}.wrist-presets button{min-height:40px;border:1px solid var(--border-dim);border-radius:12px;display:grid;align-content:center;gap:1px;background:var(--surface);color:var(--dim);cursor:pointer}.wrist-presets button.active{border-color:rgba(var(--tray-rgb),.58);background:rgba(var(--tray-rgb),.1);color:var(--tray-accent)}.wrist-presets span{font-size:11px;font-weight:800;line-height:1}.wrist-presets small{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;line-height:1}.wrist-presets button.active small{color:#f4efe6b8}.fit-assist-row{min-height:32px;margin-bottom:12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.fit-assist-row button{min-height:30px;border:1px solid rgba(var(--tray-rgb),.42);border-radius:999px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;background:rgba(var(--tray-rgb),.1);color:var(--tray-accent);font-size:11px;font-weight:800;cursor:pointer}.fit-assist-row button:disabled{border-color:#ffffff14;background:#ffffff08;color:var(--dim);cursor:not-allowed}.fit-assist-row span{min-width:0;color:var(--muted);font-size:10px;text-align:right;white-space:nowrap}.fit-ruler{display:grid;gap:7px;margin:0 0 12px}.fit-ruler-track{position:relative;height:7px;border-radius:999px;background:#ffffff14}.fit-ruler-track i{position:absolute;top:0;bottom:0;border-radius:inherit;background:rgba(var(--tray-rgb),.34)}.fit-ruler-track b{position:absolute;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border:2px solid #111119;border-radius:50%;background:var(--tray-accent);box-shadow:0 0 0 1px rgba(var(--tray-rgb),.35)}.fit-ruler.tight .fit-ruler-track b{background:#9fbbe8;box-shadow:0 0 0 1px #9fbbe866}.fit-ruler.loose .fit-ruler-track b{background:#e6a089;box-shadow:0 0 0 1px #e6a08966}.fit-warning{min-height:42px;border-radius:12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;margin:10px 0 14px;padding:10px 12px;font-size:11px;font-weight:600;line-height:1.45}.fit-warning.tight{border:1px solid rgba(159,187,232,.32);background:#9fbbe814;color:#9fbbe8}.fit-warning.tight svg{color:#9fbbe8}.fit-warning.loose{border:1px solid rgba(230,160,137,.32);background:#e6a08914;color:#e6a089}.fit-warning.loose svg{color:#e6a089}.fit-ruler-labels{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:var(--dim);font-size:9px;line-height:1}.fit-ruler-labels strong{min-width:0;color:var(--muted);font-size:10px;font-weight:800;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fit-note{min-height:36px;border:1px solid var(--border-dim);border-radius:12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:-2px 0 12px;padding:8px 10px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;line-height:1.35}.fit-note svg{color:var(--tray-accent)}.fit-note.tight{border-color:#9fbbe847;background:#9fbbe80f}.fit-note.tight svg{color:#9fbbe8}.fit-note.loose{border-color:#e6a08947;background:#e6a0890f}.fit-note.loose svg{color:#e6a089}.order-head{display:flex;flex-direction:column;gap:6px;min-width:0;flex-shrink:0;padding-bottom:10px;border-bottom:1px solid var(--line)}.order-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-head-title{min-width:0}.order-head-title h2{margin:0;font-family:Spectral,serif;font-size:clamp(17px,2vw,20px);font-weight:400;line-height:1.12;color:var(--text)}.order-head-tag{display:block;margin-top:3px;color:var(--tray-accent);font-size:8px;letter-spacing:1.3px;text-transform:uppercase}.order-facts{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;line-height:1.35}.order-facts-main{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.order-wrist{flex-shrink:0;margin-left:auto}.order-wrist-btn,.order-wrist-edit{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.order-wrist-btn{cursor:pointer;transition:color .2s ease}.order-wrist-btn:hover{color:var(--tray-accent)}.order-wrist-btn svg:last-child{opacity:.45;transition:opacity .2s ease}.order-wrist-btn:hover svg:last-child{opacity:1}.order-wrist-edit svg{color:var(--tray-accent);flex-shrink:0}.order-wrist-edit input{width:40px;min-height:0;height:auto;padding:0;border:0;border-bottom:1px solid rgba(var(--tray-rgb),.35);border-radius:0;background:transparent;color:var(--text);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;outline:none;-moz-appearance:textfield}.order-wrist-edit input::-webkit-outer-spin-button,.order-wrist-edit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.order-wrist-edit span{color:var(--dim);font-size:9px}.order-wrist-confirm{width:20px;height:20px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:var(--tray-accent);font-size:11px;cursor:pointer}.order-wrist-error{margin-top:-2px;font-size:9px;font-weight:600;color:#e6a089}.order-fact{font-size:12.5px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.order-fact-price{font-weight:800;font-size:13px}.adjust-advice{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.adjust-advice-label{color:var(--tray-accent);font-size:8px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px}.adjust-advice-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.adjust-advice-head i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.adjust-advice-lines{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}.adjust-line{position:relative;padding-left:12px;font-size:11.5px;line-height:1.45;color:var(--muted)}.adjust-line:before{content:"·";position:absolute;left:0;color:var(--dim);font-weight:700}.adjust-line-ok{color:color-mix(in srgb,var(--tray-accent) 72%,var(--text))}.adjust-line-warn{color:var(--text)}.adjust-ready{border-color:color-mix(in srgb,var(--tray-accent) 34%,var(--line));background:color-mix(in srgb,var(--tray-accent) 7%,var(--surface))}.adjust-ready .adjust-advice-head{color:var(--tray-accent)}.adjust-almost{border-color:color-mix(in srgb,#e6a089 30%,var(--line))}.adjust-almost .adjust-advice-head{color:#e6a089}.adjust-forming .adjust-advice-head{color:var(--muted)}.adjust-empty .adjust-advice-head{color:var(--dim)}.order-specs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;line-height:1.35}.order-fit{display:inline-flex;align-items:center;gap:6px;min-width:0}.order-fit i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.order-fit span{color:var(--text);font-size:12.5px;font-weight:700}.order-fit em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.order-fit.comfort{color:var(--tray-accent)}.order-fit.tight{color:#9fbbe8}.order-fit.loose{color:#e6a089}.order-spec-sep{width:1px;height:11px;background:var(--line);flex-shrink:0}.order-spec{font-size:12.5px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.order-spec-price{color:var(--text);font-weight:800;font-size:13px}.loop-summary{flex:1 1 0;min-height:0;margin-top:10px;display:flex;flex-direction:column;overflow:hidden}.loop-summary .eyebrow{flex-shrink:0;margin-bottom:8px}.loop-items{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--tray-rgb),.28) transparent}.loop-items::-webkit-scrollbar{width:4px}.loop-items::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--tray-rgb),.24)}.loop-empty{color:var(--dim);font-size:12px;font-style:italic;margin:0;padding:4px 0}.loop-item{display:flex;align-items:center;gap:8px;min-width:0;height:42px;flex:0 0 42px;padding:0 6px 0 8px;border:1px solid transparent;border-radius:8px;background:var(--surface);transition:border-color .15s,background .15s}.loop-item:hover{border-color:var(--border-dim)}.loop-item img{width:30px;height:30px;border-radius:50%;object-fit:contain;flex-shrink:0;border:1px solid var(--border-dim);background:var(--bg)}.loop-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.loop-item-name{font-size:11.5px;font-weight:600;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loop-item-meta{font-size:10px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loop-item-qty{display:flex;align-items:center;gap:2px;flex-shrink:0}.qty-btn{width:20px;height:20px;padding:0;border:1px solid var(--border-dim);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;line-height:1;transition:border-color .15s,color .15s,background .15s}.qty-btn:hover{border-color:var(--tray-accent);color:var(--tray-accent);background:rgba(var(--tray-rgb),.08)}.qty-count{min-width:18px;text-align:center;font-size:11px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.balance-box{position:relative;flex-shrink:0;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-top:10px;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.balance-box>.balance-head,.balance-box>.eyebrow,.balance-box>.harmony-row,.balance-box>.balance-row,.balance-box>.balance-foot{position:relative;z-index:1}.balance-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.balance-report-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;cursor:pointer;border:1px solid rgba(234,191,86,.32);background:#eabf5614;color:var(--gold);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.01em;transition:border-color .2s ease,background .2s ease,transform .2s ease}.balance-report-link:hover{border-color:#eabf5699;background:#eabf5629;transform:translateY(-1px)}.balance-row{display:grid;grid-template-columns:24px 52px 1fr 56px;gap:10px;align-items:center;margin-top:3px;padding:3px 8px;border-radius:8px;font-size:12px;transition:background .2s}.balance-row:hover{background:rgba(var(--tray-rgb),.04)}.balance-glyph{width:24px;height:24px;display:grid;place-items:center;opacity:.9}.balance-glyph svg{width:22px;height:22px;stroke:var(--el, var(--dim));stroke-width:4;fill:none}.balance-bar-wrap{position:relative;height:7px}.balance-bar-track{position:relative;width:100%;height:7px;border-radius:99px;background:#ffffff14;overflow:hidden}.balance-bar-track i{position:relative;z-index:1;display:block;height:100%;border-radius:inherit;box-shadow:0 0 6px var(--el, transparent);transition:width .5s ease}.balance-band{position:absolute;top:0;z-index:0;height:100%;background:#ffffff21;border-radius:inherit;pointer-events:none}.balance-row em{position:absolute;top:-2px;width:1.5px;height:11px;background:#fff9;border-radius:1px}.balance-row strong{display:flex;align-items:baseline;gap:4px;justify-content:flex-end;line-height:1.2;color:var(--el, var(--text))}.balance-row strong span{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.balance-row strong small{color:var(--dim);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;min-width:22px;text-align:right}.harmony-row{display:flex;align-items:center;gap:12px;margin:6px 0 2px}.harmony-chip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:#ffffff0a;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);transition:color .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}.harmony-chip b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.harmony-chip.near{color:var(--text);border-color:rgba(var(--tray-rgb),.55);background:rgba(var(--tray-rgb),.06)}.harmony-chip.aligned{color:#131316;border-color:transparent;background:var(--tray-accent);box-shadow:0 0 10px rgba(var(--tray-rgb),.3);animation:harmonyBadgePop .5s ease both}.harmony-chip.aligned b{color:#131316}.harmony-chip svg{margin-left:-1px}.harmony-meter{position:relative;flex:1;min-width:0;height:6px;border-radius:99px;background:#ffffff14}.harmony-meter i{display:block;height:100%;border-radius:inherit;background-size:200% 100%;transition:width .5s ease}.harmony-meter em{position:absolute;top:-2px;width:1.5px;height:10px;background:#ffffff80;border-radius:1px}.harmony-aligned .harmony-meter i{box-shadow:0 0 6px rgba(var(--tray-rgb),.4)}.balance-row.is-off{opacity:.6}.balance-row.is-off.hint-over{opacity:.92}.balance-row.is-target{opacity:1}.hint{display:inline-flex;align-items:center;gap:1px;font-weight:700;font-variant-numeric:tabular-nums}.hint-add{color:var(--el, var(--dim))}.hint-ok{color:var(--el, var(--dim));font-size:11px}.hint-over{color:#e0a09c}.balance-row.hint-ok strong span{color:var(--el, var(--text))}.balance-foot{margin:6px 2px 0;font-size:11px;line-height:1.5;color:var(--muted);transition:color .35s ease}.harmony-aligned .balance-foot{color:color-mix(in srgb,var(--tray-accent) 62%,var(--text))}.balance-box.harmony-aligned{border-color:rgba(var(--tray-rgb),.5);box-shadow:0 0 0 1px rgba(var(--tray-rgb),.2),0 4px 16px rgba(var(--tray-rgb),.1)}@keyframes harmonyBadgePop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.harmony-chip.aligned{animation:none}}.stone-stack{display:flex;align-items:center;margin-top:10px;color:var(--muted);font-size:12px}.stone-stack img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #15151d;margin-left:-8px}.stone-stack img:first-child{margin-left:0}.stone-stack span{margin-left:10px}.detail-tabs{min-height:38px;border:1px solid var(--border-dim);border-radius:999px;padding:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:#ffffff07}.detail-tabs button{min-width:0;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.detail-tabs button.active{background:rgba(var(--tray-rgb),.13);color:var(--tray-accent)}.detail-tabs b{min-width:0;color:var(--dim);font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tabs button.active b{color:#f4efe6b8}.sequence-panel{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#ffffff08}.sequence-panel>div:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10px;letter-spacing:2px;text-transform:uppercase}.sequence-panel b{color:var(--tray-accent);font-size:11px;font-variant-numeric:tabular-nums}.sequence-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sequence-strip::-webkit-scrollbar{display:none}.sequence-strip button{position:relative;flex:0 0 auto;width:34px;height:40px;border:1px solid var(--border-dim);border-radius:999px;display:grid;place-items:center;background:var(--surface);cursor:pointer}.sequence-strip button:hover{border-color:rgba(var(--tray-rgb),.48)}.sequence-strip button.active{border-color:rgba(var(--tray-rgb),.74);background:rgba(var(--tray-rgb),.1);box-shadow:0 0 0 1px rgba(var(--tray-rgb),.18)}.sequence-strip img{width:27px;height:27px;border-radius:8px;object-fit:contain}.sequence-strip button[data-shape=round] img{border-radius:50%;object-fit:cover}.sequence-strip small{position:absolute;right:-3px;bottom:-1px;min-width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#08080ceb;color:var(--dim);font-size:8px;font-variant-numeric:tabular-nums}.selected-bead-tools{margin-top:11px;min-height:45px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;display:grid;grid-template-columns:32px minmax(0,1fr) repeat(4,28px);align-items:center;gap:6px}.selected-bead-tools>img{width:30px;height:30px;border-radius:9px;object-fit:contain;background:var(--surface)}.selected-bead-tools span{min-width:0;display:grid;gap:2px}.selected-bead-tools span b{color:var(--text);font-size:11px;font-weight:800;letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-bead-tools span small{color:var(--muted);font-size:10px}.selected-bead-tools button{width:28px;height:28px;border:1px solid var(--border-dim);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--dim);cursor:pointer}.selected-bead-tools button:hover{border-color:rgba(var(--tray-rgb),.44);color:var(--tray-accent)}.selected-bead-tools button:disabled{cursor:not-allowed;opacity:.42}.checkout-button{width:100%;justify-content:center;text-align:center}.checkout-button svg{flex-shrink:0}.checkout-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#dc50501a;border:1px solid rgba(220,80,80,.25);font-size:13px;color:#e8a0a0;margin-bottom:12px}.checkout-error svg{flex-shrink:0;color:#e07070}.checkout-error .link-button{margin-left:auto;background:none;border:none;color:#e8a0a0;text-decoration:underline;cursor:pointer;font-size:12px;padding:0}.checkout-button:disabled{opacity:.6;cursor:not-allowed}.checkout-button.confirm{background:linear-gradient(135deg,#e0886e,#c4543b);box-shadow:0 14px 34px #c4543b59}.fit-confirm-banner{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.5}.fit-confirm-banner.tight{border:1px solid rgba(159,187,232,.34);background:#9fbbe817;color:#9fbbe8}.fit-confirm-banner.loose{border:1px solid rgba(230,160,137,.34);background:#e6a08917;color:#e6a089}.builder-actions{display:grid;gap:11px;flex-shrink:0;padding-top:10px}.checkout-layout{width:min(1100px,calc(100% - 40px));min-height:calc(100vh - 82px);margin:0 auto;display:grid;grid-template-columns:1fr 390px;gap:46px;align-items:center;padding:46px 0 70px}.package-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.package-preview div{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--panel)}.package-preview strong{display:block;margin-top:9px}.summary-panel{padding:24px}.summary-ring{--ring-size: 260px;--bead-size: 34px;--ring-r: 98px;margin-bottom:18px}.summary-ring span{position:absolute;color:#ead9a8;font-family:Spectral,serif;font-style:italic;text-align:center}.summary-panel dl{display:grid;gap:8px;margin:0 0 20px}.summary-panel dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px}.summary-panel dt{color:var(--muted)}.summary-panel dd{margin:0;font-weight:800}.summary-panel form{display:grid;gap:8px}.success-box{border:1px solid rgba(157,191,152,.45);border-radius:var(--radius);background:#9dbf981c;padding:18px;display:grid;gap:8px}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes al-shine{to{background-position:200% center}}@keyframes el-in{0%{opacity:0;filter:blur(7px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes scan-sweep{0%{opacity:0;transform:translateY(-12vh)}8%,92%{opacity:.45}to{opacity:0;transform:translateY(112vh)}}@media(min-width:1366px){.order-panel .builder-actions{z-index:2;margin-right:-18px;margin-left:-18px;padding:14px 18px 22px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tray-accent) 4%,var(--bg-deep) 96%) 28%,color-mix(in srgb,var(--tray-accent) 6%,var(--bg-deep) 94%));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.mobile-tab-bar{display:none}.atelier-foot{position:absolute;bottom:16px;left:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:space-between}.zoom-mini{display:flex;align-items:center;gap:4px}.zoom-mini button{min-width:28px;height:28px;padding:0 7px;border:1px solid var(--border-dim);border-radius:999px;display:grid;place-items:center;background:var(--surface);color:var(--dim);cursor:pointer;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.zoom-mini button:hover{border-color:rgba(var(--tray-rgb),.4);color:var(--tray-accent)}.zoom-mini button:disabled{opacity:.35;cursor:not-allowed}.atelier-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.atelier-actions .icon-button{width:36px;height:36px;min-height:unset;padding:0;flex-shrink:0}.atelier-actions .icon-button svg{width:16px;height:16px}@media(max-width:1365px){:root{--mobile-home-nav: 70px}.home-video-backdrop video{object-position:center 38%}.home-shell{height:auto;min-height:100vh;overflow-y:visible;scroll-snap-type:none;overscroll-behavior-y:auto}.home-shell .topbar{position:sticky;top:0;left:auto;transform:none;z-index:30;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar-lang{display:none}.home-menu-toggle{display:inline-flex}.home-shell.home-menu-open .topbar{z-index:101}.home-shell.home-menu-open>section{pointer-events:none}.nav-links{display:none}.hero,.element-section,.steps-section,.receive-section,.testimonials-section,.closing-section{scroll-snap-align:none;scroll-snap-stop:normal}.element-section,.checkout-layout{grid-template-columns:1fr}.hero{position:relative;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px 0 36px;overflow:hidden}.hero-copy{order:2;display:grid;justify-items:center;width:100%;padding:0 22px;box-sizing:border-box;text-align:center}.hero-line{white-space:normal}.hero h1{font-size:clamp(28px,7.7vw,31px);line-height:1.12;margin-top:10px;max-width:18em}.hero p,.section-copy p,.element-readout p{font-size:14.5px;line-height:1.62}.hero p{max-width:22em;margin-top:12px}.hero-actions,.final-cta-actions{flex-direction:column;align-items:stretch;width:min(100%,22em);margin-left:auto;margin-right:auto}.hero-actions{margin-top:18px}.hero-actions .button,.final-cta-actions .button{min-height:44px;font-size:14.5px;justify-content:center}.hero-proof{justify-content:center;max-width:22em;gap:10px;flex-wrap:wrap;margin-top:14px}.hero-proof span{font-size:13px;letter-spacing:1.5px}.hero-proof small{font-size:12.5px}.hero-reserve{display:block;order:1;width:1px;height:296px}.orbit-label{font-size:16px}.hero-loop-glyph{width:38px;height:38px}.orbit-label small{display:none}.element-section,.steps-section,.receive-section,.faq-section,.final-cta,.closing-section{padding-top:52px;padding-bottom:52px}.element-section{gap:24px;min-height:auto;align-content:start}.element-section .section-copy{text-align:center;justify-self:center}.element-section .section-copy h2{max-width:12em;margin-left:auto;margin-right:auto}.element-section .section-copy p{max-width:22em;margin-left:auto;margin-right:auto}.steps-section,.receive-section,.testimonials-section{min-height:auto}.section-heading{padding:0 6px}.section-heading h2{max-width:14em;margin-left:auto;margin-right:auto}.testimonial-grid{padding-top:0;padding-bottom:0;gap:16px}.testimonial-card blockquote{font-size:17px}.closing-section{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;gap:32px;min-height:100vh;min-height:100svh}.closing-section .section-heading{text-align:center;margin:0 auto}.closing-section .faq-list{max-width:620px;margin-right:auto;margin-left:auto}.closing-section .site-footer{align-items:flex-start;flex-direction:column;padding-top:20px}.closing-section .site-footer p{text-align:left}.compass-layout{grid-template-columns:1fr;gap:20px;margin-top:4px}.compass{width:min(340px,calc(100vw - 56px))}.element-node{width:62px;height:62px;margin:-31px 0 0 -31px}.compass-core{width:64px;height:64px;margin:-32px 0 0 -32px}.compass-glyph{width:46px;height:46px}.element-readout{border-left:0;padding-left:0;text-align:center;justify-items:center}.element-readout h3{font-size:clamp(22px,6vw,26px);max-width:14em}.element-readout p{max-width:22em}.steps-grid,.receive-grid,.testimonial-grid{grid-template-columns:1fr}.steps-grid{gap:9px;margin-top:28px}.step-item{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:start;padding:14px 16px}.step-item span{grid-row:1 / 3;font-size:20px}.step-item h3{margin:0;font-size:16px}.step-item p{margin:4px 0 0;font-size:13px;line-height:1.45}.receive-grid{gap:12px;margin-top:30px}.receive-card{padding:18px}.receive-card span{font-size:23px}.receive-card h3{font-size:19px}.receive-card p{font-size:13.5px;line-height:1.55}.report-grid,.blend-row,.package-preview{grid-template-columns:1fr}.builder-shell{background:radial-gradient(120% 80% at 50% -8%,color-mix(in srgb,var(--tray-accent) 16%,var(--bg) 84%) 0%,color-mix(in srgb,var(--tray-accent) 5%,var(--bg) 95%) 48%,var(--bg-deep) 100%);height:100svh;min-height:100svh;overflow:hidden}.builder-grid{display:flex;flex-direction:column;height:100svh;min-height:0;overflow:hidden;padding-top:calc(40svh + 12px);box-sizing:border-box}.mobile-tab-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.mobile-tab-bar{display:flex;flex-shrink:0;gap:4px;margin:0 12px 12px;padding:4px;border-radius:12px;background:var(--surface)}.mobile-tab-bar button{flex:1;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--dim);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.mobile-tab-bar button.active{background:var(--surface-strong);color:var(--tray-accent)}.atelier-panel{position:fixed;top:0;left:0;right:0;z-index:20;order:1;padding:0;height:40vh;height:40svh;background:radial-gradient(700px 520px at 50% 46%,rgba(var(--tray-rgb),.06),transparent 68%),radial-gradient(900px 700px at 50% 8%,rgba(var(--tray-rgb),.06),transparent 65%);background-color:var(--bg)}.is-light .atelier-panel{background:radial-gradient(135% 95% at 50% -14%,var(--page-tint-a),transparent 58%),radial-gradient(70% 55% at 84% 6%,var(--page-tint-b),transparent 55%),linear-gradient(158deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed;background-color:var(--bg)}.atelier-head{display:grid;justify-items:center;justify-content:center;gap:10px}.wrist-guide{text-align:center}.zoom-control{width:min(270px,100%);min-width:0;justify-self:center;padding:6px 9px}.library-panel{width:100%;margin:0;border:1px solid var(--border-dim);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px 14px 22px;max-height:none;overflow:hidden}.order-panel{width:calc(100% - 24px);margin:0 auto;border:1px solid var(--border-dim);border-radius:16px;background:var(--panel);padding:16px 14px 22px;overflow:hidden}.library-panel:not(.mobile-visible),.order-panel:not(.mobile-visible){display:none}.library-panel.mobile-visible,.order-panel.mobile-visible{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.library-panel.mobile-visible::-webkit-scrollbar,.order-panel.mobile-visible::-webkit-scrollbar{display:none}.order-panel.mobile-visible .loop-summary,.order-panel.mobile-visible .loop-items{flex:0 0 auto;min-height:auto;overflow:visible}.order-panel.mobile-visible .order-head,.order-panel.mobile-visible .loop-summary,.order-panel.mobile-visible .balance-box,.order-panel.mobile-visible .builder-actions{align-self:stretch;width:100%;grid-column:auto;grid-row:auto}.library-heading h1,.library-heading .eyebrow,.search-field,.order-head-top,.order-head-title,.order-head-tag{display:none}.library-panel.mobile-visible .material-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.library-panel.mobile-visible .material-grid::-webkit-scrollbar{display:none}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.builder-filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;margin-top:4px;margin-right:-14px;padding-right:14px;padding-bottom:2px;scrollbar-width:none}.builder-filter-tabs button{flex:0 0 auto}.element-filter{gap:6px;flex-shrink:0;margin-top:10px;margin-right:-14px;padding-right:14px}.balance-box{padding:10px;align-self:stretch}.balance-row{grid-template-columns:22px 42px 1fr 48px;gap:6px;padding:3px 4px;font-size:11px}.balance-glyph{width:22px;height:22px}.balance-glyph svg{width:20px;height:20px}.balance-row strong{font-size:12px}.balance-row strong small{font-size:9px}.harmony-row{gap:8px}.material-card{height:98px;min-height:98px;max-height:98px;padding:9px 6px}.material-card img{width:44px;height:44px}.material-card[data-shape=accent] img{width:56px;height:44px}.material-card strong{font-size:10.5px}.material-card small{white-space:normal;overflow:visible;text-overflow:unset;font-size:9px;line-height:1.3}.tray-stage{position:absolute;inset:0;width:auto}.builder-tools{gap:8px;margin-top:10px}.builder-tools .button.tool{min-height:36px;padding:0 12px;font-size:12px}.atelier-foot{bottom:8px;left:10px;right:10px;align-items:flex-end;gap:10px}.atelier-actions{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:8px;align-items:end;width:100%;flex:1 1 auto;min-width:0}.atelier-actions:not(:has(.m-el-meter)){grid-template-columns:1fr}.atelier-actions:not(:has(.m-el-meter)) .m-tools-right{grid-column:1}.m-el-meter{grid-column:1;grid-row:1;align-self:end;flex:0 0 72px;width:72px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:#0a0b1173;border:1px solid var(--border-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.m-el-meter-row{display:grid;grid-template-columns:13px minmax(0,1fr) 12px;align-items:center;gap:4px;height:15px}.m-el-meter-glyph{width:13px;height:13px}.m-el-meter-pct{justify-self:end;text-align:right;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.m-el-meter-row:not(:has(.m-el-meter-cue)) .m-el-meter-pct{grid-column:2 / -1}.m-el-meter-cue{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.m-el-meter-row.hint-add .m-el-meter-cue,.m-el-meter-row.hint-ok .m-el-meter-cue{color:var(--el)}.m-el-meter-row.hint-over .m-el-meter-cue{color:#e0a09c}.is-light .m-el-meter{background:#ffffffb8;border-color:var(--paper-line)}.is-light .m-el-meter-row.hint-over .m-el-meter-cue{color:#c25b5a}.m-tools-right{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.m-tools-secondary{display:flex;justify-content:flex-end;gap:6px}.m-tools-primary{display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto}.m-tools-primary .button.tool{flex:0 0 auto;width:auto;min-width:88px;min-height:34px;height:34px;padding:0 8px;gap:4px;font-size:12px;font-weight:700;white-space:nowrap;justify-content:center}.m-tools-primary .button.tool svg{width:15px;height:15px;flex-shrink:0}.builder-shell.lang-en .m-tools-primary .button.tool{min-width:96px}.builder-shell.lang-en .m-tools-primary #builder-smart{min-width:118px}.m-tools-primary .btn-label{display:inline}.atelier-actions .icon-button{width:29px;height:29px;min-height:unset}.atelier-actions .icon-button svg{width:14px;height:14px}.tray-help-corner{position:absolute;top:12px;right:12px;z-index:12}.tray-help-corner .icon-button{width:34px;height:34px;min-height:unset;border:none;border-radius:0;background:transparent}.tray-help-corner .icon-button:hover{background:transparent;border-color:transparent}.tray-switcher{top:12px;gap:6px;padding:5px 7px}.tray-switcher button{width:20px;height:20px}.scan-tint{background:radial-gradient(120% 100% at 50% 40%,var(--scan-soft) 0%,rgba(255,255,255,.02) 38%,rgba(4,6,10,0) 72%)}.scan-brand{top:18px;left:20px}.scan-sound-btn{top:14px;right:20px;width:36px;height:36px}.scan-readout{top:16px;right:18px}.scan-readout div{display:none}.scan-readout strong{font-size:9.5px;letter-spacing:.24em;margin:0}.scan-hero{top:12%;left:50%;width:min(90%,360px);max-width:none;transform:translate(-50%);text-align:center}.scan-hero h1{font-size:clamp(18px,6vw,28px);letter-spacing:.22em}.scan-interp{margin-top:18px;min-height:3em}.scan-interp p{font-size:13px;letter-spacing:.03em;max-width:320px}.scan-side{display:none}.scan-bottom{bottom:20px;gap:12px}.scan-rail{gap:8px}.scan-rail-glyph{width:19px;height:19px}.scan-cta{max-width:260px}}@media(max-width:1365px){.mobile-tab-bar{display:none}.m-deck{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:0 12px 6px}.m-deck-bar{display:flex;align-items:center;gap:7px;min-width:0}.m-iconchip{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border-dim);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.m-chip{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border:1px solid var(--border-dim);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap}.m-chip>svg{color:var(--tray-accent);flex-shrink:0}.m-chip-wrist.is-editing{gap:4px;padding:0 9px}.m-chip-wrist.is-editing input{width:40px;min-height:0;height:auto;padding:0;border:0;border-bottom:1px solid rgba(var(--tray-rgb),.4);border-radius:0;background:transparent;color:var(--text);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;outline:none;-moz-appearance:textfield}.m-chip-wrist.is-editing input::-webkit-outer-spin-button,.m-chip-wrist.is-editing input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.m-chip-wrist.is-editing>span{color:var(--dim);font-size:10px}.m-chip-wrist.is-editing>button{border:0;background:transparent;color:var(--tray-accent);font-size:14px;cursor:pointer;padding:0 2px}.m-deck-fit{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:11.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-deck-fit i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.m-deck-fit.fit-comfort{color:var(--tray-accent)}.m-deck-fit.fit-tight{color:#9fbbe8}.m-deck-fit.fit-loose{color:#e6a089}.m-chip-el{margin-left:auto;border-color:rgba(var(--tray-rgb),.42)}.m-chip-el b{color:var(--tray-accent);font-weight:800}.m-chip-el>svg:last-child{color:var(--dim);margin-right:-3px}.m-chip-el.harmony-aligned{color:#131316;border-color:transparent;background:var(--tray-accent);box-shadow:0 0 12px rgba(var(--tray-rgb),.35)}.m-chip-el.harmony-aligned b,.m-chip-el.harmony-aligned>svg{color:#131316}.m-deck-wrist-error{font-size:10px;font-weight:600;color:#e6a089;padding-left:4px}.m-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 2px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.m-strip::-webkit-scrollbar{display:none}.m-strip-bead{position:relative;flex:0 0 auto;width:54px;height:54px;padding:5px;border:1px solid var(--border-dim);border-radius:14px;background:var(--surface);cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease,transform .12s ease}.m-strip-bead.active{border-color:var(--tray-accent);box-shadow:0 0 0 1px rgba(var(--tray-rgb),.3)}.m-strip-bead:active{transform:scale(.93)}.m-strip-bead img{width:100%;height:100%;object-fit:contain}.m-strip-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--tray-accent);color:#131316;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #00000040}.m-strip-empty{display:flex;align-items:center;height:54px;padding:0 6px;color:var(--dim);font-size:12px;font-style:italic}.m-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tray-accent) 5%,var(--bg-deep) 95%) 24%,color-mix(in srgb,var(--tray-accent) 8%,var(--bg-deep) 92%));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-dim)}.is-light .m-actionbar{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--paper) 86%,transparent) 24%,var(--paper))}.m-actionbar-row{display:flex;align-items:center;gap:10px}.m-actionbar-facts{display:flex;flex-direction:column;line-height:1.15;flex-shrink:0}.m-fact-price{font-size:17px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.m-fact{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.m-checkout.checkout-button{width:auto;flex:1;min-height:50px;font-size:15px}.m-cancel{flex:0 0 auto;min-height:50px;padding:0 16px}.m-sheet-overlay,.m-edit-overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end;background:#08080c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:m-fade .2s ease}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-up{0%{transform:translateY(16px);opacity:.5}to{transform:translateY(0);opacity:1}}.m-sheet,.m-edit-card{border-radius:22px 22px 0 0;background-color:var(--bg);background-image:linear-gradient(var(--panel),var(--panel));border:1px solid var(--border-dim);border-bottom:0;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));animation:m-up .24s ease;box-shadow:0 -10px 40px #0006}.m-sheet{max-height:84svh;overflow-y:auto;overflow-x:hidden}.m-sheet-grab{width:38px;height:4px;border-radius:99px;background:rgba(var(--tray-rgb),.3);margin:4px auto 12px;flex-shrink:0}.m-sheet-advice{margin-top:14px}.m-sheet-close{width:100%;margin-top:14px;min-height:46px}.m-edit-card{display:flex;flex-direction:column;gap:16px}.m-edit-head{display:flex;align-items:center;gap:12px}.m-edit-head img{width:52px;height:52px;border-radius:12px;object-fit:contain;border:1px solid var(--border-dim);background:var(--surface);flex-shrink:0}.m-edit-head-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.m-edit-head-info strong{font-size:15px;color:var(--text);line-height:1.2}.m-edit-head-info small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.m-edit-close{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.m-edit-block{display:flex;align-items:center;justify-content:space-between;gap:12px}.m-edit-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.m-edit-sizes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.m-edit-size{min-width:50px;height:36px;padding:0 12px;border:1px solid var(--border-dim);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.m-edit-size.active{border-color:var(--tray-accent);color:var(--tray-accent);background:rgba(var(--tray-rgb),.1)}.m-edit-qty{display:flex;align-items:center;gap:16px}.m-edit-qty .qty-btn{width:38px;height:38px;font-size:15px}.m-edit-qty .qty-count{font-size:17px;min-width:30px}.m-edit-remove{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid rgba(220,90,90,.32);border-radius:12px;background:#dc505014;color:#e08a8a;font-size:14px;font-weight:700;cursor:pointer}.library-panel.mobile-visible{overflow:hidden;border-radius:16px 16px 0 0;padding:10px 10px 0}.is-light .library-panel.mobile-visible{margin:0}.m-browser{display:flex;flex:1 1 auto;min-height:0}.m-rail{flex:0 0 auto;width:66px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 4px calc(92px + env(safe-area-inset-bottom,0px)) 0;border-right:1px solid var(--border-dim)}.m-rail::-webkit-scrollbar{display:none}.m-rail button{position:relative;flex:0 0 auto;display:flex;align-items:center;min-height:44px;border:0;border-left:2px solid transparent;border-radius:0 9px 9px 0;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.18;text-align:left;white-space:nowrap;padding:6px 6px 6px 8px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.m-rail button.active{color:var(--tray-accent);background:rgba(var(--tray-rgb),.1);border-left-color:var(--tray-accent)}.m-rail-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--tray-accent);color:#131316;font-size:9px;font-weight:800;line-height:15px;text-align:center;font-variant-numeric:tabular-nums}.m-browser-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding-left:9px}.m-browser-main .element-filter{flex:0 0 auto;margin:0 -10px 0 0;padding-right:10px}.library-panel.mobile-visible .material-card{height:122px;min-height:122px;max-height:122px;padding:8px 5px 7px;gap:3px}.library-panel.mobile-visible .material-card img{width:40px;height:40px}.library-panel.mobile-visible .material-card[data-shape=accent] img{width:50px;height:40px}.library-panel.mobile-visible .material-card strong{font-size:10px;min-height:23px}.card-stepper{display:flex;gap:7px}.card-step{width:22px;height:22px;font-size:14px}@media(prefers-reduced-motion:reduce){.m-sheet,.m-edit-card,.m-sheet-overlay,.m-edit-overlay{animation:none}}}.sizing-gate{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 20px}.sizing-card{width:min(420px,100%);text-align:center;display:grid;justify-items:center;gap:14px}.sizing-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--tray-rgb),.12);color:var(--tray-accent);border:1px solid rgba(var(--tray-rgb),.28)}.sizing-card h1{font-family:Spectral,serif;font-size:36px;font-weight:400;line-height:1.1;margin:0}.sizing-desc{color:var(--muted);font-size:15px;line-height:1.6;max-width:340px;margin:0}.sizing-input-row{display:grid;grid-template-columns:1fr auto;align-items:center;width:180px;border:1px solid rgba(var(--tray-rgb),.34);border-radius:999px;padding:0 4px 0 18px;background:rgba(var(--tray-rgb),.06)}.sizing-input-row input{width:100%;min-height:52px;border:0;border-radius:0;padding:0;background:transparent;color:var(--tray-accent);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.sizing-input-row span{color:var(--dim);font-size:13px;font-weight:800;padding-right:14px}.sizing-input-row input::-webkit-inner-spin-button,.sizing-input-row input::-webkit-outer-spin-button{margin:0}.sizing-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;max-width:380px}.sizing-presets button{min-height:52px;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:grid;align-content:center;gap:2px;background:#ffffff09;color:var(--muted);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.sizing-presets button:hover{border-color:rgba(var(--tray-rgb),.38)}.sizing-presets button.active{border-color:rgba(var(--tray-rgb),.62);background:rgba(var(--tray-rgb),.12);color:var(--tray-accent)}.sizing-presets strong{font-size:13px;font-weight:800}.sizing-presets small{font-size:10px;font-variant-numeric:tabular-nums}.sizing-hint{max-width:300px;color:var(--dim);font-size:12px;line-height:1.55}.sizing-actions{display:grid;gap:8px;width:100%;max-width:300px}.story-skel-stage-dark{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,#1c1c2e,#0e0e18 55%,#080810);opacity:0;transition:opacity .7s ease}.story-skel-stage-dark-on{opacity:1}.story-skel-stage-poster{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .7s ease;animation:kenBurns 24s ease-in-out infinite alternate;will-change:transform}.story-skel-stage-poster-on{opacity:1}.story-skel-hint-hidden{opacity:0!important;pointer-events:none;transition:opacity .5s ease}.story-skel-hint{transition:opacity .5s ease}.story-skel-progress i{transition:width .1s linear}.story-skel-close .story-skel-inner{text-align:center;justify-items:center}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-.8%,-.4%)}}@keyframes hintBob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.story-skel-stage-poster,.story-skel-arrow{animation:none}.story-skel-sec .story-skel-inner,.story-skel-reveal{transition:none;opacity:1;transform:none;filter:none}}@media(max-width:540px){.hero h1{font-size:clamp(28px,7.7vw,31px)}.quiz-actions{grid-template-columns:1fr;display:grid}.form-grid,.segmented,.chip-grid{grid-template-columns:1fr}.library-panel,.order-panel{padding:20px 16px}}.av-tour-popover{background:#161622!important;border:1px solid rgba(234,191,86,.18)!important;border-radius:14px!important;color:#f6f1e9!important;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif!important;box-shadow:0 24px 64px #000000b3,0 0 0 1px #eabf5614!important;padding:22px 24px 18px!important;max-width:320px!important}.av-tour-popover .driver-popover-title{font-size:15px!important;font-weight:700!important;color:#eabf56!important;margin:0 0 8px!important;line-height:1.3!important}.av-tour-popover .driver-popover-description{font-size:13px!important;line-height:1.65!important;color:#f4efe6c7!important;margin:0 0 16px!important}.av-tour-popover .driver-popover-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.av-tour-popover .driver-popover-progress-text{font-family:JetBrains Mono,monospace!important;font-size:10px!important;letter-spacing:.15em!important;color:#f4efe659!important}.av-tour-popover .driver-popover-prev-btn{background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;color:#f4efe68c!important;border-radius:10px!important;padding:8px 16px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;text-shadow:none!important;transition:border-color .2s,color .2s!important}.av-tour-popover .driver-popover-prev-btn:hover{border-color:#ffffff4d!important;color:#f4efe6e6!important}.av-tour-popover .driver-popover-next-btn{background:linear-gradient(135deg,#f0ce76,#c8a96e)!important;border:none!important;color:#1a1408!important;border-radius:10px!important;padding:8px 20px!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;text-shadow:none!important;transition:box-shadow .2s!important}.av-tour-popover .driver-popover-next-btn:hover{box-shadow:0 4px 16px #eabf5659!important}.av-tour-popover .driver-popover-close-btn{background:transparent!important;border:none!important;color:#f4efe659!important;font-size:18px!important;cursor:pointer!important;transition:color .2s!important}.av-tour-popover .driver-popover-close-btn:hover{color:#f4efe6cc!important}.driver-overlay{transition:all .3s ease!important}.help-tour-btn{color:#eabf568c!important;transition:color .2s ease}.help-tour-btn:hover{color:#eabf56!important}.admin-auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.admin-auth-card{width:100%;max-width:380px;padding:2.5rem 2rem;background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.5);text-align:center}.admin-auth-card h1{font-family:Spectral,"Noto Serif SC",serif;font-weight:400;color:var(--gold);margin:0 0 .5rem;font-size:1.4rem}.admin-auth-card p{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.admin-auth-card .field{margin-bottom:1rem}.admin-auth-error{color:#e06060;font-size:.85rem;margin-bottom:.75rem}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:220px;min-width:220px;background:var(--bg-deep);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.25rem 0}.admin-sidebar-logo{padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--line);margin-bottom:.75rem;font-family:Spectral,"Noto Serif SC",serif;font-weight:400;color:var(--gold);font-size:1.05rem}.admin-sidebar nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.admin-nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--radius);color:var(--muted);font-size:.9rem;cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.admin-nav-item:hover{background:var(--surface);color:var(--text)}.admin-nav-item.active{background:var(--surface-strong);color:var(--gold)}.admin-sidebar-bottom{padding:.75rem .75rem 0;border-top:1px solid var(--line);margin:.5rem .5rem 0;display:flex;flex-direction:column;gap:2px}.admin-main{flex:1;min-width:0;padding:2rem;overflow-x:auto}.admin-page-title{font-family:Spectral,"Noto Serif SC",serif;font-weight:400;color:var(--text);font-size:1.5rem;margin:0 0 .25rem}.admin-page-subtitle{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.admin-stat-card{padding:1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1.2}.admin-stat-label{font-size:.82rem;color:var(--muted);margin-top:.25rem}.admin-stat-warn .admin-stat-value{color:#e0a060}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}.admin-card-title{font-weight:600;color:var(--text);font-size:.95rem}.admin-card-subtitle{font-size:.8rem;color:var(--muted)}.admin-card-body{padding:1.1rem}.admin-card-body.no-padding{padding:0}.admin-table-wrap{overflow-x:auto}table.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th{text-align:left;padding:.65rem 1rem;color:var(--dim);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;-webkit-user-select:none;user-select:none}.admin-table th.sortable{cursor:pointer;color:var(--muted)}.admin-table th.sortable:hover{color:var(--text)}.admin-table th.sorted{color:var(--gold)}.admin-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border-dim);color:var(--text);vertical-align:middle}.admin-table tr:hover td{background:var(--surface)}.admin-table tr.clickable{cursor:pointer}.admin-table .col-thumb{width:52px}.admin-table .col-thumb img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--surface);border:1px solid var(--line)}.admin-table .col-actions{width:80px;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,box-shadow .15s;border:1px solid transparent;font-family:inherit;line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-primary:hover:not(:disabled){background:var(--gold-deep)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-danger{background:transparent;color:#e06060;border-color:#e060604d}.btn-danger:hover:not(:disabled){background:#e060601f}.btn-gold-ghost{background:transparent;color:var(--gold);border-color:var(--line-strong)}.btn-gold-ghost:hover:not(:disabled){background:#eabf5614}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.btn-lg{padding:.6rem 1.25rem;font-size:.95rem}.btn-icon{padding:.3rem;border-radius:50%;width:32px;height:32px}.field{margin-bottom:1rem}.field-label{display:block;font-size:.82rem;font-weight:500;color:var(--muted);margin-bottom:.3rem}.field-label .required{color:var(--gold);margin-left:2px}.field-input,.field-select{width:100%;padding:.5rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s}.field-input:focus,.field-select:focus{outline:none;border-color:var(--gold)}.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23eabf56' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;padding-right:2rem}.field-hint{font-size:.78rem;color:var(--dim);margin-top:.25rem}.field-error{font-size:.78rem;color:#e06060;margin-top:.25rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field-readonly{padding:.5rem .7rem;background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--muted);font-size:.9rem;font-family:JetBrains Mono,monospace}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:100px;font-size:.75rem;font-weight:500;line-height:1.5}.badge-default{background:var(--surface-strong);color:var(--muted)}.badge-success{background:#60c87826;color:#78d890}.badge-warning{background:#e0a06026;color:#e0a060}.badge-danger{background:#e0606026;color:#e06060}.badge-info{background:#60a0e026;color:#80b8e8}.badge-gold{background:#eabf561f;color:var(--gold)}.search-wrap{position:relative;width:320px}.search-wrap .search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none}.search-wrap .field-input{padding-left:2.2rem}.search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);cursor:pointer;padding:2px;border-radius:4px}.search-clear:hover{color:var(--text)}.admin-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filter-select{width:160px}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.5);max-height:85vh;overflow-y:auto;animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:400px}.modal-md{width:520px}.modal-lg{width:700px}.modal-full{width:90vw;max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.modal-title{font-weight:600;font-size:1rem;color:var(--text)}.modal-close{background:none;border:none;color:var(--dim);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--line)}.toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--surface-strong);border-radius:22px;transition:background .2s;border:1px solid var(--line)}.toggle.on .toggle-track{background:#eabf5640;border-color:var(--gold)}.toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--muted);border-radius:50%;transition:transform .2s,background .2s}.toggle.on .toggle-thumb{transform:translate(18px);background:var(--gold)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.image-item img{width:100%;height:100%;object-fit:cover}.image-item-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;border:none;color:#e06060;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .15s}.image-item:hover .image-item-remove{opacity:1}.admin-section-title{font-size:.9rem;font-weight:600;color:var(--text);margin:1.5rem 0 .75rem}.admin-section-title:first-child{margin-top:0}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-2{margin-top:1rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-strong) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{height:40px;margin-bottom:4px}.skeleton-text{height:16px;width:60%;margin-bottom:8px}.empty-state{text-align:center;padding:3rem 2rem;color:var(--dim)}.empty-state-icon{color:var(--line-strong);margin-bottom:.75rem}.empty-state-text{font-size:.95rem;color:var(--muted)}.error-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#e060601a;border:1px solid rgba(224,96,96,.25);border-radius:var(--radius);color:#e06060;font-size:.88rem;margin-bottom:1rem}.error-banner button{margin-left:auto}@media(max-width:1365px){.desktop-only{display:none!important}.admin-sidebar{width:60px;min-width:60px}.admin-nav-item span,.admin-sidebar-logo{display:none}.admin-nav-item{justify-content:center;padding:.55rem}.admin-main{padding:1rem}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.field-row{grid-template-columns:1fr}.search-wrap,.filter-select{width:100%}.admin-toolbar{flex-direction:column}}.cap-pair-card{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 4px!important}.cap-pair-images{display:flex;gap:2px;width:100%;justify-content:center}.cap-half{flex:1;max-width:50%;background:none;border:1px solid var(--line);border-radius:8px;padding:2px;cursor:pointer;transition:border-color .15s;display:flex;align-items:center;justify-content:center;height:72px}.cap-half:hover{border-color:var(--line-strong)}.cap-half img{max-width:100%;max-height:100%;object-fit:contain}.material-card .material-info-icon{position:absolute;top:6px;right:6px;color:var(--dim);font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;z-index:2;background:none;border:none;padding:2px}.material-card:hover .material-info-icon{opacity:1}.material-card .material-info-icon:hover{color:var(--gold)}.material-detail-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .15s ease-out}.material-detail-card{display:flex;gap:1.5rem;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:1.5rem;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideUp .2s ease-out}.material-detail-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--dim);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;border-radius:4px}.material-detail-close:hover{color:var(--text)}.material-detail-images{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0;width:180px}.material-detail-images .detail-main{width:180px;height:180px;border-radius:12px;object-fit:contain;background:var(--surface);border:1px solid var(--line)}.material-detail-images .detail-variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.material-detail-images .detail-variant{width:100%;aspect-ratio:1;border-radius:8px;object-fit:contain;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .15s}.material-detail-images .detail-variant:hover{border-color:var(--gold)}.el-filter-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.el-filter-btn:hover{border-color:var(--el-glow);color:var(--text)}.el-filter-btn.active{border-color:var(--el-glow);background:color-mix(in srgb,var(--el-color) 12%,transparent);color:var(--el-glow)}.el-filter-icon{width:18px;height:18px;flex-shrink:0}.material-card.highlight-pulse{animation:cardHighlightPulse 1.2s ease-out}@keyframes cardHighlightPulse{0%{box-shadow:0 0 0 0 var(--gold);border-color:var(--gold)}50%{box-shadow:0 0 12px 2px #eabf5666}to{box-shadow:0 0 #eabf5600}}.detail-cap-pair-images{display:flex;gap:1rem}.detail-cap-side{display:flex;flex-direction:column;align-items:center;gap:.35rem}.detail-cap-side .detail-main{width:130px;height:130px}.detail-cap-side small{font-size:.75rem;color:var(--muted)}.material-detail-info h2{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:var(--text)}.detail-name-sub{font-size:.85rem;color:var(--dim);margin:0 0 .75rem}.detail-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.detail-badge{padding:.15rem .55rem;border-radius:100px;font-size:.75rem;font-weight:500;background:var(--surface-strong);color:var(--muted);text-transform:capitalize}.detail-el-metal{background:#eabf561f;color:var(--gold)}.detail-el-wood{background:#60c8781f;color:#78d890}.detail-el-water{background:#60a0e01f;color:#80b8e8}.detail-el-fire{background:#e060601f;color:#e06060}.detail-el-earth{background:#e0a0601f;color:#e0a060}.detail-hero{background:#eabf5626;color:var(--gold)}.detail-props{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.detail-prop{padding:.5rem .6rem;background:var(--surface);border-radius:8px}.detail-prop-label{display:block;font-size:.72rem;color:var(--dim);margin-bottom:.15rem}.detail-prop span:last-child{font-size:.9rem;color:var(--text);font-weight:500}.detail-reason{margin:.75rem 0 0;font-size:.82rem;color:var(--muted);line-height:1.5;font-style:italic}@media(max-width:520px){.material-detail-card{flex-direction:column;max-width:100%}.material-detail-images{flex-direction:row;flex-wrap:wrap}.material-detail-images .detail-main{width:100px;height:100px}}