@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#30352f;background:#f5f3ee;font-synthesis:none;--line:#dedfd5;--ink:#30352f;--muted:#76796e;--accent:#d76c4b;--mood:#bb735d;--mood-soft:#f2e5df}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b95735;outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button{color:inherit} .site-header{padding:24px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:2px;font-size:15px}.wordmark small{display:block;font-weight:400;font-size:10px;letter-spacing:1px;margin-top:5px;color:var(--muted)}.brand-icon{font-family:Georgia,serif;font-style:italic;font-size:42px;line-height:1;font-weight:400;letter-spacing:-3px}.brand-icon span{color:var(--accent)}.site-header nav{display:flex;gap:30px;font-size:12px;align-items:center}.research-tag{display:flex;align-items:center;gap:8px;color:var(--muted)}.research-tag i{width:6px;height:6px;border-radius:50%;background:#8e9d76}main{max-width:1640px;margin:auto;padding:0 4%}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:42px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-bottom:14px}h1{font-size:clamp(27px,2.8vw,43px);font-weight:500;letter-spacing:-1.7px;line-height:1.3}.intro>p{font-size:13px;line-height:1.9;color:var(--muted)}.mobile-break{display:none}.explorer{display:grid;grid-template-columns:minmax(270px,1fr) minmax(380px,1.65fr) minmax(230px,.83fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mood-panel,.brain-panel,.region-panel{padding:24px 0;min-width:0}.mood-panel{padding-right:24px}.brain-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);padding-left:24px;padding-right:24px}.region-panel{padding-left:24px}.section-heading{display:flex;align-items:center;gap:8px;min-height:25px;flex-wrap:wrap}.section-heading h2{font-size:15px;font-weight:600;letter-spacing:-.3px}.step{font-size:10px;color:#999d8e;margin-right:2px}.subtle{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--muted)}.axis-top{text-align:center;font-size:10px;color:var(--muted);padding:26px 0 10px}.axis-top span{margin-left:4px}.mood-map{width:100%;aspect-ratio:1;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:12px;overflow:hidden;cursor:crosshair}.quadrant{position:relative}.q-red{background:#eedbd5;color:#9e5949}.q-yellow{background:#f3e9c5;color:#9b823a}.q-blue{background:#dce5ee;color:#667f9b}.q-green{background:#e1e8d8;color:#758460}.quadrant>span{position:absolute;font-size:10px;opacity:.7;top:9px;left:12px}.q-yellow>span,.q-green>span{right:12px;left:auto}.q-blue>span,.q-green>span{bottom:10px;top:auto}.cross{position:absolute;background:#f5f3ee;z-index:1;pointer-events:none}.horizontal{left:0;top:50%;width:100%;height:1px}.vertical{top:0;left:50%;height:100%;width:1px}.mood-dot{position:absolute;width:21px;height:21px;border:1px solid var(--mood);border-radius:50%;z-index:2;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--mood) 15%,transparent);pointer-events:none}.emotion{position:absolute;transform:translate(-50%,-50%);z-index:3;border:0;background:transparent;padding:8px 5px;min-height:40px;font-size:12px;letter-spacing:-.3px;white-space:nowrap;border-radius:7px;transition:background .15s}.emotion:hover{background:#ffffff60}.emotion[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 4px 9px #30352f18}.emotion .data-dot{display:inline-block;width:3px;height:3px;background:currentColor;border-radius:50%;margin-left:3px;vertical-align:middle;opacity:.5}.axis-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:10px}.coordinate-controls{margin-top:24px;display:grid;gap:9px}.coordinate-controls label{display:flex;justify-content:space-between;font-size:12px}.coordinate-controls small{font-size:9px;color:var(--muted);margin-left:5px}.coordinate-controls output{font-size:11px;font-variant-numeric:tabular-nums}.coordinate-controls input{width:100%;accent-color:var(--mood);height:16px;cursor:pointer;margin:0 0 6px}.microcopy{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.current-mood{margin-top:22px;background:var(--mood-soft);border-left:2px solid var(--mood);padding:17px 17px 16px;border-radius:0 7px 7px 0;transition:background .2s}.current-mood>span{font-size:10px;color:var(--muted)}.current-mood>div{display:flex;align-items:baseline;gap:10px;margin:6px 0 7px}.current-mood h3{font-size:23px;font-weight:500;letter-spacing:-1px}.current-mood div>span{font-size:9px;letter-spacing:1.5px;color:var(--mood)}.current-mood p{font-size:11px;line-height:1.7;color:#686d62}.live-label{margin-left:auto;font-size:9px;color:var(--muted)}.brain-stage{height:440px;position:relative;margin:18px -10px 0;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at center,#e9e7df45,transparent 68%)}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#abad9c55 .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#0007,transparent 75%);pointer-events:none}.stage-corner{position:absolute;top:20px;left:10px;font-size:8px;letter-spacing:1.4px;color:#7c8474;z-index:2;pointer-events:none;line-height:1.8}.stage-corner span{color:#a0a394;font-size:7px;letter-spacing:1px}#brain-canvas{position:absolute;inset:0;touch-action:none}#brain-canvas canvas{width:100%;height:100%;display:block}.brain-label{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);background:#fffffff0;border:1px solid var(--line);padding:8px 13px;border-radius:5px;font-size:11px;max-width:90%;text-align:center;pointer-events:none;box-shadow:0 5px 20px #30352f0c}.brain-label b{font-weight:600;color:#af5236;margin-left:8px;white-space:nowrap}.view-buttons{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:30px;background:#f5f3eedf;z-index:2}.view-buttons button{font-size:10px;min-width:40px;min-height:30px;padding:4px 9px;border:0;background:transparent;border-radius:20px}.view-buttons button[aria-pressed=true]{background:var(--ink);color:#fff}.drag-hint{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:9px;color:#929686;pointer-events:none}.brain-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;text-align:center;font-size:13px;line-height:1.9;background:#f5f3eeeb;border:1px solid var(--line);border-radius:10px;padding:20px;z-index:3}.brain-message:empty{display:none}.brain-message strong{display:block;margin-bottom:5px;font-weight:500}.brain-message small{display:block;font-size:11px;color:var(--muted)}.brain-key{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.key-title{display:block;font-size:10px;color:#73786d}.key-title b{font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--ink)}.gradient-key{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-top:7px;font-variant-numeric:tabular-nums}.gradient-key i{display:block;width:140px;height:5px;border-radius:4px;background:linear-gradient(90deg,#9c5045,#ee8550,#f8b96b,#ffe0a4)}.shell-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);cursor:pointer}.shell-toggle input{accent-color:var(--ink)}.meaning{font-size:10px;color:#7a7e72;margin-top:17px;line-height:1.6}.study-strip{display:flex;align-items:center;gap:10px;padding-top:20px;margin-top:21px;border-top:1px solid var(--line)}#study-count{font-size:25px;font-weight:400;letter-spacing:-1px}#study-caption{font-size:10px;color:var(--muted);line-height:1.5}.study-strip a{font-size:10px;margin-left:auto;border-bottom:1px solid #c3c7b9;white-space:nowrap}.region-intro{font-size:11px;color:var(--muted);line-height:1.8;margin:26px 0 18px}.list-heading{display:flex;justify-content:space-between;font-size:9px;color:#8e9486;padding-bottom:12px;border-bottom:1px solid var(--line);gap:5px}.region-list{display:grid;gap:1px}.region-item{position:relative;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #e4e5dc;background:none;padding:13px 8px;border-radius:3px}.region-item:hover{background:#eaeae166}.region-item[aria-pressed=true]{background:#ede8df}.region-name{display:block;font-size:11px;line-height:1.6}.region-name small{display:block;font-size:8px;color:var(--muted);line-height:1.5;margin-top:2px}.region-score{font-size:17px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#9f593f}.region-bar{height:2px;background:#e0dfd4;grid-column:1/-1;border-radius:3px;overflow:hidden;margin-top:-3px}.region-bar span{height:100%;display:block;background:#c88963}.region-detail{margin-top:20px;font-size:10px;line-height:1.9;color:#777f6e}.region-detail strong{color:var(--ink);font-weight:500;display:block;margin-bottom:5px}.empty-regions{padding:32px 4px;color:var(--muted);font-size:12px;line-height:1.9}.about-section{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;padding:56px 0 60px}.about-section h2{font-size:24px;letter-spacing:-.8px;font-weight:500}.about-section>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin-top:17px}.explanations details{border-bottom:1px solid var(--line);padding:15px 0}.explanations details:first-child{padding-top:0}.explanations summary{font-size:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.explanations summary::after{content:'+';font-size:17px;color:var(--muted);font-weight:400}.explanations details[open] summary::after{content:'−'}.explanations details p{font-size:11px;line-height:1.9;color:var(--muted);margin:12px 30px 2px 0}.source-links{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;margin-top:22px;color:#707866}.source-links a{border-bottom:1px solid #c3c7b9;padding-bottom:2px}footer{border-top:1px solid var(--line);padding:23px 4%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>span:first-child{letter-spacing:1.5px;color:#555f4f}footer i{font-style:normal;letter-spacing:0;color:#919786;margin-left:8px}[hidden]{display:none!important}
@media(min-width:1500px){.brain-stage{height:490px}.mood-panel{padding-right:35px}.brain-panel{padding-left:30px;padding-right:30px}.region-panel{padding-left:30px}.emotion{font-size:13px}}
@media(max-width:1120px){main{padding:0 3%}.explorer{grid-template-columns:minmax(270px,.9fr) minmax(380px,1.4fr)}.region-panel{grid-column:1/-1;padding-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;column-gap:20px}.region-panel>.section-heading{grid-column:1}.region-intro{grid-column:1;margin:15px 0}.list-heading{display:none}.region-list{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.region-item{border:1px solid var(--line);padding:10px}.region-detail{grid-column:1;grid-row:3;margin-top:0}.brain-panel{border-right:0}.subtle{display:none}.brain-stage{height:440px}.intro{padding-top:32px}}
@media(max-width:700px){.site-header{padding:17px 5%}.brand-icon{font-size:35px}.wordmark{font-size:12px;gap:10px}.research-tag{display:none}.site-header nav{font-size:10px}.wordmark small{font-size:8px}.intro{display:block;padding:30px 0 26px}.intro>p{margin-top:14px;font-size:12px;line-height:1.8}.intro>p br{display:none}h1{font-size:30px;letter-spacing:-1.1px}.eyebrow{font-size:8px}main{padding:0 5%}.explorer{display:block}.mood-panel{padding-right:0}.section-heading h2{font-size:14px}.subtle{display:block}.mood-map{max-width:440px;margin:auto}.axis-top{padding-top:18px}.axis-bottom{max-width:440px;margin:10px auto 0}.coordinate-controls{grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:24px}.coordinate-controls label[for=valence]{grid-row:1;grid-column:1}.coordinate-controls label[for=arousal]{grid-row:1;grid-column:2}.coordinate-controls input{grid-row:2}.microcopy br{display:none}.current-mood{margin-top:16px}.current-mood p{font-size:12px}.brain-panel{border:0;border-top:1px solid var(--line);padding:24px 0}.brain-stage{height:410px;margin:10px -8px 0}.brain-key{margin-top:12px}.meaning{font-size:10px}.study-strip{margin-top:17px;padding-top:16px}.region-panel{display:block;padding:24px 0}.region-intro{margin:13px 0}.region-list{grid-template-columns:1fr 1fr;gap:8px}.region-item{min-height:91px}.region-detail{margin-top:18px}.region-name{font-size:11px}.region-name small{font-size:9px}.about-section{display:block;padding:35px 0}.about-section h2{font-size:23px}.explanations{margin-top:30px}.explanations summary{font-size:12px}.explanations details p{font-size:11px}.about-section>div>p:not(.eyebrow){font-size:12px}.source-links{gap:14px;font-size:10px}footer{font-size:9px;padding:20px 5%;align-items:center}footer>span:last-child{max-width:115px;text-align:right;line-height:1.6}.emotion{min-height:44px;min-width:44px}.view-buttons button{min-height:36px;min-width:45px}.shell-toggle{min-height:44px}.mobile-break{display:block}}
.more-regions{font:inherit;font-size:10px;background:transparent;border:0;padding:14px 5px;grid-column:1/-1;color:#747d6a;text-align:center}.region-list.expanded{max-height:535px;overflow-y:auto;padding-right:5px}.region-list .empty-regions{grid-column:1/-1}.emotion{overflow:visible}
.effect-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;font-size:11px}.effect-controls>div{display:flex;gap:3px;background:#e8e7de;padding:3px;border-radius:7px}.effect-controls button{font:inherit;font-size:11px;border:0;padding:7px 10px;border-radius:5px;background:none;min-height:32px}.effect-controls button[aria-pressed=true]{background:var(--ink);color:#fff}.effect-controls>button{color:#777f6e}.effect-controls>button:disabled{opacity:.45}.brain-stage{height:425px;margin-top:12px;background:radial-gradient(ellipse at 50% 38%,#20293c 0%,#121b2a 48%,#0b1320 100%);border-radius:14px}.stage-grid{background-image:radial-gradient(#bfdaf228 .7px,transparent .7px);mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}.stage-corner{color:#a6b6ce;left:17px;top:17px;letter-spacing:1.4px}.stage-corner span{color:#8c9db6;letter-spacing:.2px;font-size:9px}.brain-label{background:#172336e8;color:#e1e9f5;border-color:#5e72883d;box-shadow:0 0 26px #6e92c315}.brain-label b{color:#ffd698}.view-buttons{background:#0f1c2be8;border-color:#667e9655}.view-buttons button{color:#afc3d9}.view-buttons button[aria-pressed=true]{background:#d7e1ef;color:#1c2c3f}.drag-hint{color:#8096b1}.brain-message{background:#142033e8;border-color:#617b9955;color:#dfe9f4}.brain-message small{color:#9db0c7}.brain-key{margin-top:16px}.gradient-key i{background:linear-gradient(90deg,#7d2945,#e67a41,#ffba61,#fff1ba)}
@media(min-width:1500px){.brain-stage{height:485px}}
@media(max-width:700px){.brain-stage{height:400px;margin:12px 0 0}.effect-controls button{min-height:40px;font-size:11px}.view-buttons button{min-height:38px}.stage-corner{font-size:8px}.meaning{font-size:10px}}
@media(min-width:600px) and (max-width:820px){main{padding:0 3%}.explorer{display:grid;grid-template-columns:minmax(215px,.85fr) minmax(290px,1.4fr)}.mood-panel{padding-right:16px}.brain-panel{border-top:0;border-left:1px solid var(--line);padding-left:16px;padding-right:0}.brain-stage{height:375px;margin-left:0;margin-right:0}.subtle{display:none}.coordinate-controls{display:grid;grid-template-columns:1fr}.coordinate-controls label[for=valence]{grid-row:1;grid-column:1}.coordinate-controls label[for=arousal]{grid-row:3;grid-column:1}.coordinate-controls #valence{grid-row:2}.coordinate-controls #arousal{grid-row:4}.effect-controls{gap:3px}.effect-controls button{padding:6px 7px;font-size:10px}.region-panel{grid-column:1/-1;display:block;padding-left:0}.region-list{grid-template-columns:repeat(3,1fr)}.section-heading{gap:5px}.section-heading h2{font-size:12px}.live-label{font-size:8px;margin-left:0}.brain-key{gap:7px}.gradient-key i{width:100px}.axis-bottom{font-size:8px}.microcopy{font-size:9px}.current-mood{padding:13px}.current-mood p{font-size:10px}.intro>p{font-size:11px}.mobile-break{display:none}h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}