:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1a1f;--muted:#6f6673;--paper:#fffdf9;--cream:#fff7ed;--line:#e9ddd4;--coral:#ef5d4e;--coral-dark:#b9342a;--teal:#087f8c;--mint:#d7f4ee;--plum:#663a82;--yellow:#ffd166;--shadow:0 18px 50px #3c291f1f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(135deg, #ffd1662e, transparent 26%), linear-gradient(315deg, #087f8c21, transparent 34%), var(--paper);min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100% - 32px);margin:0 auto;display:flex}.site-header{padding:22px 0 10px}.brand-mark{color:var(--ink);letter-spacing:0;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark span{border:2px solid var(--ink);background:var(--yellow);width:40px;height:40px;color:var(--ink);border-radius:8px;place-items:center;font-size:.78rem;display:inline-grid}.legal-nav,.site-footer nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:.86rem;display:flex}.legal-nav a,.site-footer a,.text-link{border-bottom:1px solid;text-decoration:none}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:22px 0 54px}.forge-stage{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:start;gap:34px;min-height:72vh;padding:28px 0 18px;display:grid}.forge-stage__copy{padding-top:10px;position:sticky;top:18px}.eyebrow{color:var(--coral-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:900}h1,h2,h3,p{letter-spacing:0}h1{max-width:10ch;margin:0;font-size:4rem;line-height:.94}.lead{max-width:32rem;color:var(--muted);margin:18px 0 0;font-size:1.1rem;line-height:1.8}.hero-art{border:2px solid var(--ink);width:min(100%,420px);height:auto;box-shadow:10px 10px 0 var(--mint);border-radius:8px;margin-top:24px}.forge-form{gap:22px;padding:18px 0 0;display:grid}.theme-input{gap:8px;font-weight:800;display:grid}.theme-input span{font-size:.9rem}.theme-input input{border:2px solid var(--ink);width:100%;min-height:58px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 16px;font-size:1.05rem;box-shadow:6px 6px #ef5d4e2e}.theme-input input:focus{border-color:var(--teal);box-shadow:6px 6px #087f8c33}.question-stack{gap:16px;display:grid}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-group legend{color:var(--ink);margin-bottom:8px;font-weight:900}.segmented-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-button,.related-item,.affiliate-link{border:2px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#ffffffd1;border-radius:8px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.choice-button{cursor:pointer;grid-template-columns:22px 1fr;align-content:center;gap:5px 8px;min-height:94px;padding:13px;display:grid}.choice-button span,.related-item strong,.affiliate-link strong{overflow-wrap:anywhere;font-weight:900}.choice-button small,.related-item small,.affiliate-link small{color:var(--muted);grid-column:2;font-size:.78rem;line-height:1.45}.choice-button:hover,.related-item:hover,.affiliate-link:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 10px 28px #087f8c1a}.choice-button[data-active=true]{border-color:var(--ink);background:var(--mint);box-shadow:5px 5px #1d1a1f24}.form-actions,.share-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.icon-button{border:2px solid var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:900;text-decoration:none;display:inline-flex}.primary-button{background:var(--ink);color:#fff;flex:1;min-width:220px;padding:0 18px}.secondary-button{color:var(--ink);background:#fff;padding:0 14px}.icon-button{width:48px;color:var(--ink);background:#fff}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.result-zone{border-top:2px solid #1d1a1f1a;padding:42px 0 26px}.result-header,.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.result-header h2,.section-heading h2,.legal-page h1{margin:0;font-size:2rem;line-height:1.15}.badge-lockup{border:2px solid var(--ink);background:var(--yellow);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-weight:900;display:inline-flex}.result-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:24px;display:grid}.share-poster{border:2px solid var(--ink);min-width:0;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffd16661,#0000 34%),linear-gradient(315deg,#663a8224,#0000 38%),#fffefd;border-radius:8px;padding:22px;position:relative;overflow:hidden}.poster-topline,.poster-footer{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:14px;font-size:.78rem;font-weight:900;display:flex}.share-poster h3{margin:14px 0 18px;font-size:1.25rem;line-height:1.55}.tier-board{gap:10px;display:grid}.tier-row{background:#ffffffc7;border:2px solid #1d1a1f1f;border-radius:8px;grid-template-columns:minmax(106px,.3fr) minmax(0,1fr);display:grid;overflow:hidden}.tier-rank{background:var(--ink);color:#fff;text-align:center;place-items:center;gap:2px;min-height:92px;padding:12px;display:grid}.tier-rank strong{font-size:1.4rem}.tier-rank span{font-size:.78rem;font-weight:900}.tier-items{flex-wrap:wrap;align-content:center;gap:8px;padding:12px;display:flex}.tier-items span{background:#fff;border:1px solid #1d1a1f29;border-radius:999px;padding:8px 10px;font-weight:800;line-height:1.2}.tier-items small{color:var(--muted);flex-basis:100%;line-height:1.5}.poster-footer{margin-top:16px}.conversion-panel{gap:18px;display:grid}.copy-state,.affiliate-label{color:var(--coral-dark);margin:0;font-size:.78rem;font-weight:900}.affiliate-block{gap:12px;display:grid}.affiliate-block h3{margin:0;font-size:1.15rem}.affiliate-list{gap:10px;display:grid}.affiliate-link{justify-content:space-between;align-items:center;gap:14px;min-height:88px;padding:14px;display:flex}.affiliate-link span{gap:5px;display:grid}.ad-slot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px;margin:34px auto;padding:18px;display:grid}.ad-slot__label{color:var(--muted);text-align:center;font-size:.74rem;font-weight:900}.ad-slot__placeholder{min-height:116px;color:var(--muted);background:#ffffffa6;border:1px dashed #b9aca1;border-radius:8px;place-items:center;font-weight:800;display:grid}.related-zone{padding:26px 0 4px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-item{cursor:pointer;grid-template-columns:22px 1fr;gap:8px;min-height:108px;padding:15px;display:grid}.related-item span{gap:5px;display:grid}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 38px;font-size:.86rem}.legal-page{width:min(760px,100% - 32px);margin:0 auto;padding:44px 0 72px}.legal-page section{margin-top:26px}.legal-page h2{margin:0 0 8px;font-size:1.25rem}.legal-page p{color:var(--muted);margin:0 0 14px;line-height:1.9}.contact-mail{font-size:1.1rem;font-weight:900}@media (max-width:920px){.forge-stage,.result-layout{grid-template-columns:1fr}.forge-stage__copy{position:static}h1{max-width:none;font-size:3.1rem}.hero-art{width:min(100%,360px)}.related-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.legal-nav,.site-footer nav{justify-content:flex-start}.app-shell{width:min(100% - 24px,1120px);padding-top:10px}.forge-stage{gap:18px;min-height:auto}h1{font-size:2.45rem}.lead{font-size:1rem}.segmented-grid{grid-template-columns:1fr}.choice-button{min-height:82px}.result-header,.section-heading{flex-direction:column;align-items:flex-start}.badge-lockup{white-space:normal}.share-poster{padding:14px}.tier-row{grid-template-columns:1fr}.tier-rank{min-height:66px}.primary-button{min-width:min(100%,220px)}}.maker-head{padding:22px 0 8px}.maker-toolbar{gap:16px;margin-top:18px;display:grid}.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.category-tabs .choice-button{grid-template-columns:1fr;min-height:86px}.category-tabs .choice-button small{grid-column:auto}.add-row{gap:8px;display:flex}.add-row input{border:2px solid var(--ink);background:#fff;border-radius:8px;outline:none;flex:1;min-width:0;min-height:48px;padding:0 14px;font-size:1rem}.add-row input:focus{border-color:var(--teal)}.tier-items .item-chip{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #1d1a1f2e;border-radius:999px;align-items:center;gap:6px;padding:8px 10px 8px 12px;font-weight:800;line-height:1.2;display:inline-flex;position:relative}.tier-items .item-chip[data-selected=true]{border-color:var(--ink);background:var(--mint);box-shadow:3px 3px #1d1a1f33}.chip-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 2px 3px;font-size:1rem;line-height:1}.chip-x:hover{color:var(--coral-dark)}.tier-rank-input{color:#fff;text-align:center;background:0 0;border:0;outline:none;width:100%;font-size:1.3rem;font-weight:900}.tier-row[data-drop-target=true]{cursor:pointer}.tier-row:has(.tier-items:hover){border-color:var(--teal)}.unranked-pool{background:#fff9;border:2px dashed #b9aca1;border-radius:8px;margin-top:14px;padding:14px}.drag-ghost{z-index:60;pointer-events:none;border:2px solid var(--ink);background:var(--yellow);border-radius:999px;padding:8px 12px;font-weight:900;position:fixed;transform:translate(-50%,-50%);box-shadow:4px 4px #1d1a1f40}.tier-actions,.affiliate-block{margin-top:18px}.disclosure-inline{color:var(--muted);margin-top:22px;font-size:.82rem}.disclosure-inline a{border-bottom:1px solid;text-decoration:none}.lp-hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0 0;display:flex}.lp-hero-actions .primary-button,.lp-hero-actions .secondary-button{flex:0 auto}.lp-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.lp-proof-grid div,.lp-card-grid article,.lp-howto{background:#ffffffd1;border:2px solid #1d1a1f1f;border-radius:12px;box-shadow:0 12px 28px #3c291f14}.lp-proof-grid div{padding:14px}.lp-proof-grid dt{margin:0 0 6px;font-weight:900}.lp-proof-grid dd{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.lp-section{border-top:2px solid #1d1a1f1a;padding:44px 0 18px}.lp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lp-card-grid article{padding:20px}.lp-card-grid h3,.lp-howto h2{margin:0 0 10px}.lp-card-grid p{color:var(--muted);margin:0;line-height:1.75}.lp-howto{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:18px;padding:24px;display:grid}.lp-steps{color:var(--muted);margin:0;padding-left:1.25rem;font-weight:800;line-height:1.9}@media (max-width:640px){.lp-proof-grid,.lp-card-grid,.lp-howto{grid-template-columns:1fr}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.add-row{flex-direction:column}}
