:root{--paper:#f4ecdc;--paper2:#e8dcc6;--card:#fffdf8;--ink:#1d2f44;--navy:#173a63;--gold:#c9a45e;--gold2:#816027;--red:#c76555;--sage:#739269;--muted:#70746f;--line:rgba(29,47,68,.16);--serif:ui-serif,Georgia,"Songti SC",serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.65}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}button,textarea{font:inherit}button{color:inherit}.hero{padding:64px 0 46px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,rgba(201,164,94,.36),transparent 28%),linear-gradient(135deg,#fffaf0,#eadcc3)}.back{display:inline-block;margin-bottom:28px;color:var(--navy);font-size:.84rem;text-decoration:none}.eyebrow{margin:0 0 8px;color:var(--gold2);font-size:.72rem;font-weight:800;letter-spacing:.16em}h1,h2,h3{font-family:var(--serif);font-weight:650;letter-spacing:-.025em}h1{max-width:920px;margin:0;font-size:clamp(2.3rem,6vw,4.7rem);line-height:1.08}.lead{max-width:830px;margin:22px 0 0;color:#525b62}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:850px;margin-top:30px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line);gap:1px}.stats div{padding:14px 16px;background:rgba(255,253,248,.78)}.stats strong{display:block;color:var(--navy);font:650 1.45rem/1 var(--serif)}.stats span{display:block;margin-top:5px;color:var(--muted);font-size:.76rem}main{padding:64px 0 90px}section+section{margin-top:72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.section-head h2,.export h2{margin:0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.15}.section-head p:not(.eyebrow),.export p:not(.eyebrow){max-width:730px;margin:9px 0 0;color:var(--muted)}#compact-all{flex:none;padding:10px 16px;border:1px solid var(--navy);border-radius:999px;color:#fff;background:var(--navy);cursor:pointer;font-weight:750}.family-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.family-item{display:block;min-width:0;padding:12px 5px 9px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--card);text-align:center;text-decoration:none}.family-item img{display:block;width:32px;height:32px;margin:auto;border-radius:7px}.family-item span{display:block;margin-top:8px;overflow:hidden;font-size:.65rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.progress{flex:0 0 210px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.progress strong{color:var(--navy);font:650 1.6rem/1 var(--serif)}.progress span{margin-left:5px;color:var(--muted);font-size:.78rem}.progress i{display:block;height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:rgba(23,58,99,.1)}.progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .2s}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filters button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--card);cursor:pointer;font-size:.8rem}.filters button.is-active{border-color:var(--navy);color:#fff;background:var(--navy)}.review-list{display:grid;gap:20px}.review-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 40px rgba(54,42,25,.065);scroll-margin-top:20px}.review-card.is-compact{border-color:rgba(115,146,105,.68)}.review-card.is-detailed{border-color:rgba(201,164,94,.7)}.review-card.is-revise{border-color:rgba(199,101,85,.7)}.card-head{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--line)}.card-head h3{margin:4px 0 0;font-size:1.4rem}.card-head p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:.84rem}.rev{align-self:start;padding:5px 9px;border-radius:99px;color:var(--gold2);background:rgba(201,164,94,.17);font-size:.69rem;font-weight:800}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 22px 15px}.variant{padding:16px;border:1px solid var(--line);border-radius:17px;background:#f8f1e4}.variant h4{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px;font-family:var(--serif)}.variant h4 span{color:var(--muted);font:normal .68rem/1 var(--sans)}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size{display:flex;min-height:106px;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;background:#fff}.size img{display:block;object-fit:contain}.size small{margin-top:8px;color:var(--muted);font: .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.decision{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 22px 12px}.decision label{position:relative}.decision input{position:absolute;opacity:0}.decision span{display:flex;justify-content:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:.8rem;font-weight:750}.decision input[value=compact]:checked+span{border-color:var(--sage);color:#fff;background:var(--sage)}.decision input[value=detailed]:checked+span{border-color:var(--gold2);color:#fff;background:var(--gold2)}.decision input[value=revise]:checked+span{border-color:var(--red);color:#fff;background:var(--red)}.card-foot{padding:0 22px 22px}.card-foot textarea{width:100%;min-height:70px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff}.empty{padding:30px;color:var(--muted);text-align:center}.export{display:grid;grid-template-columns:1fr 300px;gap:42px;padding:32px;border-radius:22px;color:#faf5e9;background:var(--navy)}.export .eyebrow{color:#e4ca91}.export p:not(.eyebrow){color:rgba(250,245,233,.72)}.export label{display:block;margin-top:20px}.export label span{display:block;margin-bottom:6px;font-size:.78rem;font-weight:750}.export textarea{width:100%;resize:vertical;padding:11px;border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#fff;background:rgba(255,255,255,.08)}.export-actions{display:flex;flex-direction:column;justify-content:center;gap:9px}.export-actions button{width:100%;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.export-actions .primary{border-color:var(--gold);color:var(--navy);background:#efd9a6;font-weight:800}.export-actions .quiet{border-color:transparent;color:rgba(255,255,255,.68);background:transparent}#export-status{min-height:1.4em;margin:3px 0 0;font-size:.76rem;text-align:center}#export-preview{max-height:430px;overflow:auto;margin:16px 0 0;padding:18px;border:1px solid var(--line);border-radius:14px;white-space:pre-wrap;background:#fff;font-size:.75rem}footer{padding:28px 18px 44px;color:var(--muted);font-size:.76rem;text-align:center}@media(max-width:900px){.family-grid{grid-template-columns:repeat(5,1fr)}.export{grid-template-columns:1fr}}@media(max-width:650px){.stats{grid-template-columns:repeat(2,1fr)}.section-head{display:block}#compact-all,.progress{margin-top:16px}.family-grid{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.card-head{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.decision{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.card-foot{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important}}