.hix-page{--hix-orange:#f0a348;--hix-cool:#69c4d9;width:min(920px,100% - 32px);margin:0 auto;padding-bottom:clamp(40px,7vw,72px)}.hix-page *,.hix-page :before,.hix-page :after{box-sizing:border-box}.hix-page h1,.hix-page h2,.hix-page p{margin:0}.hix-page button{font:inherit}.hix-hero{background:radial-gradient(circle at 88% 13%, #ffbe4b4f 0 6%, transparent 6.4%), linear-gradient(140deg, color-mix(in srgb, var(--surface-2) 86%, #f06f3f), var(--surface-1));padding:clamp(30px,6vw,58px) clamp(22px,7vw,68px);position:relative;overflow:hidden}.hix-hero:after{border:1px solid color-mix(in srgb, var(--hix-orange) 24%, transparent);width:290px;height:290px;box-shadow:0 0 0 36px color-mix(in srgb, var(--hix-orange) 6%, transparent), 0 0 0 72px color-mix(in srgb, var(--hix-orange) 4%, transparent);content:"";border-radius:50%;position:absolute;bottom:-105px;right:-70px}.hix-kicker{z-index:1;color:var(--hix-orange);font:850 .7rem/1.3 var(--font-geist-mono), monospace;letter-spacing:.13em;position:relative}.hix-hero h1{z-index:1;max-width:700px;color:var(--foreground);letter-spacing:-.055em;word-break:keep-all;margin-top:10px;font-size:clamp(39px,6.4vw,62px);line-height:1;position:relative}.hix-answer{z-index:1;max-width:660px;color:var(--muted);word-break:keep-all;gap:4px;font-size:clamp(.85rem,1.6vw,1rem);line-height:1.65;display:grid;position:relative;margin-top:18px!important}.hix-answer b{color:var(--foreground);font-size:1.08em}.hix-principles{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:650px;margin-top:23px;display:grid;position:relative}.hix-principles>span{border:var(--pixel) solid var(--border-strong);background:color-mix(in srgb, var(--surface-1) 80%, transparent);gap:5px;min-width:0;padding:12px 13px;display:grid}.hix-principles b{color:var(--foreground);font-size:.72rem}.hix-principles small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.hix-lab{margin-top:16px;padding:clamp(22px,5vw,48px)}.hix-picker{text-align:center}.hix-step{color:var(--hix-orange);font:800 .62rem/1.4 var(--font-geist-mono), monospace;letter-spacing:.08em}.hix-picker h2,.hix-simple-rule h2{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.35}.hix-picker h2{margin-top:5px}.hix-picker>p:last-of-type{color:var(--muted);margin-top:5px;font-size:.7rem}.hix-experiment-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.hix-experiment-buttons button{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;min-height:94px;color:var(--muted);cursor:pointer;align-content:center;place-items:center;gap:4px;padding:10px;transition:border-color .15s,background .15s,transform .15s;display:grid}.hix-experiment-buttons button:hover{border-color:color-mix(in srgb, var(--hix-orange) 72%, var(--border-strong));transform:translateY(-2px)}.hix-experiment-buttons button:focus-visible{outline:2px solid var(--hix-orange);outline-offset:3px}.hix-experiment-buttons button.is-active{border-color:var(--hix-orange);background:color-mix(in srgb, var(--hix-orange) 10%, var(--surface-1))}.hix-experiment-buttons button>span{font-size:1.05rem}.hix-experiment-buttons strong{color:var(--foreground);font-size:.79rem}.hix-experiment-buttons button.is-active strong{color:var(--hix-orange)}.hix-experiment-buttons small{color:var(--muted);font-size:.57rem}.hix-comparison{border:var(--pixel) solid color-mix(in srgb, var(--hix-orange) 44%, var(--border-strong));background:color-mix(in srgb, var(--hix-orange) 5%, var(--surface-2));margin-top:22px;padding:clamp(18px,4vw,30px)}.hix-fixed-air{color:var(--muted);justify-content:center;align-items:baseline;gap:8px;display:flex}.hix-fixed-air span,.hix-fixed-air small{font-size:.62rem}.hix-fixed-air strong{color:var(--foreground);font:900 1.35rem/1 var(--font-geist-mono), monospace}.hix-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.hix-condition{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);min-width:0;overflow:hidden}.hix-condition>header{justify-content:space-between;align-items:center;gap:9px;min-height:65px;padding:11px 13px;display:flex}.hix-condition>header>span{color:var(--foreground);word-break:keep-all;font-size:.7rem;font-weight:800}.hix-condition>header>strong{color:var(--hix-heat,var(--hix-orange));font:900 1.35rem/1 var(--font-geist-mono), monospace;white-space:nowrap;justify-items:end;display:grid}.hix-condition>header small{color:var(--muted);font:700 .5rem/1.2 var(--font-sans), sans-serif}.hix-scene{--hix-heat:#ff825f;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:radial-gradient(circle at 50% 68%, color-mix(in srgb, var(--hix-heat) 21%, transparent), transparent 40%), linear-gradient(180deg, color-mix(in srgb, #69cbe0 20%, var(--surface-2)), var(--surface-1));min-height:190px;position:relative;overflow:hidden}.hix-sun{color:#ffd65a;opacity:var(--hix-sun-opacity);text-shadow:0 0 20px #ffbd3eb3;font-size:2rem;line-height:1;position:absolute;top:15px;right:17px}.hix-shade{opacity:0;background:#39755f;border-radius:0 0 45%;width:70%;height:54px;position:absolute;top:0;left:-8%}.hix-shade:after{content:"";background:#66513f;width:5px;height:120px;position:absolute;top:43px;left:24px}.hix-scene.is-shaded .hix-shade{opacity:1}.hix-wind{height:70px;opacity:var(--hix-wind-opacity);position:absolute;inset:70px 9% auto}.hix-wind i{border-top:2px solid #80d7e7;width:36%;position:absolute;left:0}.hix-wind i:first-child{width:48%;top:4px}.hix-wind i:nth-child(2){top:31px;left:10%}.hix-wind i:nth-child(3){width:42%;top:59px;left:2%}.hix-person{width:88px;height:142px;position:absolute;bottom:0;right:50%;transform:translate(50%)}.hix-head{z-index:2;border:2px solid color-mix(in srgb, var(--hix-heat) 72%, #5f443e);background:color-mix(in srgb, #f1bd91 70%, var(--hix-heat));border-radius:48%;width:42px;height:48px;position:absolute;top:5px;left:24px}.hix-head:before{content:"";background:#322b2d;border-radius:26px 26px 5px 5px;height:19px;position:absolute;inset:-4px 1px auto}.hix-head:after{content:"";border:2px solid #633b3d;border-top:0;border-radius:0 0 8px 8px;width:10px;height:5px;position:absolute;bottom:10px;left:15px}.hix-body{background:color-mix(in srgb, var(--hix-heat) 72%, #67464a);border-radius:31px 31px 5px 5px;width:60px;height:91px;position:absolute;bottom:-8px;left:15px}.hix-body:before,.hix-body:after{background:inherit;content:"";border-radius:12px;width:17px;height:68px;position:absolute;top:18px}.hix-body:before{left:-10px;transform:rotate(9deg)}.hix-body:after{right:-10px;transform:rotate(-9deg)}.hix-sweat i{z-index:4;opacity:0;background:#71d8f0;border-radius:60% 40% 58% 42%;width:7px;height:11px;position:absolute;transform:rotate(35deg)}.hix-sweat i.is-visible{opacity:1}.hix-sweat i:first-child{top:26px;left:12px}.hix-sweat i:nth-child(2){top:42px;right:11px}.hix-sweat i:nth-child(3){top:67px;left:5px}.hix-sweat i:nth-child(4){top:86px;right:2px}.hix-sweat i:nth-child(5){top:110px;left:0}.hix-condition-tags{flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 8px;display:flex}.hix-condition-tags span{border:1px solid var(--border-strong);color:var(--muted);font:700 .5rem/1 var(--font-geist-mono), monospace;white-space:nowrap;padding:5px 6px}.hix-result-sentence{border-left:3px solid var(--hix-orange);background:var(--surface-1);gap:6px;margin-top:11px;padding:14px 16px;display:grid}.hix-result-sentence b{color:var(--foreground);word-break:keep-all;font-size:.75rem;line-height:1.45}.hix-result-sentence p{color:var(--muted);word-break:keep-all;font-size:.65rem;line-height:1.55}.hix-simple-rule{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:18px;padding:clamp(18px,4vw,27px);display:grid}.hix-simple-rule>div:first-child{border:1px solid var(--hix-orange);width:34px;height:34px;color:var(--hix-orange);font:900 .9rem/1 var(--font-geist-mono), monospace;place-items:center;display:grid}.hix-simple-rule p{color:var(--muted);word-break:keep-all;margin-top:8px;font-size:.7rem;line-height:1.7}.hix-simple-rule p b{color:var(--foreground);display:block}.hix-limit{background:color-mix(in srgb, #df5267 6%, var(--surface-2));border-left:3px solid #df5267;margin-top:10px;padding:16px 18px}.hix-limit b{color:var(--foreground);font-size:.7rem}.hix-limit p{color:var(--muted);word-break:keep-all;margin-top:5px;font-size:.63rem;line-height:1.65}.hix-footer{border-top:1px solid var(--border-strong);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;display:flex}.hix-footer a{color:var(--muted);font-size:.61rem;text-decoration:none}.hix-footer a:hover{color:var(--hix-orange)}@media (max-width:620px){.hix-page{width:min(100% - 20px,920px)}.hix-hero{padding:28px 18px}.hix-hero h1{font-size:clamp(36px,11vw,46px)}.hix-principles{gap:4px}.hix-principles>span{padding:10px 7px}.hix-principles b{font-size:.62rem}.hix-principles small{font-size:.5rem}.hix-lab{padding:18px 13px}.hix-experiment-buttons{gap:6px}.hix-experiment-buttons button{min-height:86px;padding:8px 4px}.hix-comparison{padding:16px 9px}.hix-fixed-air,.hix-condition-grid{gap:6px}.hix-condition>header{text-align:center;justify-content:stretch;justify-items:center;gap:5px;min-height:82px;padding:9px 5px;display:grid}.hix-condition>header>strong{justify-items:center}.hix-scene{min-height:160px}.hix-shade{width:74%}.hix-person{transform-origin:bottom;transform:translate(50%)scale(.86)}.hix-condition-tags{gap:3px;padding:8px 3px}.hix-condition-tags span{padding:4px;font-size:.43rem}.hix-simple-rule{grid-template-columns:1fr;gap:10px}.hix-footer{display:grid}}@media (prefers-reduced-motion:reduce){.hix-experiment-buttons button{transition:none}}