:root{--ink:#18201d;--paper:#f4f0e7;--paper2:#e9e2d5;--teal:#1f706f;--teal2:#7bb1a8;--rust:#a84e35;--gold:#c69b45;--muted:#69716b;--line:rgba(24,32,29,.16)}
.experience-switcher{margin-top:26px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%;background:rgba(255,255,255,.25)}.experience-switcher label{font-size:11px;font-weight:800;color:var(--muted)}.experience-switcher select{border:0;background:var(--ink);color:white;border-radius:9px;padding:9px 12px;font-weight:700}.experience-switcher span{font-size:11px;color:var(--teal)}
.hero h1.compact{font-size:clamp(46px,6vw,84px);line-height:1}.layer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}.topbar{height:76px;padding:0 clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,240,231,.92);backdrop-filter:blur(16px);z-index:20}.brand{font-family:Georgia,serif;font-weight:800;font-size:22px;letter-spacing:.08em;color:var(--ink);text-decoration:none}.brand span{font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.05em;margin-left:13px;color:var(--muted)}.status{font-size:10px;letter-spacing:.16em;color:var(--muted);display:flex;align-items:center;gap:8px}.status span{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(31,112,111,.12)}main{max-width:1300px;margin:auto;padding:0 clamp(22px,5vw,72px) 100px}.hero{min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;border-bottom:1px solid var(--line)}.eyebrow,.section-head p{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--teal);margin:0 0 18px}.hero h1{font-family:"Batang","Times New Roman",serif;font-size:clamp(68px,9vw,126px);line-height:.9;margin:0;letter-spacing:-.08em}.question{font-family:"Batang",serif;font-size:clamp(23px,3vw,38px);font-weight:700;margin:30px 0 18px;letter-spacing:-.04em}.summary{font-size:17px;line-height:1.8;color:#4b5550;max-width:680px}.profile{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.profile span{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:9px 13px;background:rgba(255,255,255,.3)}.profile span.core{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hero-visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.release-ring{width:220px;height:220px;border:1px solid var(--teal2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:radial-gradient(circle,rgba(123,177,168,.23),rgba(123,177,168,.03) 65%,transparent 66%);box-shadow:0 0 0 38px rgba(31,112,111,.05),0 0 0 78px rgba(31,112,111,.025);animation:breathe 3s ease-in-out infinite}.release-ring b{font-family:"Batang",serif;font-size:54px;color:var(--teal)}.release-ring small{text-align:center;line-height:1.5;color:var(--muted)}.pressure,.open{position:absolute;top:50%;display:flex;align-items:center;gap:12px;font-weight:800}.pressure{left:0;color:var(--rust)}.open{right:0;color:var(--teal)}.pressure i,.open i{width:80px;height:2px;background:currentColor;position:relative}.pressure i:after,.open i:after{content:"";position:absolute;width:9px;height:9px;border-top:2px solid;border-right:2px solid;right:0;top:-4px;transform:rotate(45deg)}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 0 50px rgba(31,112,111,.04),0 0 0 94px rgba(31,112,111,.015)}}.activity-nav{display:flex;gap:8px;position:sticky;top:88px;z-index:10;margin:32px 0 0;padding:10px;background:rgba(233,226,213,.9);backdrop-filter:blur(14px);border-radius:18px;width:max-content;max-width:100%;overflow:auto}.activity-nav button{border:0;background:transparent;padding:12px 18px;border-radius:12px;color:var(--muted);font-weight:700;white-space:nowrap;cursor:pointer}.activity-nav button.active{background:var(--ink);color:white}.view{display:none;padding:80px 0 20px}.view.active{display:block}.section-head h2{font-family:"Batang",serif;font-size:clamp(34px,5vw,62px);letter-spacing:-.05em;margin:0 0 48px}.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.layer-card{padding:36px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.28);min-height:260px;position:relative;overflow:hidden}.layer-card.refresh{background:var(--teal);color:white}.layer-card .label{font-family:Georgia,serif;font-weight:800;letter-spacing:.16em;font-size:12px}.layer-card h3{font-family:"Batang",serif;font-size:38px;margin:48px 0 14px}.layer-card p{line-height:1.75;max-width:520px}.layer-card small{display:block;margin-top:25px;opacity:.76}.scene-check{margin-top:22px;background:var(--ink);color:white;border-radius:24px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.scene-check span,.type-card>span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:800}.scene-check h3{font-family:"Batang",serif;font-size:25px;margin:10px 0}.scene-check p{color:#b9c1bd;margin:0}.choice-row{display:flex;gap:10px}.choice-row button,.type-card button{border:1px solid rgba(255,255,255,.25);background:transparent;color:white;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer}.choice-row button:hover,.choice-row button:focus{background:white;color:var(--ink)}.feedback{grid-column:1/-1;min-height:25px;font-weight:700;color:var(--gold)!important}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.flow:before{content:"";height:2px;position:absolute;left:8%;right:8%;top:52px;background:linear-gradient(90deg,var(--rust),var(--gold),var(--teal))}.flow button{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:24px 14px 20px;min-height:130px;font-family:"Batang",serif;font-size:22px;font-weight:800;cursor:pointer}.flow button:before{content:"";display:block;width:16px;height:16px;background:var(--paper);border:4px solid var(--rust);border-radius:50%;margin:0 auto 20px}.flow button:nth-child(n+3):before{border-color:var(--teal)}.flow button:hover,.flow button.active{background:var(--ink);color:white;transform:translateY(-4px)}.flow-detail{margin-top:20px;border-left:4px solid var(--teal);padding:22px 26px;background:rgba(31,112,111,.08);font-size:17px;line-height:1.6}.claim-note{margin-top:24px;color:var(--muted);font-size:13px}.claim-note b{color:var(--rust)}.type-layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.type-steps{display:flex;flex-direction:column;gap:8px}.type-steps button{border:1px solid var(--line);background:transparent;padding:16px;text-align:left;border-radius:12px;font-weight:700;cursor:pointer}.type-steps button.active{background:var(--teal);color:white}.type-card{background:var(--ink);color:white;border-radius:28px;padding:clamp(28px,5vw,56px)}.type-card h3{font-family:"Batang",serif;font-size:clamp(26px,4vw,42px);line-height:1.4;margin:18px 0}.type-card>p{color:#bdc6c2}.type-card label{display:block;margin:32px 0 10px;font-size:12px;color:#bdc6c2}.type-card input{width:100%;border:0;border-bottom:2px solid rgba(255,255,255,.35);background:transparent;color:white;font-family:"Batang",serif;font-size:36px;padding:12px 2px;outline:none}.type-card input:focus{border-color:var(--gold)}.type-card button{margin-top:20px;background:var(--teal);border-color:var(--teal)}.no-speed{font-size:11px;color:#87918c;margin-top:28px}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related article{border:1px solid var(--line);border-radius:20px;padding:24px;min-height:180px}.related em{font-size:11px;color:var(--teal);font-style:normal;font-weight:800;letter-spacing:.12em}.related h3{font-family:"Batang",serif;font-size:27px;margin:28px 0 8px}.related p{font-size:13px;color:var(--muted);line-height:1.6}.evidence{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.evidence summary{cursor:pointer;font-weight:800}.claim{margin-top:14px;padding:18px;border-left:3px solid var(--gold);background:rgba(255,255,255,.25)}.claim b{font-size:11px;display:block;color:var(--teal);margin-bottom:6px}footer{border-top:1px solid var(--line);padding:30px clamp(22px,5vw,80px);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer b{font-family:Georgia,serif;color:var(--ink)}
@media(max-width:800px){.brand span,.status{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:80px}.hero-visual{height:330px}.pressure i,.open i{width:35px}.activity-nav{top:84px}.layer-grid,.scene-check,.type-layout{grid-template-columns:1fr}.choice-row{flex-wrap:wrap}.flow{grid-template-columns:1fr 1fr}.flow:before{display:none}.type-steps{display:grid;grid-template-columns:1fr 1fr}.related{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hero h1{font-size:62px}.hero-visual{transform:scale(.82);margin-inline:-35px}.related{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.type-steps{grid-template-columns:1fr}.section-head h2{font-size:37px}.scene-check{padding:25px}.activity-nav button{padding:11px 13px}}
