/* Magic Chart Studio: presentation layer, preserves content and interaction layout. */
:root{--paper:#f6f5fc;--ink:#22213d;--text:#22213d;--muted:#65637f;--line:#514b7f26;--mint:#81e6c8}
body{background:radial-gradient(ellipse at 95% 25%,#eae1ff80,transparent 35%),#f6f5fc}em{color:#7753ad}.eyebrow{color:#786093}.header{background:#101229ee;color:#f6f2ff;border-color:#ac91ff2e}.brand-mark{color:#f6cb75;text-shadow:0 0 22px #ffca6755}.header .button.ink{background:linear-gradient(115deg,#8160d7,#a878e7);box-shadow:0 0 25px #9569ed2b}.header nav a:hover{color:#f2ca86}.nav-dot{background:#d5abff;box-shadow:0 0 10px #b688ff}.menu-toggle span{background:#eee5ff}.reading-progress{background:linear-gradient(90deg,#ffc77b,#c193ff,#7beddf)}
.hero{background:radial-gradient(ellipse at 78% 42%,#59329270,transparent 45%),radial-gradient(ellipse at 14% 0%,#1b386555,transparent 50%),linear-gradient(120deg,#101326,#17162e 55%,#241b3f);color:#fff7ee;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#fff7ce88 1px,transparent 1.5px),radial-gradient(circle,#bdb0fa66 1px,transparent 1.5px);background-size:119px 127px,181px 173px;background-position:30px 18px,65px 51px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero:after{content:'';position:absolute;width:700px;height:150px;right:-80px;bottom:-115px;background:#9956f0;filter:blur(85px);opacity:.35;z-index:-1;pointer-events:none}.hero .eyebrow{color:#dac9fa}.status-dot{background:#9ae8d3;box-shadow:0 0 14px #78e7c7,0 0 0 5px #9ae8d315}.hero h1{color:#fff9ee;text-shadow:0 5px 30px #0002}.hero-highlight{color:#ffd38f}.hero-highlight:after{height:5px;bottom:-4px;background:linear-gradient(90deg,#ffc475,#c393fa,transparent);box-shadow:0 4px 25px #d79bfc55;transform:none}.title-spark{color:#fbd192;text-shadow:0 0 30px #ffc97866}.hero-description{color:#c4bfd8}.hero .button.ink{color:#261e3a;background:linear-gradient(110deg,#ffdba2,#f3bb6e);box-shadow:0 7px 30px #e8ab5e26}.hero .button.ink:hover{box-shadow:0 7px 35px #ffc27455}.hero .button-time{border-color:#35214930}.hero-promotion{color:#e1d1fb}.hero-promotion>span{color:#f2dbff;background:#b791ed20;border:1px solid #c89ff747}.hero-promotion:hover{color:#ffdb97}.hero-bottom{border-color:#b09dde2a}.hero-bottom p{color:#aaa4c0}.hero-visual:before{width:93%;background:radial-gradient(circle,#a86aea30,transparent 66%);border:1px solid #b997f53d;box-shadow:inset 0 0 80px #b784ff10,0 0 80px #c887f510;transform:rotate(-20deg) scaleY(.85)}.hero-art img{filter:drop-shadow(0 16px 30px #08081c80) drop-shadow(0 0 25px #f4b95325)}.visual-label,.orbit-word{color:#c3aee8}.floating-note{color:#ede4ff;background:#282740d9;border:1px solid #c2a6ef44;box-shadow:0 14px 35px #06091940}.note-one small{color:#bcafd2}.mini-icon{color:#a8ffe0;background:#70c9b224;box-shadow:inset 0 0 15px #63e5b517}.live-dot{background:#c8a4ff;box-shadow:0 0 10px #c2a5fa}.dust{display:block;position:absolute;inset:0;pointer-events:none;z-index:0}.dust i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffdda8;box-shadow:0 0 10px #edc9ff;opacity:.35;animation:studio-twinkle var(--duration,8s) ease-in-out var(--delay,0s) infinite}.dust i:nth-child(5n){width:12px;height:12px;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);background:#c8b4ff}.hero-spell{position:absolute;inset:5% -2% 0;width:104%;height:90%;pointer-events:none;z-index:-1;opacity:.75}.hero-spell path{stroke-dasharray:850;stroke-dashoffset:850;animation:spell-draw 2.8s ease .3s forwards}.hero-spell circle{fill:#fcd396;filter:drop-shadow(0 0 5px #ffb854)}
.chapter-strip{background:#17172e;border-color:#a69adc30}.chapter-strip span,.chapter-strip a{color:#aaa1c1}.chapter-strip b{color:#e3d8f7}.chapter-strip a:hover b{color:#ffd18f}
.world-tabs button{background:#fff;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.world-tabs button:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--tab-color,#e9ad50)}.world-tabs button:nth-child(2){--tab-color:#39cbae}.world-tabs button:nth-child(3){--tab-color:#779ff7}.world-tabs button:nth-child(4){--tab-color:#ba86ed}.world-tabs button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6d4db218}.world-tabs button.active{background:#242139;border-color:var(--tab-color,#e9ad50);box-shadow:0 6px 25px #51407922}.world-stage{--aura:#f7c274;background:radial-gradient(ellipse at 16% 55%,#f3c78532,transparent 55%),linear-gradient(125deg,#2b243e,#181b31);color:#faf3ff;border:1px solid #d8b68555;box-shadow:0 20px 55px #29203f16}.world-stage[data-tone=mint]{--aura:#76e6cc;background:radial-gradient(ellipse at 16% 55%,#41cdbd35,transparent 55%),linear-gradient(125deg,#193c40,#18283b);border-color:#7cdfce66}.world-stage[data-tone=blue]{--aura:#9cbfff;background:radial-gradient(ellipse at 16% 55%,#528cff40,transparent 55%),linear-gradient(125deg,#243757,#1b203b);border-color:#83a7ff66}.world-stage[data-tone=violet]{--aura:#d8abff;background:radial-gradient(ellipse at 16% 55%,#ae67e948,transparent 55%),linear-gradient(125deg,#442c58,#232039);border-color:#cf94ef66}.world-copy .eyebrow,.world-stage .text-link{color:var(--aura)}.world-copy>p:not(.eyebrow){color:#cbc9dc}.world-tags span{border-color:#c4b8e13b;background:#ffffff06;color:#dfd7ed}.world-art:before{content:'';position:absolute;width:72%;aspect-ratio:1;border:1px solid var(--aura);border-radius:50%;opacity:.25;box-shadow:0 0 60px color-mix(in srgb,var(--aura) 30%,transparent),inset 0 0 60px color-mix(in srgb,var(--aura) 20%,transparent)}.world-art img{filter:drop-shadow(0 12px 24px #0004)}.world-art>span{color:#ffffff09;-webkit-text-stroke:1px #ffffff20}.world-actions .button{background:var(--aura);color:#242339}.world-stage .world-tags span{background:#ffffff08}
.video-section{background:linear-gradient(180deg,#fff,#f6f2ff);border-color:#a898cd2e}.filters button.active{background:linear-gradient(115deg,#6451a3,#8b60bd)}.search{background:#ede9f6}.video-image-button{box-shadow:0 5px 20px #45325813;border:1px solid #71549c24}.video-play{color:#674298;box-shadow:0 0 0 7px #fff2,0 5px 22px #34165b55}.video-card:hover .video-play{background:#f6d391;color:#362345;box-shadow:0 0 0 10px #efc3ff26,0 0 30px #e6bcff80}.video-category{color:#786098}.channel-doors a{background:linear-gradient(120deg,#ece2fa,#f5edf8);border:1px solid #c7b4dd70;transition:transform .2s,box-shadow .2s}.channel-doors a:nth-child(2){background:linear-gradient(120deg,#dff3f0,#e9ecfb)}.channel-doors a:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8070b124}.channel-doors span{color:#76618d}.channel-doors i{color:#8359b0}
.blog-tile{background:linear-gradient(145deg,#fff,#f6f2fc);border-color:#d2c8e5;box-shadow:0 5px 20px #59478107}.blog-tile:nth-child(4n+2){border-top-color:#71cab7}.blog-tile:nth-child(4n+3){border-top-color:#9f83d7}.blog-tile:nth-child(4n){border-top-color:#88a8ea}.blog-tile>span{color:#827095}.blog-tile>span b{color:#9671c2;font-size:20px;line-height:1}.blog-tile:hover{background:#f0e7fb;border-color:#ac8bd5;box-shadow:0 12px 27px #8971bd20}.blog-tile p,.blog-footnote{color:#75718a}
.lab-section{position:relative;background:radial-gradient(ellipse at 88% 15%,#17465990,transparent 60%),linear-gradient(120deg,#111a2d,#1d1b36);border-block:1px solid #867baf55}.lab-copy em{color:#9cf0d8}.lab-copy .eyebrow{color:#b5a3d8}.lab-copy>p:not(.eyebrow),.lens-explanation p{color:#b9c3d4}.lens-controls button{border-color:#83d9d53d;color:#c3deea}.lens-controls button.active{background:#99ead9;color:#173a38;box-shadow:0 0 22px #67d5cb20}.chart-card{background:linear-gradient(150deg,#1d3544,#172135);border-color:#91d5d34d;box-shadow:0 25px 70px #0003,0 0 50px #47d4c810}.chart-top,.chart-disclaimer,.chart-heading>span,.chart-bottom{color:#b0c5d6}.chart-heading strong{color:#aaf5e4}.lab-mascot{filter:drop-shadow(0 0 15px #72ecd02b)}.lab-copy>.text-link{color:#cbb8f8}
.journey-panel{background:linear-gradient(145deg,#fff,#eeedfb);border-color:#c6bbe1;box-shadow:0 20px 45px #8074b014}.path-options button{background:#ffffff80}.path-options button.active{background:linear-gradient(115deg,#e5d9fa,#e8edf9);border-color:#ac8bd6}.path-options button>span{color:#a08bbe}.path-options small,.panel-caption{color:#77708c}.journey-mascot{filter:drop-shadow(0 8px 20px #679cef35)}
.promotion-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 0 90%,#55387388,transparent 60%),radial-gradient(ellipse at 100% 0,#6b459066,transparent 60%),#211a35;color:#f8efff;border-block:1px solid #b987d744;overflow:hidden}.promotion-section:before{content:'✦';position:absolute;font-size:600px;line-height:1;left:-160px;top:40px;color:#a77ddb0c;z-index:-1;transform:rotate(15deg)}.promotion-copy .eyebrow{color:#cbaae8}.promotion-copy em{color:#f5ce92}.promotion-description{color:#cec0df}.promotion-copy .text-link{color:#ecd8ff}.promo-mascot{filter:drop-shadow(0 0 25px #c49ff83d)}.promotion-invitation{color:#322342;background:linear-gradient(135deg,#fff8ec,#f4edfc);border:1px solid #f3d6a7;box-shadow:0 24px 70px #08051155,inset 0 0 0 7px #ffffff60;overflow:hidden}.promotion-invitation:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#b383dc,#f3d290,#b18be4)}.promotion-invitation:after{content:'✦';position:absolute;top:18px;right:25px;font-size:34px;color:#bd9555;text-shadow:0 0 20px #dcb17760}.promotion-checklist{border-color:#b599cd40}.promotion-checklist b{color:#61516c}.invitation-label{color:#7f6691}.promotion-invitation.arrived{animation:invite-arrive .85s ease both}.phone-button{border-color:#ac91c0;background:#fff6}.kakao-button:hover{box-shadow:0 5px 25px #c99f2635}
.guide-card{border-top-color:#a081be}.guide-card:nth-child(2){border-top-color:#76b9b4}.guide-card:nth-child(3){border-top-color:#839fd4}.guide-card:hover{background:#eee5f750}.guide-card p{color:#757087}.guide-card span{color:#827093}.about-section{background:radial-gradient(ellipse at 0 50%,#ded3f8,transparent 60%),#eeeafa}.about-emblem{color:#9771c0;text-shadow:0 0 50px #b28bdd55}.about-layout p:not(.eyebrow){color:#706780}.faq-list summary span{color:#9774b8}.faq-list details p{color:#746b82}.subscribe-section{color:#f6ecff;background:radial-gradient(ellipse at 50% 120%,#7460ad77,transparent 65%),linear-gradient(115deg,#202039,#39274e)}.subscribe-section .eyebrow{color:#d4b9ee}.subscribe-section p:not(.eyebrow){color:#d1c4e1}.subscribe-section small{color:#bdb0d1}.subscribe-section .button{background:linear-gradient(110deg,#f8d396,#deb0f6);color:#31233b;box-shadow:0 8px 35px #b987da2e}.subscribe-spark{color:#b197d918;text-shadow:0 0 70px #cc98ff1c}.footer-bottom p{color:#78728b}.contact-dock{background:#211d34;color:#f4ebff;border-color:#a78ad653;box-shadow:0 10px 35px #211a4033}.dock-label{color:#e5bffe}.contact-dock a:hover{background:#433259}.contact-dock .dock-kakao{color:#332a15}.contact-dock .dock-kakao:hover{background:#ffed60}
@keyframes studio-twinkle{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:.8;transform:scale(1.15)}}@keyframes spell-draw{to{stroke-dashoffset:0}}@keyframes invite-arrive{from{opacity:.7;transform:translateY(16px) rotateX(4deg)}to{opacity:1;transform:none}}
@media(max-width:760px){.header nav{background:#17172f;border-color:#a592ca38}.hero-spell{opacity:.5}.hero:before{opacity:.6}.hero-visual:before{width:85%;left:7%}.promotion-invitation:after{font-size:25px;right:18px;top:15px}.dust i:nth-child(n+13){display:none}.hero .title-spark{font-size:36px}.hero-highlight:after{height:3px}.contact-dock .dock-label{color:#e3bafa}}
@media(prefers-reduced-motion:reduce){.dust i,.hero-spell path,.promotion-invitation.arrived{animation:none!important}.hero-spell path{stroke-dashoffset:0}}.reduce-motion .dust i,.reduce-motion .hero-spell path,.reduce-motion .promotion-invitation.arrived{animation:none!important}.reduce-motion .hero-spell path{stroke-dashoffset:0}
.indicator-collection{margin-top:75px;padding-top:55px;border-top:1px solid #bca8d944}.indicator-collection h2{font-size:clamp(27px,3vw,38px)}.tool-selectors{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:15px}.tool-selectors button{text-align:left;border:1px solid #d9cce9;border-radius:10px;background:#fff;padding:18px 14px;position:relative;transition:transform .2s,border-color .2s}.tool-selectors button span{display:block;font-size:9px;color:#80708f}.tool-selectors button b{display:block;font-size:12px;margin-top:10px}.tool-selectors i{position:absolute;right:12px;top:13px;font-style:normal;color:#a890bf}.tool-selectors button.active{background:#29243f;border-color:#b58adb;color:#f5eaff;box-shadow:0 5px 20px #8b61bb20}.tool-selectors button.active span{color:#c8b3e1}.tool-selectors button:hover{transform:translateY(-3px);border-color:#a57fc8}.tool-panel{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #d9cce9;border-radius:16px;overflow:hidden}.tool-display{background:radial-gradient(ellipse at 40% 80%,#493d6666,transparent),#192338;color:#dfd5f3;padding:32px;align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}.tool-display-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;margin-bottom:16px}.tool-display-top small{font-size:9px;color:#b6aacb;border:1px solid #a48db552;border-radius:30px;padding:4px 8px;white-space:nowrap}.tool-display svg{width:100%;height:auto}.tool-display>p{font-size:9px;color:#c0b4d0;margin:10px 65px 0 0}.tool-display img{position:absolute;bottom:14px;right:14px;width:75px;height:75px;object-fit:contain}.tool-copy{padding:32px}.tool-copy .eyebrow{margin-bottom:13px}.tool-copy h3{font-size:23px;line-height:1.6;letter-spacing:-.04em}.tool-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#756982;margin-top:15px}.tool-copy ul{font-size:11px;line-height:2.1;padding-left:17px;color:#5a4d6c;margin:16px 0}.tool-copy .tool-limit{padding-top:15px;border-top:1px solid #d5c4e8;font-size:10px!important;color:#756880}.tool-copy .button{margin-top:18px;background:#6f519d;font-size:11px}.tool-inquiry{display:flex;gap:22px;align-items:center;padding:22px 25px;margin-top:13px;border-radius:12px;background:linear-gradient(115deg,#e6daf8,#e5eff7)}.tool-inquiry>div{flex:1}.tool-inquiry span{font-size:9px;color:#7a5c98}.tool-inquiry p{font-size:12px;font-weight:600;margin-top:5px}.tool-inquiry .button{background:#fee500;color:#332a15;font-size:11px;flex-shrink:0}.tool-inquiry .text-link{font-size:10px;flex-shrink:0}.tool-all-details{margin-top:18px;border-bottom:1px solid #d4c8e2}.tool-all-details>summary{font-size:11px;color:#756581;padding:17px 0}.tool-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.tool-specs details{border-top:1px solid #d4c8e2}.tool-specs summary{font-size:12px;padding:17px 0}.tool-specs p,.tool-all-details>p{font-size:11px;color:#756982;line-height:1.9}
@media(max-width:1050px){.tool-selectors{grid-template-columns:repeat(3,1fr)}.tool-inquiry{flex-wrap:wrap}.tool-inquiry>div{flex-basis:100%}}@media(max-width:760px){.indicator-collection{margin-top:50px;padding-top:40px}.indicator-collection .section-heading{flex-direction:column;align-items:flex-start}.tool-selectors{grid-template-columns:repeat(2,1fr)}.tool-selectors button{padding:14px}.tool-selectors button:last-child{grid-column:1/-1}.tool-panel{grid-template-columns:1fr}.tool-display{padding:23px 20px 32px}.tool-copy{padding:24px}.tool-copy h3{font-size:21px}.tool-inquiry{gap:12px;padding:20px}.tool-inquiry .button{padding:12px}.tool-specs{grid-template-columns:1fr}}
/* Original MT5 captures: preserve the entire chart and its labels. */
.tool-display .tool-screenshot-link{display:block;position:relative;background:#e9e9e9;border:1px solid #aaa1bc66;border-radius:8px;overflow:hidden;cursor:zoom-in}.tool-display #tool-screenshot{position:static;display:block;width:100%;height:auto;max-height:430px;object-fit:contain;filter:none}.tool-screenshot-link>span{display:block;padding:8px 12px;font-size:10px;color:#eee5ff;background:#29243f;text-align:right}.tool-display>p{margin-right:0}.tool-screenshot-link:hover{box-shadow:0 0 20px #c7a0ec30}.tool-screenshot-link:focus-visible{outline:3px solid #ffd699;outline-offset:4px}