html,body,#root{min-height:100%;margin:0}body{background:#1a1a18}:root{--olive:#4a5240;--black:#0a0a0a;--charcoal:#2a2a2a;--cream:#d6cfb5;--gold:#d4af37;--red:#c41e3a;--sakura:#e8a4b4;--rose:#c45b78;--lilac:#c5b4d8;--lavender:#8b6fa8;--dusk:#5c4a72;--bg:#1a1a18;--surface:#242420;--border:#3a3a34;--accent:#d4af37;--muted:#9a9588}*{box-sizing:border-box}body{background:var(--bg);color:var(--cream);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.app{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.app.theme-women{--accent:#c45b78;--gold:#c45b78}.app.theme-culture{--accent:#c5b4d8;--gold:#d4af37}.app.theme-pace{--accent:#c45c38;--gold:#c5cdd1}.app.theme-forge{--accent:#c45c38;--gold:#4a5240}.app.theme-chalk{--accent:#c45c38;--gold:#d6cfb5}.app.theme-padel{--accent:#8fb8b8;--gold:#f0c4a8}header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.25rem}.brand-mark{align-items:center;gap:.75rem;margin-bottom:1rem;display:inline-flex}.brand-logo{width:40px;height:40px;color:var(--cream);object-fit:cover;border-radius:4px;flex-shrink:0}.section-lead{color:#9a9588;max-width:52rem;margin:-.25rem 0 1.25rem}.section-lead strong{color:var(--cream)}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.concept-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s,transform .2s;overflow:hidden}.concept-card:hover{border-color:var(--gold);transform:translateY(-2px)}.concept-preview{min-height:290px;color:var(--cream);border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 42%,#d6cfb514,#0000 34%),linear-gradient(145deg,#171715 0%,#090909 100%);place-items:center;display:grid;position:relative}.concept-number{letter-spacing:.14em;color:#69685f;font:600 .68rem/1 Segoe UI,sans-serif;position:absolute;top:1rem;left:1rem}.concept-family{color:#77746b;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;position:absolute;top:.9rem;right:1rem}.concept-mark{filter:drop-shadow(0 12px 18px #00000061);width:min(190px,58%);height:auto}.concept-copy{padding:1rem 1.1rem 1.1rem}.concept-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.concept-heading h3{color:var(--cream);letter-spacing:.04em;margin:0;font-size:1.08rem}.concept-heading span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:.63rem}.concept-copy p{color:#9a9588;min-height:5em;margin:.6rem 0 .7rem;font-size:.82rem}.concept-download{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.85rem;font-size:.68rem;text-decoration:none;display:inline-block}.concept-download:hover{color:var(--cream)}.concept-small-scale{border-top:1px solid var(--border);color:var(--cream);align-items:end;gap:.75rem;padding-top:.8rem;display:flex}.concept-small-scale svg:first-child{width:42px}.concept-small-scale svg:nth-child(2){width:30px}.concept-small-scale svg:nth-child(3){width:20px}.concept-small-scale strong{color:#69685f;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.6rem;font-weight:500}.wordmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.wordmark-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.wordmark-card.recommended{border-color:var(--gold)}.wordmark-card.recommended:first-child{grid-column:1/-1}.wordmark-preview{border-bottom:1px solid var(--border);background:#090909;place-items:center;min-height:160px;padding:1.4rem 1.2rem 1rem;display:grid;position:relative}.wordmark-preview.ref{background:#f4f1ea}.wordmark-preview img{object-fit:contain;width:100%;height:auto;max-height:180px}.phase-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.phase-row article{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.85rem .95rem}.phase-row span{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:.62rem;display:block}.phase-row strong{letter-spacing:.04em;color:var(--cream);margin:.35rem 0 .25rem;font-size:.92rem;display:block}.phase-row p{color:var(--muted);margin:0;font-size:.78rem}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.method-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.9rem 1rem}.method-card.recommended{border-color:var(--gold)}.method-head{align-items:baseline;gap:.5rem;margin-bottom:.45rem;display:flex}.method-id{letter-spacing:.08em;color:var(--gold);flex-shrink:0;font-size:.68rem;font-weight:700}.method-card h3{letter-spacing:.03em;color:var(--cream);flex:1;margin:0;font-size:.88rem}.method-head span:last-child{letter-spacing:.08em;text-transform:uppercase;color:#69685f;flex-shrink:0;font-size:.62rem}.method-card p{color:var(--muted);margin:0;font-size:.8rem}.logo-note{color:#888;margin:1rem 0 0;font-size:.85rem}.logo-note code{color:var(--cream)}@media (width<=720px){.concept-grid,.method-grid,.phase-row,.wordmark-grid{grid-template-columns:1fr}.concept-preview{min-height:260px}}@media (width>=721px) and (width<=1000px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid,.phase-row{grid-template-columns:1fr 1fr}}h1{letter-spacing:.08em;text-transform:uppercase;color:var(--cream);margin:0;font-size:1.45rem}.subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.tabs{flex-wrap:wrap;gap:.4rem;display:flex}.tabs button{background:var(--surface);color:var(--cream);border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:.45rem .85rem;font-size:.8rem}.tabs button:hover,.tabs button.active{border-color:var(--accent);color:var(--accent)}.palette{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem;display:flex}.swatch{color:#aaa;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.swatch span:first-child{border:1px solid #ffffff1a;border-radius:3px;width:20px;height:20px}section{margin-bottom:3rem}h2{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.05rem}.lede{color:var(--muted);max-width:72ch;margin:0 0 1rem}code{background:var(--surface);border-radius:3px;padding:.1em .35em;font-size:.85em}.mockup-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.mockup-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.mockup-card:hover{border-color:var(--accent)}.mockup-card img{aspect-ratio:16/10;object-fit:cover;background:var(--charcoal);width:100%;display:block}.mockup-card.tall img{aspect-ratio:3/4}.mockup-card.layer-card img{aspect-ratio:1;object-fit:contain;background-color:#c8c2ae;background-image:linear-gradient(45deg,#b7b09a 25%,#0000 25%),linear-gradient(-45deg,#b7b09a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b7b09a 75%),linear-gradient(-45deg,#0000 75%,#b7b09a 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;padding:1.25rem}.mockup-info{padding:.75rem 1rem}.mockup-type{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.7rem}.mockup-info h3{margin:.25rem 0 0;font-size:.9rem;font-weight:600}.collection-block{margin-bottom:2rem}.collection-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.collection-header h3{color:var(--cream);margin:0;font-size:1rem}.collection-theme{color:var(--red);font-size:1.5rem;font-weight:300}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.kanji-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem}.kanji-char{color:var(--red);margin-bottom:.25rem;font-size:2.5rem;line-height:1}.kanji-meta{color:var(--muted);font-size:.8rem}.kanji-meta strong{color:var(--cream)}.rule-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.rule-grid article,.two-col>div{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem}.rule-grid h3,.two-col h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 .35rem;font-size:.85rem}.rule-grid p,.two-col p{color:var(--muted);margin:0;font-size:.9rem}.two-col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.channel-list{color:var(--muted);margin:0;padding-left:1.2rem}.channel-list strong{color:var(--cream)}.mark-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.mark-pair{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.mark-pair img{background:#111;width:100%;display:block}.mark-pair h3{margin:0;padding:.6rem .8rem;font-size:.8rem;font-weight:600}footer{border-top:1px solid var(--border);color:#666;margin-top:3rem;padding-top:1rem;font-size:.8rem}@media (width<=640px){.two-col{grid-template-columns:1fr}h1{font-size:1.1rem}}