:root{color-scheme:dark;--bg:#090a09;--bg-2:#10120f;--surface:#ffffff0e;--surface-strong:#ffffff17;--text:#eff3ec;--muted:#a8b1a8;--faint:#6f786f;--border:#ffffff21;--border-strong:#ffffff3d;--green:#53f6a3;--cyan:#83fff2;--gold:#f0c95a;--magenta:#ff8bd8;--paper:#f2ead4;--danger:#ff6f6f;--radius:8px;--max:1480px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 24% 10%,#53f6a317,#0000 28%),radial-gradient(circle at 86% 24%,#f0c95a12,#0000 24%),linear-gradient(#0d0f0c 0%,#070807 100%);margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.18;background-image:repeating-radial-gradient(circle at 0 0,#ffffff52 0 1px,#0000 1px 5px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}main{width:min(var(--max), calc(100% - 40px));margin:0 auto}.site-header{z-index:20;width:min(var(--max), calc(100% - 40px));border-bottom:1px solid var(--border);backdrop-filter:blur(16px);background:#090a09c7;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:76px;margin:0 auto;display:grid;position:sticky;top:0}.brand,.site-nav,.language-switcher{align-items:center;display:flex}.brand{gap:10px;font-size:15px;font-weight:720}.brand-mark{border:1px solid var(--border-strong);color:#08100d;background:linear-gradient(140deg, #ffffffd1, #ffffff26), var(--green);border-radius:7px;place-items:center;width:34px;height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;display:grid}.site-nav{color:var(--muted);justify-content:center;gap:22px;font-size:13px}.site-nav a:hover,.language-switcher a:hover{color:var(--text)}.language-switcher{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;gap:4px;padding:4px}.language-switcher a{min-width:34px;min-height:28px;color:var(--muted);border-radius:6px;place-items:center;font-size:11px;font-weight:760;display:grid}.language-switcher a.active{color:#07100c;background:var(--green)}.hero-shell{grid-template-columns:minmax(280px,.62fr) minmax(720px,1.38fr);align-items:start;gap:28px;min-height:calc(100vh - 76px);padding:36px 0 28px;display:grid}.hero-copy{padding:24px 0 0;position:sticky;top:104px}.hero-copy h1{max-width:9ch;color:var(--text);letter-spacing:0;margin:0;font-size:clamp(58px,8vw,126px);font-weight:840;line-height:.91}.hero-copy p{color:#d4dcd2;max-width:580px;margin:24px 0 0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:760;display:inline-flex}.primary-action{color:#06100b;background:var(--green)}.secondary-action{border:1px solid var(--border);color:var(--text);background:#ffffff0b}.stat-strip{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:560px;margin:34px 0 0;display:grid;overflow:hidden}.stat-strip div{background:#ffffff0b;min-width:0;padding:16px}.stat-strip dt,.stat-strip dd{margin:0}.stat-strip dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:820}.stat-strip dd{color:var(--muted);margin-top:4px;font-size:12px}.map-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#ffffff12,#ffffff06),#0000002e;min-width:0;box-shadow:0 24px 80px #00000047}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,52px);font-weight:820;line-height:1}.section-heading p{max-width:760px;color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.map-heading{padding:18px 18px 0}.filter-bar{gap:10px;padding:0 18px 16px;display:grid}.filter-group{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-button{border:1px solid var(--border);min-height:32px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:7px;flex:none;padding:0 10px;font-size:11px;font-weight:760}.filter-button.active{color:#07100c;background:var(--green);border-color:#53f6a394}.periodic-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:7px;padding:0 18px 18px;display:grid}.material-tile{border:1px solid var(--border);background:linear-gradient(#ffffff12,#ffffff05),#ffffff09;border-radius:7px;flex-direction:column;justify-content:end;min-height:96px;padding:8px;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative;overflow:hidden}.material-tile:before{content:"";opacity:.16;background:var(--tile-accent,var(--green));position:absolute;inset:0}.material-tile.status-ready{border-color:color-mix(in srgb, var(--tile-accent,var(--green)) 52%, white 10%);background:linear-gradient(135deg,#ffffff29,#0000 40%),linear-gradient(#ffffff14,#ffffff05),#ffffff0a}.material-tile.status-ready:after{background:var(--green);width:7px;height:7px;box-shadow:0 0 18px var(--green);content:"";border-radius:999px;position:absolute;inset:auto 8px 8px auto}.material-tile.status-planned{opacity:.55}.material-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tile-status,.tile-family,.category-label{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:780}.tile-status{top:7px;position:absolute;inset-inline-end:7px}.tile-symbol{z-index:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px;font-weight:820;line-height:1;display:block;position:relative}.tile-name,.tile-family{z-index:1;display:block;position:relative}.tile-name{overflow-wrap:anywhere;margin-top:7px;font-size:11px;font-weight:760;line-height:1.15}.tile-family{overflow-wrap:anywhere;text-transform:none;margin-top:5px;line-height:1.1}.category-digital{--tile-accent:#83fff2}.category-surface{--tile-accent:#f2ead4}.category-optical{--tile-accent:#ff8bd8}.category-physical{--tile-accent:#f0c95a}.category-game{--tile-accent:#ff815e}.category-cyber{--tile-accent:#53f6a3}.empty-results{color:var(--muted);margin:0;padding:0 18px 22px}.content-section{padding:84px 0 0}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.recipe-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0b;transition:transform .16s,border-color .16s;overflow:hidden}.recipe-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.recipe-card-body{padding:15px}.recipe-card h3{margin:8px 0 0;font-size:20px;line-height:1.1}.recipe-card p{min-height:66px;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-accent) 14%, transparent), transparent), #ffffff0a;min-height:168px;padding:16px}.category-card span{color:var(--tile-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:36px;font-weight:820}.category-card h3{margin:38px 0 0;font-size:16px;line-height:1.2}.category-card p{color:var(--muted);margin:8px 0 0;font-size:12px}.how-section{padding-bottom:88px}.use-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.use-flow div{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0b;justify-content:space-between;align-items:end;min-height:110px;padding:18px;display:flex}.use-flow span{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.use-flow strong{font-size:22px}.material-preview{background:#0c0e0c;min-height:178px;position:relative;overflow:hidden}.material-preview:before{content:"";background:radial-gradient(circle at 18% 18%,#53f6a32e,#0000 26%),radial-gradient(circle at 78% 22%,#ff8bd824,#0000 24%),linear-gradient(135deg,#ffffff0d,#0000);position:absolute;inset:0}.preview-core{border-radius:8px;place-items:center;display:grid;position:absolute;inset:22px}.preview-core span{z-index:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:36px;font-weight:860;position:relative}.preview-liquid-glass .preview-core{backdrop-filter:blur(16px)saturate(1.22);background:linear-gradient(135deg,#ffffff52,#ffffff0f),#ffffff14;border:1px solid #ffffff5c;box-shadow:inset 0 1px #ffffff8c,inset 0 -20px 54px #ffffff12,0 22px 70px #00000057}.preview-frosted-film .preview-core{backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff38}.preview-frosted-film:before{background:radial-gradient(circle at 28% 36%,#ffc75d6b,#0000 28%),radial-gradient(circle at 78% 52%,#4fe0ff52,#0000 30%),#111610}.preview-chrome-ui .preview-core{color:#060707;background:linear-gradient(115deg,#08090a 0%,#f4f7f6 18%,#80888a 27%,#fff 38%,#111416 52%,#b8c2c4 66%,#fff 76%,#2b3033 100%);border:1px solid #ffffff6b;box-shadow:inset 0 1px #ffffffb8,0 22px 62px #0006}.preview-holographic .preview-core{color:#101012;background:linear-gradient(120deg,#ffffffa3,#fff0 34%),conic-gradient(from 220deg,#b6fff1,#ffb8e8,#fff3a8,#a9c7ff,#b6fff1);box-shadow:inset 0 1px #ffffffad,0 22px 70px #ff78dc2e}.preview-aurora-gradient .preview-core{background:radial-gradient(circle at 20% 20%,#2effbe94,#0000 32%),radial-gradient(circle at 74% 34%,#ff5ed25c,#0000 34%),radial-gradient(circle at 52% 78%,#ffd35c47,#0000 32%),#080b0a;border:1px solid #ffffff1f}.preview-noise-gradient .preview-core{background:radial-gradient(circle at 18% 16%,#46dcb46b,#0000 28%),linear-gradient(135deg,#17140f,#22261d 42%,#0d1112)}.preview-noise-gradient .preview-core:after,.preview-paper-grain .preview-core:after{opacity:.18;content:"";background-image:repeating-radial-gradient(circle at 0 0,#ffffff73 0 1px,#0000 1px 5px);position:absolute;inset:0}.preview-dark-neon .preview-core{color:#e9fff8;background:linear-gradient(#111615,#080a0a);border:1px solid #48ffcb61;box-shadow:inset 0 1px #ffffff14,0 0 34px #48ffcb3d}.preview-terminal-green .preview-core{color:#8dffb2;background:repeating-linear-gradient(#39ff8e14 0 1px,#0000 1px 4px),#050806;border:1px solid #39ff8e4d}.preview-rpg-gold-button .preview-core{color:#2b1804;background:linear-gradient(#fff0a6 0%,#dca832 38%,#8c5a12 100%);border:2px solid #6f4b12;box-shadow:inset 0 4px #ffffff94,inset 0 -8px #532d067a,0 12px #4b2a08}.preview-crystal-gem .preview-core{clip-path:polygon(50% 0,92% 24%,80% 82%,50% 100%,20% 82%,8% 24%);background:linear-gradient(135deg,#ffffffbf,#0000 24%),linear-gradient(45deg,#72fff7,#6e6bff 48%,#ff7adf);box-shadow:0 18px 50px #716fff47}.preview-gold .preview-core{color:#201303;background:linear-gradient(100deg,#5b3506 0%,#d89b23 18%,#fff0a5 34%,#b77714 54%,#f6d56a 72%,#6b3c06 100%);border:1px solid #f2cd62}.preview-carbon-fiber .preview-core{background:linear-gradient(135deg,#ffffff14,#0000 28%),repeating-linear-gradient(45deg,#101414 0 4px,#050707 4px 8px),repeating-linear-gradient(-45deg,#ffffff14 0 2px,#0000 2px 7px);border:1px solid #ffffff1f}.detail-main{padding:34px 0 90px}.back-link{border:1px solid var(--border);min-height:34px;color:var(--muted);border-radius:7px;align-items:center;padding:0 10px;font-size:12px;font-weight:760;display:inline-flex}.detail-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:stretch;gap:22px;margin-top:22px;display:grid}.detail-title{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-accent) 16%, transparent), transparent 54%), #ffffff0a;padding:clamp(24px,5vw,54px)}.detail-title h1{letter-spacing:0;margin:12px 0 0;font-size:clamp(48px,8vw,118px);font-weight:840;line-height:.96}.detail-title p{color:#d7dfd4;max-width:820px;margin:24px 0 0;font-size:18px;line-height:1.6}.detail-meta{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.detail-meta span{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:760}.detail-hero .material-preview{border:1px solid var(--border);border-radius:var(--radius);min-height:420px}.detail-hero .preview-core{inset:42px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.detail-panel,.code-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0b;padding:18px}.detail-panel.wide,.code-card{grid-column:1/-1}.detail-panel h2,.code-card h2,.relation-section h2{margin:0;font-size:18px;line-height:1.2}.detail-panel p{color:var(--muted);margin:12px 0 0;line-height:1.65}.pill-list{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pill-list li{border:1px solid var(--border);color:#dfe7dc;background:#ffffff0b;border-radius:999px;padding:7px 10px;font-size:12px}.copy-prose{grid-template-columns:1fr auto;align-items:start;gap:18px;margin-top:12px;display:grid}.copy-prose p{margin:0}.copy-button{min-height:32px;color:var(--green);cursor:pointer;background:#53f6a314;border:1px solid #53f6a36b;border-radius:7px;padding:0 10px;font-size:12px;font-weight:800}.code-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}pre{color:#d9f5e9;background:#050706;border:1px solid #ffffff1a;border-radius:8px;margin:14px 0 0;padding:16px;font-size:13px;line-height:1.55;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.coming-soon-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-accent) 14%, transparent), transparent), #ffffff0a}.relation-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.relation-section article{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0b;padding:18px}.relation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.relation-list a{border:1px solid var(--border);min-height:44px;color:var(--muted);background:#ffffff09;border-radius:7px;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.relation-list span{color:#07100c;background:var(--green);border-radius:6px;place-items:center;width:30px;height:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:820;display:grid}html[dir=rtl] .site-nav,html[dir=rtl] .language-switcher,html[dir=rtl] .brand,html[dir=rtl] .hero-actions,html[dir=rtl] .filter-group,html[dir=rtl] .detail-meta,html[dir=rtl] .pill-list{direction:rtl}@media (width<=1180px){.hero-shell{grid-template-columns:1fr}.hero-copy{grid-template-columns:minmax(280px,.7fr) minmax(320px,1fr);align-items:end;gap:24px;display:grid;position:relative;top:auto}.hero-copy h1{max-width:none}.stat-strip{margin-top:24px}.featured-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){main,.site-header{width:min(100% - 24px, var(--max))}.site-header{grid-template-columns:1fr;align-items:start;gap:10px;padding:12px 0}.site-nav{justify-content:flex-start;overflow-x:auto}.language-switcher{width:100%;overflow-x:auto}.hero-shell{min-height:auto;padding-top:20px}.hero-copy{grid-template-columns:1fr;padding-top:0}.hero-copy h1{font-size:58px}.hero-copy p{font-size:16px}.stat-strip{grid-template-columns:1fr}.periodic-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;padding:0 12px 12px}.material-tile{min-height:86px;padding:7px}.tile-symbol{font-size:21px}.map-heading,.filter-bar{padding-inline:12px}.featured-grid,.category-grid,.use-flow,.detail-hero,.detail-grid,.relation-section{grid-template-columns:1fr}.detail-hero .material-preview{min-height:300px}.copy-prose,.relation-list{grid-template-columns:1fr}}