:root,[data-wall=charcoal]{--bg: #16171a;--surface: #1f2024;--line: #34363d;--fg: #ece8df;--sub: #cfc9bd;--muted: #a29d92;--stage: #121315;--accent: #d4ad5a;--accent-fg: #16171a;--shadow: rgba(0, 0, 0, .6);--glow: rgba(255, 236, 200, .15)}[data-wall=white]{--bg: #ece9e3;--surface: #f6f4ef;--line: #cfc9be;--fg: #1d1c1a;--sub: #3d3a35;--muted: #5c574e;--stage: #e4e0d8;--accent: #7a5a14;--accent-fg: #ffffff;--shadow: rgba(40, 30, 20, .3);--glow: rgba(255, 252, 240, .95)}[data-wall=green]{--bg: #1f3a32;--surface: #26453c;--line: #3d6356;--fg: #eef0e8;--sub: #d6ddd3;--muted: #b3c2b8;--stage: #1a322b;--accent: #e0c27a;--accent-fg: #1f3a32;--shadow: rgba(0, 0, 0, .5);--glow: rgba(255, 240, 205, .15)}[data-wall=blue]{--bg: #17213a;--surface: #1e2a47;--line: #34446a;--fg: #eceff6;--sub: #d0d6e3;--muted: #a9b3c8;--stage: #131c31;--accent: #e0c27a;--accent-fg: #17213a;--shadow: rgba(0, 0, 0, .55);--glow: rgba(255, 240, 210, .14)}[data-wall=clay]{--bg: #6e3424;--surface: #7c3e2d;--line: #9a5946;--fg: #f7ece4;--sub: #f0dbd0;--muted: #ecd2c6;--stage: #632e20;--accent: #f2cf86;--accent-fg: #3a1a10;--shadow: rgba(30, 8, 0, .5);--glow: rgba(255, 230, 190, .17)}:root{--placard: #f3efe6;--placard-ink: #1d1c1a;--placard-muted: #5c574e;--placard-line: #d6cfc1;--placard-link: #7a5a14;--serif: "Cormorant Garamond", Georgia, serif;--sans: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(16px, 4vw, 32px);--max: 1280px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.5;transition:background .5s ease,color .5s ease;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{filter:brightness(1.12)}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.serif{font-family:var(--serif)}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.muted{color:var(--muted)}.sub{color:var(--sub)}.h1{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(44px,6vw,78px);line-height:1.02}.h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,44px);line-height:1.1}.small{font-size:13px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stack{display:flex;flex-direction:column;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--muted);filter:none}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-lg{min-height:50px;padding:0 26px;font-size:15px}.btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:inline-flex;align-items:center;justify-content:center}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--sub);font-size:14px;font-weight:600}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.segmented .chip{border:0}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .5s ease}@supports not (background: color-mix(in srgb,red 50%,transparent)){.site-header{background:var(--bg)}}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:12px;padding-bottom:12px}@media (max-width: 640px){.site-header .wrap{gap:6px 16px;padding-top:8px;padding-bottom:8px}.site-header .header-actions .btn:not(.btn-primary){display:none}.site-header .nav a{padding:6px 0}}html{scroll-padding-top:96px}.select{min-height:44px;padding:0 40px 0 16px;border-radius:999px;border:1px solid var(--line);background-color:var(--surface);color:var(--fg);font-size:14px;font-weight:600;max-width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.select option{background:var(--surface);color:var(--fg)}.filter-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.filter-row label{font-size:13px;font-weight:600;color:var(--muted)}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}.logo:hover{filter:none}.wordmark{display:inline-flex;align-items:baseline;font-family:var(--serif);font-weight:600;line-height:1}.nav{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:14px;font-weight:600}.nav a{color:var(--muted);text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}.nav a.active{color:var(--fg);border-bottom-color:var(--accent)}.header-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.site-footer{border-top:1px solid var(--line);margin-top:40px}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;padding-top:36px;padding-bottom:36px;font-size:14px;color:var(--muted)}.notice{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:8px 16px}.frame{background:var(--frame-color, #3b2a1a);padding:var(--frame-pad, 11px);box-shadow:var(--frame-shadow, 0 20px 40px var(--shadow)),inset 0 0 0 1px #ffffff14}.frame.float{background:transparent;padding:0;box-shadow:none}.mat{background:var(--mat-color, #f3efe6);padding:var(--mat-pad, 18px);box-shadow:inset 0 2px 6px #0000004d}.mat.none{padding:0;box-shadow:none;background:transparent}.frame.float .mat{box-shadow:var(--frame-shadow, 0 20px 40px var(--shadow))}.art{position:relative;background:#e7e1d4;overflow:hidden}.art img,.art video{width:100%;height:auto}.art.square{aspect-ratio:1 / 1}.art.square img,.art.square video{height:100%;object-fit:cover}.art.placeholder svg{display:block;width:100%;height:auto}.art .loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#e7e1d4,#efe9dd,#e7e1d4);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.lit{background:radial-gradient(ellipse 70% 60% at 50% 0%,var(--glow),transparent 80%)}.placard{background:var(--placard);color:var(--placard-ink);padding:18px 22px;box-shadow:0 10px 24px var(--shadow);display:flex;flex-direction:column;gap:3px}.placard a{color:var(--placard-link);font-weight:700}.placard .title{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.1;overflow-wrap:anywhere}.placard .meta{font-size:13px;color:var(--placard-muted)}.placard .divider{border-top:1px solid var(--placard-line);margin-top:10px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.placard-sm{padding:10px 14px;align-self:center;width:min(200px,100%)}.placard-sm .title{font-size:19px}.hero{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:64px;padding-bottom:56px}.hero-art{flex:0 1 380px;min-width:240px}.hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid var(--line);padding-top:44px}.search{width:100%;min-height:54px;padding:0 18px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:12px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:56px 36px}.card{display:flex;flex-direction:column;gap:16px;color:inherit;text-decoration:none}.card:hover{filter:none}.card:hover .frame{transform:translateY(-3px)}.card .frame{transition:transform .3s ease}.card-name{font-family:var(--serif);font-size:26px;line-height:1.15;color:var(--fg);overflow-wrap:anywhere}.pill{padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--sub);font-size:12px}.empty{padding:48px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.collection-head{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-top:48px;padding-bottom:24px}.artist-card{flex:0 1 380px;min-width:260px;background:var(--surface);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:26px}.stage{position:relative;height:580px;overflow:hidden;perspective:1800px;background:var(--stage);border:1px solid var(--line)}.stage.lit{background:radial-gradient(ellipse 60% 70% at 50% 0%,var(--glow),transparent 75%),var(--stage)}.ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.ring-item{position:absolute;left:50%;top:64px;width:240px;margin-left:-120px;backface-visibility:hidden;transition:opacity .6s ease}.ring-item button{display:block;width:100%;padding:0;background:none;border:0}.spin-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:28px}.salon{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 36px;padding:28px}.single{display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px);background:var(--stage);border:1px solid var(--line)}.thumbs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.thumbs button{width:64px;padding:3px;background:transparent;border:2px solid transparent}.thumbs button[aria-pressed=true]{border-color:var(--accent)}.thumbs img{aspect-ratio:1;object-fit:cover;width:100%}.artwork{display:flex;flex-wrap:wrap;gap:64px;align-items:center;justify-content:center;padding-top:32px;padding-bottom:64px}.artwork-main{flex:0 1 560px;min-width:260px}.artwork-side{flex:0 1 380px;min-width:260px;display:flex;flex-direction:column;gap:18px}.placard-lg{padding:28px 30px;gap:6px}.placard-lg .title{font-size:40px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000059;display:flex}.drawer{margin-left:auto;width:100%;max-width:380px;height:100%;overflow-y:auto;background:var(--surface);color:var(--fg);border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:26px;box-shadow:-20px 0 40px #0000004d}.drawer h2{margin:0;font-family:var(--serif);font-size:32px;font-weight:500}.group-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:60px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:0;font-size:11px;font-weight:600}.swatch span:first-child{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--line)}.swatch[aria-pressed=true] span:first-child{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.frame-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.frame-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:transparent;border:2px solid var(--line);font-size:11px;font-weight:600}.frame-opt[aria-pressed=true]{border-color:var(--accent)}.frame-opt .sw{width:34px;height:40px;padding:6px}.frame-opt .sw span{display:block;width:100%;height:100%;background:#f3efe6}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;width:100%;padding:0;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:15px;font-weight:600}.switch-row small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.track{flex:none;width:46px;height:26px;border-radius:999px;background:var(--line);display:flex;align-items:center;padding:3px;transition:background .2s}.track span{width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform .2s}.switch-row[aria-checked=true] .track{background:var(--accent)}.switch-row[aria-checked=true] .track span{transform:translate(20px);background:var(--accent-fg)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0a0cbf;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:460px;background:var(--placard);color:var(--placard-ink);padding:32px;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow-y:auto}.modal h2{margin:0;font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.1}.modal p{margin:0;color:var(--placard-muted);font-size:15px}.modal .label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--placard-muted);font-weight:700}.modal code{flex:1;min-width:0;padding:12px;background:#e7e1d4;font-size:13px;overflow-wrap:anywhere}.modal .opt{min-height:44px;padding:0 16px;border:1px solid #b9b1a2;background:transparent;color:var(--placard-ink);font-weight:700}.modal .opt[aria-pressed=true]{background:var(--placard-ink);color:var(--placard);border-color:var(--placard-ink)}.modal .primary{min-height:50px;background:var(--placard-ink);color:var(--placard);border:0;font-weight:700}.modal .link{min-height:44px;background:transparent;border:0;color:var(--placard-muted);font-weight:600;text-decoration:underline}.modal input,.modal select{min-height:44px;padding:0 12px;border:1px solid #b9b1a2;background:#fff;color:var(--placard-ink)}.modal .status{font-size:14px;background:#e7e1d4;padding:12px;color:var(--placard-ink)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.studio{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;gap:18px;max-width:860px}.studio-step{background:var(--surface);border:1px solid var(--line);padding:22px 24px}.studio-step[data-state=todo]{opacity:.55}.studio-step[data-state=active]{border-color:var(--accent)}.studio-step-head{display:flex;align-items:center;gap:14px}.studio-step-head h2{margin:0;font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15}.studio-num{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.studio-step[data-state=done] .studio-num{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.studio-step-body{margin:16px 0 0 48px;display:flex;flex-direction:column;gap:14px}@media (max-width: 640px){.studio-step-body{margin-left:0}}.studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--sub)}.field input,.field textarea{min-height:46px;padding:10px 14px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:500;resize:vertical}.field textarea{min-height:130px;line-height:1.5}.field small{font-weight:500;color:var(--muted)}.field .select{border-radius:10px;min-height:46px}.studio-result{padding:14px 16px;border:1px solid var(--line);background:var(--bg);font-size:14px;line-height:1.5}.studio-result.ok{border-color:var(--accent)}.studio-result.bad{border-color:#c4553f;margin-top:18px;max-width:860px}.verified{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent)}.welcome{padding-top:40px;padding-bottom:8px}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}.welcome-card{background:var(--surface);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:12px}.welcome-card h2{margin:0;font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.1}.welcome-card p{margin:0;color:var(--muted);font-size:14px}.welcome-card .row{margin-top:auto}.lookup-form{display:flex;gap:8px}.lookup-form input{flex:1;min-width:0;min-height:44px;padding:0 14px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:999px;font-size:14px}.frame{--gold: linear-gradient(135deg, #7a5a14 0%, #d9b45a 16%, #f7e3a1 28%, #b8892f 46%, #ecd07e 64%, #8c6820 82%, #d6b25c 100%)}.frame.f-walnut{background:radial-gradient(ellipse 140% 18% at 30% 40%,rgba(255,220,170,.06),transparent 70%),repeating-linear-gradient(118deg,rgba(0,0,0,.1) 0 1px,transparent 1px 11px),linear-gradient(135deg,#46321f,#35251a 45%,#402c1c 70%,#2f2116);box-shadow:var(--frame-shadow),inset 0 0 0 1px #00000080,inset 1px 1px 0 2px #ffdcaa14}.frame.f-oak{background:repeating-linear-gradient(118deg,rgba(120,90,50,.1) 0 1px,transparent 1px 9px),linear-gradient(135deg,#d6c39f,#c5ad85 45%,#d0bb96 70%,#bca47c);box-shadow:var(--frame-shadow),inset 0 0 0 1px #5a411e73,inset 1px 1px 0 2px #fffaeb40}.frame.f-black{background:linear-gradient(135deg,#1c1c1e,#0b0b0c 60%,#1a1a1b)}.frame.f-white{background:linear-gradient(135deg,#fbfaf7,#ecebe6);box-shadow:var(--frame-shadow),inset 0 0 0 1px #0000001f}.frame.f-museum{background:#151515;box-shadow:var(--frame-shadow)}.frame.f-gilt{background:var(--gold);box-shadow:var(--frame-shadow),inset 1px 1px #fff5d2bf,inset -1px -1px #3c2805b3,inset 0 0 0 2px #78551459}.frame.f-gilt>.mat{box-shadow:0 0 0 1px #6b4e12,inset 0 2px 6px #0000004d}.frame.f-silver{background:linear-gradient(135deg,#6f7378,#c9ccd1 18%,#f4f5f7 30%,#9a9ea4,#dfe1e5,#767a80 84%,#c3c6cb);box-shadow:var(--frame-shadow),inset 1px 1px #fffc,inset -1px -1px #1e1e2399}.frame.f-silver>.mat{box-shadow:0 0 0 1px #55595e,inset 0 2px 6px #0000004d}.frame.f-mahogany{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,rgba(0,0,0,.25)),repeating-linear-gradient(100deg,#5a2216 0,#5a2216 5px,#6b2a1b 5px,#6b2a1b 9px,#4a1c12 9px,#4a1c12 12px);box-shadow:var(--frame-shadow),inset 0 0 0 1px #2a0e08,inset 0 0 0 3px #96462859}.frame.f-mahogany>.mat{box-shadow:0 0 0 2px #c49a3c,0 0 0 3px #2a0e08,inset 0 2px 6px #0000004d}.frame.f-antique{background:radial-gradient(circle at 18% 22%,rgba(40,55,35,.35),transparent 35%),radial-gradient(circle at 82% 75%,rgba(25,15,5,.45),transparent 40%),radial-gradient(circle at 70% 15%,rgba(255,240,200,.18),transparent 30%),repeating-linear-gradient(45deg,rgba(60,40,10,.18) 0 1px,transparent 1px 4px),linear-gradient(135deg,#5b4317,#a9873f 22%,#c9a95e 34%,#7d6025,#b0904a 74%,#4d3912);box-shadow:var(--frame-shadow),inset 0 0 0 1px #3a2a0c,inset 0 0 0 2px #d2b46e80,inset 0 0 0 calc(var(--frame-pad) * .28) #0000,inset 0 0 calc(var(--frame-pad) * .6) #1e14058c}.frame.f-antique>.mat{box-shadow:0 0 0 1px #3a2a0c,0 0 0 3px #9c7d3c,0 0 0 4px #3a2a0c,inset 0 2px 6px #00000059}.frame.f-gilded{background:var(--gold);box-shadow:var(--frame-shadow),inset 0 0 0 2px #4d3810,inset 0 0 0 4px #f6e2a0,inset 0 0 0 calc(var(--frame-pad) * .3) #c49a3c,inset 0 0 0 calc(var(--frame-pad) * .3 + 2px) #6b4e12,inset 0 0 0 calc(var(--frame-pad) * .3 + 4px) #f3d98a}.frame.f-gilded>.mat{box-shadow:0 0 0 2px #6b4e12,0 0 0 4px #f3d98a,0 0 0 5px #5a4210,inset 0 2px 6px #0000004d}.frame.f-ornate{background:radial-gradient(circle,#fff3c4 0 1.4px,#9a7425 2.2px,transparent 2.9px) 0 0 / 8px 8px,radial-gradient(circle,rgba(255,240,190,.5) 0 1px,transparent 1.8px) 4px 4px / 8px 8px,var(--gold);box-shadow:var(--frame-shadow),inset 0 0 0 2px #4d3810,inset 0 0 0 4px #f6e2a0,inset 0 0 0 calc(var(--frame-pad) * .22) #c49a3c,inset 0 0 0 calc(var(--frame-pad) * .22 + 2px) #5a4210,inset 0 0 calc(var(--frame-pad) * .5) #3c280559}.frame.f-ornate>.mat{box-shadow:0 0 0 2px #5a4210,0 0 0 5px #e9c873,0 0 0 6px #5a4210,inset 0 2px 6px #0000004d}.frame.f-victorian{background:radial-gradient(circle,#d9b45a 0 1.2px,transparent 1.9px) 0 0 / 10px 10px,linear-gradient(135deg,#2b170f,#4a2a1a 30%,#24130c,#3b2015 80%,#1c0f0a);box-shadow:var(--frame-shadow),inset 0 0 0 2px #120805,inset 0 0 0 4px #b8892f,inset 0 0 0 calc(var(--frame-pad) * .25) #2b170f,inset 0 0 0 calc(var(--frame-pad) * .25 + 1px) #8c6820,inset 0 0 calc(var(--frame-pad) * .4) #0009}.frame.f-victorian>.mat{box-shadow:0 0 0 3px #d9b45a,0 0 0 5px #24130c,0 0 0 7px #b8892f,0 0 0 8px #120805,inset 0 2px 6px #00000059}.frame.f-baroque{background:radial-gradient(circle at 0 0,#fff1b8 0 calc(var(--frame-pad) * .45),#8c6820 calc(var(--frame-pad) * .55),#f0d48a calc(var(--frame-pad) * .68),#6b4e12 calc(var(--frame-pad) * .78),transparent calc(var(--frame-pad) * .84)),radial-gradient(circle at 100% 0,#fff1b8 0 calc(var(--frame-pad) * .45),#8c6820 calc(var(--frame-pad) * .55),#f0d48a calc(var(--frame-pad) * .68),#6b4e12 calc(var(--frame-pad) * .78),transparent calc(var(--frame-pad) * .84)),radial-gradient(circle at 0 100%,#fff1b8 0 calc(var(--frame-pad) * .45),#8c6820 calc(var(--frame-pad) * .55),#f0d48a calc(var(--frame-pad) * .68),#6b4e12 calc(var(--frame-pad) * .78),transparent calc(var(--frame-pad) * .84)),radial-gradient(circle at 100% 100%,#fff1b8 0 calc(var(--frame-pad) * .45),#8c6820 calc(var(--frame-pad) * .55),#f0d48a calc(var(--frame-pad) * .68),#6b4e12 calc(var(--frame-pad) * .78),transparent calc(var(--frame-pad) * .84)),repeating-linear-gradient(45deg,rgba(90,60,10,.4) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(255,240,190,.25) 0 1px,transparent 1px 6px),var(--gold);box-shadow:var(--frame-shadow),inset 0 0 0 2px #4d3810,inset 0 0 0 5px #f6e2a0,inset 0 0 0 6px #6b4e12,inset 0 0 calc(var(--frame-pad) * .5) #3c280573}.frame.f-baroque>.mat{box-shadow:0 0 0 2px #4d3810,0 0 0 5px #f3d98a,0 0 0 7px #8c6820,0 0 0 8px #4d3810,inset 0 2px 6px #0000004d}.frame.f-royal{background:radial-gradient(ellipse at 30% 20%,rgba(255,120,130,.18),transparent 60%),linear-gradient(135deg,#7d1220,#4e0811 60%,#6d0f1a);box-shadow:var(--frame-shadow),inset 0 0 0 2px #4d3810,inset 0 0 0 4px #f6e2a0,inset 0 0 0 calc(var(--frame-pad) * .32) #c49a3c,inset 0 0 0 calc(var(--frame-pad) * .32 + 2px) #f3d98a,inset 0 0 0 calc(var(--frame-pad) * .5) #b8892f,inset 0 0 0 calc(var(--frame-pad) * .5 + 2px) #4d3810,inset 0 0 calc(var(--frame-pad) * .15) calc(var(--frame-pad) * .5 + 2px) #1e000599}.frame.f-royal>.mat{box-shadow:0 0 0 2px #f2d27a,0 0 0 3px #4d3810,inset 0 2px 6px #00000059}.frame.f-deco{background:linear-gradient(135deg,#1b1b1d,#0c0c0d 50%,#19191b);box-shadow:var(--frame-shadow),inset 0 0 0 2px #d4ad5a,inset 0 0 0 5px #0c0c0d,inset 0 0 0 6px #d4ad5a,inset 0 0 0 calc(var(--frame-pad) * .55) #0c0c0d,inset 0 0 0 calc(var(--frame-pad) * .55 + 1px) #d4ad5a}.frame.f-deco>.mat{box-shadow:0 0 0 2px #d4ad5a,0 0 0 4px #0c0c0d,0 0 0 5px #d4ad5a,inset 0 2px 6px #0000004d}.frame>.mat.none{box-shadow:none}.frame-opts{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-mini{display:block;width:46px}.frame-mini.small{width:24px}.frame-mini-art{display:block;aspect-ratio:5 / 6;background:linear-gradient(135deg,#1f3a5f,#e8b04b 55%,#d9583b)}.frame-mini-mix{display:flex;gap:4px;align-items:flex-end;height:56px}.frame-opt{gap:8px;padding:10px 4px}.wallet-wrap{position:relative}.wallet-btn{gap:8px;padding:0 14px 0 10px;font-variant-numeric:tabular-nums}.wallet-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:35;min-width:250px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px #00000059;padding:6px;display:flex;flex-direction:column}.wallet-menu-head{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);margin-bottom:6px}.wallet-menu-head code{font-size:12px;color:var(--sub);overflow-wrap:anywhere}.wallet-menu button{min-height:42px;padding:0 12px;text-align:left;background:transparent;border:0;color:var(--fg);font-size:14px;font-weight:600;border-radius:6px}.wallet-menu button:hover,.wallet-menu button:focus-visible{background:color-mix(in srgb,var(--fg) 8%,transparent)}.wallet-menu button.danger{color:#e07a5f}[data-wall=white] .wallet-menu button.danger{color:#a63d22}.wallet-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.wallet-toast{position:absolute;right:0;top:calc(100% + 8px);z-index:36;width:280px;padding:12px 14px;background:var(--placard);color:var(--placard-ink);font-size:13px;box-shadow:0 12px 30px #00000059}.share{width:100%;max-width:1180px;height:min(860px,calc(100vh - 32px));background:var(--surface);color:var(--fg);border:1px solid var(--line);box-shadow:0 30px 60px #00000080;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);overflow:hidden}.share-preview{position:relative;min-height:0;background:var(--bg);padding:clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.share-preview canvas{display:block;max-width:100%;max-height:100%;min-height:0;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 30px #00000059}.share-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;pointer-events:none}.share-note{font-size:13px;color:var(--muted);text-align:center;max-width:420px}.share-controls{min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.share-controls h2{margin:0;font-family:var(--serif);font-weight:500;font-size:32px}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:end}.share-grid .field:first-child{grid-column:1 / -1}.share-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;color:var(--sub);cursor:pointer}.share-check input{width:18px;height:18px;accent-color:var(--accent)}.share-fieldset{border:1px solid var(--line);padding:4px 14px 14px;margin:0}.share-fieldset legend{padding:0 6px}.share-actions{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:-24px;background:var(--surface);padding:12px 0 24px;margin-bottom:-24px;border-top:1px solid var(--line)}@media (max-width: 820px){.share{display:block;height:auto;max-height:calc(100vh - 32px);overflow-y:auto}.share-preview{height:46vh}.share-controls{overflow:visible}.share-grid{grid-template-columns:1fr}}.learn-toolbar{position:sticky;top:66px;z-index:20;display:flex;flex-wrap:nowrap;align-items:center;gap:12px 20px;margin-top:32px;padding:12px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}@media (max-width: 640px){.learn-toolbar{position:static}}.learn-toc{display:flex;flex-wrap:nowrap;gap:18px;font-size:13px;font-weight:600;overflow-x:auto;min-width:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}.learn-toc::-webkit-scrollbar{display:none}.learn-toc a{color:var(--muted);text-decoration:none;padding:10px 0;white-space:nowrap}.learn-toolbar .segmented{flex:none}.learn-toc a:hover{color:var(--fg)}.learn-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:28px}.learn-tool{background:var(--surface);border:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:10px}.learn-tool h3{margin:0;font-family:var(--serif);font-weight:500;font-size:24px}.learn-tool p{margin:0}.learn-guide{padding-top:64px;scroll-margin-top:140px}.learn-guide-head{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.learn-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.learn-card{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}.learn-visual{background:var(--bg);padding:18px;min-height:190px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.learn-visual>*{width:100%}.learn-card-text{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}.learn-card-text h3{margin:0;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.15}.learn-card-text p{margin:0;font-size:14px;color:var(--sub)}.learn-step{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.learn-text{margin:0;padding-left:22px;max-width:760px;display:flex;flex-direction:column;gap:18px}.learn-text li::marker{color:var(--accent);font-weight:700}.learn-text h3{margin:0 0 4px;font-size:17px;font-weight:700}.learn-text p{margin:0;color:var(--sub);line-height:1.6}.learn-table-wrap{overflow-x:auto;border:1px solid var(--line)}.learn-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}.learn-table th{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line)}.learn-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.learn-table code{font-size:13px;color:var(--fg)}.learn-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.learn-tag.read{background:color-mix(in srgb,#5aa469 22%,transparent);color:var(--fg)}.learn-tag.write{background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--fg)}.learn-checklist{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 24px;max-width:1000px}.learn-checklist li{position:relative;padding-left:30px;color:var(--sub);line-height:1.5}.learn-checklist li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.mock{background:#fbfaf7;color:#1d1c1a;border:1px solid #d9d4c8;border-radius:8px;overflow:hidden;font-size:12px;box-shadow:0 8px 20px #0000002e}.mock-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#ece8df;border-bottom:1px solid #d9d4c8}.mock-bar span{width:7px;height:7px;border-radius:50%;background:#c9c2b4}.mock-bar em{margin-left:6px;font-style:normal;color:#6b665c;font-size:11px}.mock-tabs,.mock-subtabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 0;border-bottom:1px solid #e3ded3}.mock-tabs span{padding:6px 8px;color:#6b665c;border-bottom:2px solid transparent}.mock-tabs span.on{color:#1d1c1a;font-weight:700;border-bottom-color:#3a6ea5}.mock-subtabs{padding:10px;gap:6px;border-bottom:0}.mock-subtabs span{padding:4px 9px;border-radius:6px;background:#ece8df;color:#4a463f;font-weight:600}.mock-subtabs span.on{background:#3a6ea5;color:#fff}.mock-body{padding:10px;display:flex;flex-direction:column;gap:7px}.mock-search{padding:7px 9px;border:1px solid #d9d4c8;border-radius:6px;background:#fff;color:#4a463f;font-family:ui-monospace,Menlo,monospace}.mock-row{display:flex;justify-content:space-between;gap:10px}.mock-row b{font-weight:600;color:#6b665c}.mock-row span{text-align:right;overflow-wrap:anywhere}.mock .ok{color:#2f7a3d;font-weight:700}.mock .bad{color:#a63d22;font-weight:700}.mock .hl{background:#fff3c4;box-shadow:0 0 0 2px #e8b04b;border-radius:3px}.mock-fn-head{display:flex;justify-content:space-between;padding:8px 10px;background:#ece8df;font-weight:700;font-family:ui-monospace,Menlo,monospace;border-bottom:1px solid #d9d4c8}.mock-input{display:flex;flex-direction:column;gap:3px}.mock-input small{color:#6b665c;font-size:11px}.mock-input span{padding:6px 8px;border:1px solid #d9d4c8;background:#fff;border-radius:5px;font-family:ui-monospace,Menlo,monospace}.mock-btn{align-self:flex-start;padding:5px 12px;border-radius:5px;background:#e3ded3;font-weight:700;color:#1d1c1a}.mock-btn.write{background:#3a6ea5;color:#fff}.mock-result{padding:6px 8px;background:#eef5ee;border-left:3px solid #2f7a3d;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow-wrap:anywhere}.mock-pill{padding:6px 10px;border-radius:999px;background:#ece8df;font-weight:700}.mock-pill.ok{background:#e3efe3;color:#2f7a3d}.mock-wallet{max-width:260px;margin:0 auto}.mock-wallet-head{padding:9px 10px;font-weight:700;text-align:center;background:#ece8df;border-bottom:1px solid #d9d4c8}.mock-warn{padding:7px 8px;background:#fbe9e4;color:#8a2f18;border-radius:5px;font-weight:600}.mock-actions{display:flex;gap:6px;margin-top:4px}.mock-actions span{flex:1;text-align:center;padding:6px;border-radius:999px;border:1px solid #c9c2b4;font-weight:700}.mock-actions span.primary{background:#3a6ea5;border-color:#3a6ea5;color:#fff}.mock-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.mock-flow-step{display:inline-flex;align-items:center;gap:6px}.mock-flow-box{padding:10px 12px;background:#fbfaf7;color:#1d1c1a;border:1px solid #d9d4c8;border-radius:8px;font-size:12px;font-weight:700;text-align:center;max-width:150px;box-shadow:0 6px 14px #00000026}.mock-flow-arrow{color:var(--accent);font-weight:700;font-size:18px}.learn-chain-note{margin:28px 0 0;padding:14px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--sub);font-size:15px}.learn-compare th[scope=row]{text-align:left;font-size:13px;color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none;background:var(--surface);white-space:nowrap}.learn-compare td{font-size:14px;line-height:1.5;min-width:220px}.learn-toolbar{flex-wrap:wrap}.learn-toc{flex:1 1 300px}.tokens{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:20px}.token-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;background:var(--surface);border:1px solid var(--line);padding:14px 16px}.token-id{display:flex;align-items:center;gap:12px;flex:1 1 240px;min-width:0}.token-id img,.token-dot{width:36px;height:36px;border-radius:50%;flex:none}.token-dot{background:var(--line);display:flex;align-items:center;justify-content:center;font-weight:700}.token-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg)}.token-stats{display:flex;gap:14px;color:var(--sub)}