:root{--bg:#fbf8f3;--surface:#fff;--ink:#1c1916;--ink-2:#4a433c;--muted:#6b6259;--line:#e7e0d6;--primary:#1c1916;--on-primary:#fff;--focus:#5b6fb0;--good:#2f7d57;--ok:#8a6d1d;--bad:#b2402f;--radius:18px;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Hiragino Sans", "Apple SD Gothic Neo", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161412;--surface:#211e1b;--ink:#f3eee8;--ink-2:#d6cec4;--muted:#a69c90;--line:#36312c;--primary:#f3eee8;--on-primary:#161412;--focus:#9fb0ea;--good:#6cc597;--ok:#e0bf5c;--bad:#f08a78}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:17px/1.55 var(--sans);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}a{color:inherit}img,canvas,video{max-width:100%;display:block}h1,h2,h3,.h2,.h3,.season-name{font-family:var(--serif);letter-spacing:-.01em;font-weight:700;line-height:1.15}h1{margin:.3em 0;font-size:clamp(2rem,7vw,3.2rem)}h2,.h2{margin:1.4em 0 .5em;font-size:1.6rem}.h3,h3{margin:1.4em 0 .5em;font-size:1.2rem}.panel h1.h2{margin-top:.3em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--surface);z-index:10;padding:8px 12px;position:absolute;top:0;left:-999px}.skip:focus{left:8px}.small{font-size:.88rem}.muted{color:var(--muted)}.center{text-align:center}[hidden]{display:none!important}.site-header{align-items:center;gap:16px;max-width:980px;margin:0 auto;padding:12px 20px;display:flex}.logo{font:700 1.25rem var(--serif);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.site-header nav{gap:16px;margin-left:auto;font-size:.95rem;display:flex}.site-header nav a{color:var(--ink-2);text-decoration:none}.site-header nav a:hover{color:var(--ink);text-decoration:underline}.lang select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:6px 8px;font-size:.9rem}@media (max-width:560px){.site-header nav{display:none}.lang{margin-left:auto}}main{max-width:980px;margin:0 auto;padding:0 20px 40px}#flow{max-width:640px;margin:0 auto}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:28px 20px 40px;font-size:.9rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:12px 0;display:flex}.badge-foot{max-width:560px;margin:0 auto}.btn{min-height:52px;font:600 1.02rem var(--sans);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;transition:transform .1s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover{border-color:var(--ink-2)}.btn-lg{min-height:58px;padding:0 34px;font-size:1.1rem}.btn-block{width:100%;margin-top:14px;display:flex}.btn-text{color:var(--ink-2);font:500 .98rem var(--sans);cursor:pointer;text-underline-offset:3px;text-align:center;background:0 0;border:0;padding:12px 4px;text-decoration:underline}.btn-text.btn-block{justify-content:center}.row{align-items:center;gap:10px;margin-top:12px;display:flex}.row.wrap{flex-wrap:wrap}.ico{vertical-align:-2px}.hero{text-align:center;padding:30px 0 10px}.hero h1{font-size:clamp(2.3rem,9vw,4rem)}.hero .lead{max-width:560px;margin:0 auto 22px}.hero-swatches{justify-content:center;gap:0;margin:6px auto 8px;display:flex}.hero-swatches span{border:3px solid var(--bg);border-radius:50%;width:26px;height:26px;margin-left:-6px}.cta-row{flex-direction:column;align-items:center;gap:6px;margin:18px 0;display:flex}.lead{color:var(--ink-2);font-size:1.12rem}.badge{color:var(--good);align-items:center;gap:6px;margin:6px 0;font-size:.92rem;font-weight:600;display:inline-flex}.points{text-align:left;gap:8px;max-width:460px;margin:22px auto 0;padding:0;list-style:none;display:grid}.points li:before{content:"✓";color:var(--good);margin-right:10px;font-weight:700}.block{margin:40px 0}.steps{counter-reset:s;gap:12px;padding:0;list-style:none;display:grid}@media (min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.steps li:before{content:counter(s);font:700 1.6rem var(--serif);margin-bottom:4px;display:block}.season-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:0;list-style:none;display:grid}.season-cards a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;height:100%;padding:14px;text-decoration:none;display:flex}.season-cards a:hover{border-color:var(--ink-2)}.season-cards span{color:var(--muted);font-size:.9rem}.strip{border-radius:10px;height:34px;margin-bottom:6px;display:flex;overflow:hidden}.strip span{flex:1}.strip-lg{border-radius:14px;height:60px}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.article{max-width:720px;margin:0 auto}.article h1{margin-top:.5em}.article ul,.article ol{padding-left:1.2em}.article li{margin:4px 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.78rem;font-weight:600}.eyebrow a{text-decoration:none}.sgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;list-style:none;display:grid;padding:0!important}.sgrid li{grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;display:grid}.sgrid .chip-c{border:1px solid #00000014;border-radius:10px;grid-row:span 2;width:40px;height:40px}.sgrid .n{font-size:.92rem;font-weight:600}.sgrid code{color:var(--muted);font-size:.8rem}.compare{gap:14px;display:grid}@media (min-width:640px){.compare{grid-template-columns:1fr 1fr}}.compare>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.compare h3{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px}.keywords{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding:0!important}.keywords li{border:1px solid var(--line);border-radius:999px;margin:0;padding:4px 12px;font-size:.9rem}.capsule{columns:2}.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin:16px 0;padding:22px}@media (max-width:480px){.panel{border-radius:20px;padding:18px 16px}main{padding:0 12px 40px}}.progress{background:var(--line);border-radius:99px;height:6px;margin-bottom:14px;overflow:hidden}.progress span{background:var(--ink);height:100%;transition:width .25s;display:block}.options{gap:10px;margin-top:16px;display:grid}.option{text-align:left;width:100%;min-height:56px;font:500 1rem var(--sans);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.option:hover{border-color:var(--ink-2)}.option.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.option input{accent-color:var(--ink)}.dot{border:1px solid #00000026;border-radius:50%;flex:none;width:22px;height:22px;display:inline-block}.tips{color:var(--ink-2);padding-left:1.1em}.status{color:var(--ink-2);align-items:center;gap:8px;font-size:.95rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}*{transition:none!important}}.warn{background:color-mix(in srgb, var(--ok) 14%, transparent);border-radius:12px;padding:10px 12px;font-size:.92rem}.check{cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0;font-size:.95rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);margin-top:2px}.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:16px;width:100%;max-height:70vh;margin:8px auto;position:relative;overflow:hidden;container-type:inline-size}.stage img{object-fit:contain;pointer-events:none;width:100%;height:100%}.marker{width:calc(var(--r) * 2);height:calc(var(--r) * 2);cursor:grab;background:0 0;border:3px solid #fff;border-radius:50%;min-width:22px;min-height:22px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000008c}.marker span{color:#fff;font:600 11px var(--sans);white-space:nowrap;background:#000000b3;border-radius:6px;padding:2px 6px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.marker.active{border-color:#ffd34d}.marker.m-white{border-style:dashed}.chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:500 .92rem var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.chip.on{border-color:var(--ink)}.result .band{border-radius:99px;height:10px;margin-bottom:18px;display:flex;overflow:hidden}.result .band span{flex:1}.season-name{margin:4px 0;font-size:clamp(2.4rem,10vw,3.4rem)}.tagline{color:var(--ink-2);margin:0 0 6px;font-size:1.15rem}.meta{color:var(--ink-2);font-size:.95rem}.grid6,.grid3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grid-pal{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (min-width:560px){.grid-pal{grid-template-columns:repeat(6,1fr)}}.sw{background:var(--c);min-height:92px;color:var(--fg);text-align:left;cursor:pointer;font-family:var(--sans);border:0;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.sw[tabindex="-1"]{cursor:default}.sw-sm{border-radius:10px;min-height:70px;padding:6px}.sw-name{font-size:.78rem;font-weight:600;line-height:1.2}.sw-hex{opacity:.85;font:.7rem ui-monospace,Menlo,monospace}.sw-sm .sw-name{font-size:.68rem}.sw-avoid:after{content:"";border-radius:inherit;background:linear-gradient(to top right, transparent calc(50% - 1.5px), var(--fg) calc(50% - 1.5px), var(--fg) calc(50% + 1.5px), transparent calc(50% + 1.5px));opacity:.6;position:absolute;inset:0}.drapes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drapes figure{margin:0}.drapes canvas{border-radius:14px;width:100%;height:auto}.drapes figcaption{text-align:center;margin:6px 0;font-weight:700}.pick{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pick-dot{border:2px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.pick-dot.on{box-shadow:0 0 0 3px var(--ink)}.drapes-empty{background:var(--bg);text-align:center;border-radius:14px;padding:16px}.share{margin:22px 0 8px}.section-title{text-align:center;margin-top:30px}.pro{position:relative}.pro.locked .pro-body{filter:blur(6px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;max-height:220px;overflow:hidden}.pro .unlock{background:var(--surface);position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0000001f}.tip h3{font-family:var(--sans);margin:14px 0 2px;font-size:.95rem}.tip p{color:var(--ink-2);margin:0 0 6px}.mini{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.occ{grid-template-columns:1fr 1fr;gap:10px;display:grid}.occ h3{font-family:var(--sans);margin:6px 0;font-size:.95rem}.tools{gap:10px;padding:12px;display:grid}@media (min-width:560px){.tools{grid-template-columns:1fr 1fr}}.tool{background:var(--bg);border:1.5px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex;position:relative}.tool:hover{border-color:var(--ink)}.tool span{color:var(--ink-2);font-size:.92rem}.tool em{color:var(--muted);font-size:.8rem;font-style:normal;position:absolute;top:12px;right:14px}dialog{background:var(--surface);width:calc(100% - 24px);max-width:460px;color:var(--ink);border:0;border-radius:24px;padding:0}dialog::backdrop{background:#00000073}.pw{padding:24px;position:relative}.pw .close{color:var(--ink-2);cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:1.8rem;position:absolute;top:10px;right:12px}.plan{border:1.5px solid var(--line);border-radius:18px;margin:12px 0;padding:16px}.plan-main{border-color:var(--ink)}.plan-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.price{font:700 1.3rem var(--serif)}.price small{font:400 .85rem var(--sans);color:var(--muted)}.plan p{color:var(--ink-2);margin:6px 0;font-size:.95rem}.shop-stage{background:#000;border-radius:16px;margin:12px 0;position:relative;overflow:hidden}.shop-stage video,.shop-stage canvas{width:100%;height:auto}.shop-stage canvas{cursor:crosshair}.reticle{aspect-ratio:1;pointer-events:none;border:3px solid #fff;border-radius:50%;width:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000080}.color-input{cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0}.verdict{border:2px solid var(--line);border-radius:16px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.verdict strong{font-size:1.1rem}.verdict p{margin:4px 0 0}.v-great{border-color:var(--good)}.v-great strong{color:var(--good)}.v-good{border-color:var(--ok)}.v-good strong{color:var(--ok)}.v-no{border-color:var(--bad)}.v-no strong{color:var(--bad)}.pair{flex:none;display:flex}.pair span{width:46px;height:64px}.pair span:first-child{border-radius:12px 0 0 12px}.pair span:last-child{border-radius:0 12px 12px 0}fieldset.fq{border:0;gap:8px;margin:16px 0;padding:0;display:grid}fieldset.fq legend{margin-bottom:8px;font-weight:700}#toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));opacity:0;background:var(--ink);color:var(--bg);z-index:50;pointer-events:none;border-radius:999px;padding:10px 18px;transition:all .2s;position:fixed;transform:translate(-50%,30px)}#toast.show{opacity:1;transform:translate(-50%)}.notice{background:var(--good);color:#fff;text-align:center;padding:12px;font-weight:600}.pw-restore{padding:0 24px 20px}.pw-restore summary{cursor:pointer;color:var(--ink-2);font-size:.9rem}.pw-restore input{border:1px solid var(--line,#ccc);min-width:0;font:inherit;border-radius:10px;flex:1;padding:10px 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}