@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{color:#f4f2ea;font-synthesis:none;text-rendering:optimizelegibility;background:#111412;font-family:Manrope,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#111412;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d9ff63}#root{min-height:100vh}:root{--ink:#111412;--paper:#f4f2ea;--muted:#a4aaa4;--line:#f4f2ea29;--lime:#d9ff63;--coral:#ff7657;--mint:#73e6b1}.app{background:var(--ink);min-height:100vh;overflow:hidden}.topnav{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.brand{color:var(--paper);letter-spacing:-.05em;align-items:center;gap:4px;text-decoration:none;display:flex}.brand b{font-size:23px;font-weight:900}.brand em{color:var(--lime);letter-spacing:.08em;align-self:flex-start;margin-top:11px;font-size:12px;font-style:normal}.brand-mark{align-items:flex-end;gap:3px;width:28px;height:28px;margin-right:5px;display:flex;transform:rotate(-8deg)}.brand-mark i{background:var(--lime);border-radius:6px;width:6px}.brand-mark i:first-child{height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px}.nav-status{letter-spacing:.14em;color:#c4c8c4;text-transform:uppercase;font-size:11px}.status-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 12px var(--mint);border-radius:50%;margin-right:8px;display:inline-block}.session-count{color:var(--muted);font-size:12px}.session-count b{color:var(--paper);margin-left:7px;font-size:17px}.home{max-width:1440px;margin:auto}.hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:650px;padding:70px clamp(24px,6vw,90px) 80px;display:grid}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.eyebrow.lime{color:var(--lime)}.eyebrow.coral,.coral{color:var(--coral)}.eyebrow.mint,.mint{color:var(--mint)}.hero h1{letter-spacing:-.065em;margin:25px 0 24px;font-size:clamp(46px,5.6vw,82px);font-weight:900;line-height:1.05}.hero h1 em{color:#0000;-webkit-text-stroke:1.5px #f4f2eabf;font-style:normal}.hero-copy>p{color:#b0b5b0;margin:0;font-size:15px;line-height:1.85}.privacy-note{color:var(--mint);align-items:center;gap:12px;margin-top:35px;display:flex}.privacy-note>span{border:1px solid #73e6b159;border-radius:50%;place-items:center;width:38px;height:38px;font-size:8px;display:grid}.privacy-note div{flex-direction:column;gap:3px;display:flex}.privacy-note b{color:#e7e9e5;font-size:12px}.privacy-note small{color:#7f877f;font-size:10px}.hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.orbit{border:1px solid #d9ff633d;border-radius:50%;position:absolute}.orbit-one{width:410px;height:410px}.orbit-two{width:310px;height:450px;transform:rotate(52deg)}.body-figure{filter:drop-shadow(0 0 24px #d9ff631f);width:180px;height:360px;position:relative;transform:rotate(5deg)}.body-figure .head{border:3px solid var(--lime);border-radius:50%;width:48px;height:48px;position:absolute;top:28px;left:68px}.body-figure i{background:var(--lime);transform-origin:0;border-radius:3px;height:3px;position:absolute}.body-figure .torso{width:110px;top:86px;left:84px;transform:rotate(90deg)}.body-figure .arm{width:115px;top:100px;left:86px}.body-figure .arm-left{transform:rotate(155deg)}.body-figure .arm-right{transform:rotate(25deg)}.body-figure .leg{width:132px;top:194px;left:86px}.body-figure .leg-left{transform:rotate(115deg)}.body-figure .leg-right{transform:rotate(65deg)}.body-figure .joint{border:2px solid var(--coral);background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute}.body-figure .j1{top:145px;left:14px}.body-figure .j2{top:145px;right:7px}.body-figure .j3{bottom:33px;left:32px}.body-figure .j4{bottom:35px;right:28px}.visual-label{color:#b7bcb7;border:1px solid var(--line);letter-spacing:.2em;background:var(--ink);padding:8px 13px;font-size:9px;position:absolute}.label-one{top:20%;right:7%}.label-two{bottom:17%;left:5%}.visual-cross{color:var(--coral);font-size:22px;position:absolute}.cross-one{top:20%;left:16%}.cross-two{bottom:23%;right:12%}.mode-section{color:var(--ink);background:#ebe9e1;padding:90px clamp(24px,6vw,90px) 120px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.section-heading>div{align-items:flex-start;gap:22px;display:flex}.section-index{color:#777d77;margin-top:9px;font-size:11px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.05}.section-heading p{color:#70756f;margin:0;font-size:12px;line-height:1.75}.mode-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mode-card{text-align:left;cursor:pointer;border:0;min-height:550px;padding:0;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.mode-card:hover{transform:translateY(-7px);box-shadow:0 20px 60px #11141229}.mode-card.coral{background:var(--coral);color:#21120e}.mode-card.mint{color:var(--paper);background:#17241e}.mode-card-top{z-index:2;justify-content:space-between;display:flex;position:absolute;inset:26px 28px auto}.mode-number{letter-spacing:.12em;font-size:11px}.mode-arrow{border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-size:19px;transition:transform .2s;display:grid}.mode-card:hover .mode-arrow{transform:rotate(45deg)}.mode-graphic{height:285px;position:relative;overflow:hidden}.mode-content{z-index:2;padding:28px 34px 33px;position:relative}.mode-content .eyebrow{opacity:.7}.mode-content h3{letter-spacing:-.055em;margin:8px 0 12px;font-size:clamp(29px,3vw,42px)}.mode-content p{opacity:.72;max-width:430px;min-height:48px;margin:0;font-size:13px;line-height:1.7}.mode-meta{gap:8px;margin-top:22px;display:flex}.mode-meta span{opacity:.7;border:1px solid;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700}.reaction-graphic{background:linear-gradient(135deg,#ffffff1a,#0000)}.runner{width:120px;height:180px;position:absolute;top:64px;left:50%;transform:translate(-50%)rotate(-8deg)}.runner i{border:7px solid #311914;border-radius:50%;width:31px;height:31px;position:absolute;left:48px}.runner b{transform-origin:4px;background:#311914;border-radius:9px;width:75px;height:8px;position:absolute;top:48px;left:63px}.runner .ra1{transform:rotate(155deg)}.runner .ra2{transform:rotate(24deg)}.runner .rl1{width:82px;top:105px;transform:rotate(112deg)}.runner .rl2{width:82px;top:105px;transform:rotate(61deg)}.runner:after{content:"";background:#311914;border-radius:8px;width:8px;height:68px;position:absolute;top:51px;left:59px;transform:rotate(-2deg)}.target-dot{border:1px solid #3a1e17;border-radius:50%;place-items:center;width:47px;height:47px;font-size:9px;font-weight:900;display:grid;position:absolute}.t1{top:24%;left:8%}.t2{top:32%;right:10%}.t3{bottom:13%;left:17%}.t4{bottom:7%;right:14%}.balance-graphic{background:radial-gradient(circle,#73e6b121,#0000 55%)}.balance-graphic svg{fill:none;width:160px;height:180px;stroke:var(--mint);stroke-width:4px;stroke-linecap:round;position:absolute;top:60px;left:calc(50% - 80px)}.balance-graphic svg circle{fill:#17241e}.balance-ring{border:1px solid #73e6b14d;border-radius:50%;width:310px;height:190px;position:absolute;top:76px;left:calc(50% - 155px);transform:rotate(-12deg)}.balance-line{background:var(--mint);height:1px;box-shadow:0 0 18px var(--mint);position:absolute;bottom:20px;left:18%;right:18%}footer{color:#777e78;letter-spacing:.08em;justify-content:space-between;align-items:center;max-width:1440px;min-height:120px;margin:auto;padding:40px clamp(24px,6vw,90px);font-size:10px;display:flex}footer span{color:var(--paper);font-size:16px;font-weight:900}footer p{letter-spacing:0}footer small{font-size:8px}.workout-shell{background:var(--paper);min-height:100vh;color:var(--ink);position:relative}.setup-shell{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(40px,7vw,110px);padding:130px clamp(28px,8vw,130px) 70px;display:grid}.back-button{color:#5d645e;cursor:pointer;background:0 0;border:0;font-size:13px;position:absolute;top:35px;left:clamp(28px,5vw,70px)}.setup-copy h2{letter-spacing:-.075em;margin:20px 0 24px;font-size:clamp(48px,6vw,86px);line-height:1}.setup-copy>p{color:#626963;max-width:650px;font-size:15px;line-height:1.85}.setup-tip{border-left:3px solid var(--coral);background:#e7e4dc;flex-direction:column;gap:5px;margin-top:40px;padding:18px 20px;display:flex}.setup-tip b{font-size:11px}.setup-tip span{color:#707770;font-size:11px}.setup-tip.mint-tip{border-color:#31ae7a}.settings-card{color:var(--paper);background:#181c19;padding:clamp(28px,4vw,48px);box-shadow:0 30px 80px #161c1833}.setting-group{border:0;margin:0 0 28px;padding:0}.setting-group legend,.card-label{color:#9ba29c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;font-size:10px;font-weight:700}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button{cursor:pointer;background:0 0;border:1px solid #3b413c;padding:13px 5px;font-size:11px}.segmented button.active{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:800}.segmented.options-2{grid-template-columns:repeat(2,1fr)}.primary-button,.secondary-button{cursor:pointer;border:0;min-height:54px;padding:0 22px;font-size:12px;font-weight:800}.primary-button{width:100%;color:var(--ink);justify-content:space-between;align-items:center;margin-top:12px;display:flex}.coral-button{background:var(--coral)}.mint-button{background:var(--mint)}.secondary-button{color:inherit;background:0 0;border:1px solid #777f79}.inline-error{color:#ff9d88;font-size:11px;line-height:1.5}.pose-preview-row{flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:600px;margin:35px 0 10px;display:flex}.pose-preview-row .pose-silhouette{border-bottom:1px solid #bbc1ba}.pose-list-card{padding-top:35px}.routine-row{border-top:1px solid #323832;grid-template-columns:25px 48px 1fr;align-items:center;gap:15px;padding:12px 0;display:grid}.routine-row>span{color:#697169;font-size:9px}.routine-row div{flex-direction:column;gap:3px;display:flex}.routine-row b{font-size:12px}.routine-row small{color:#7c857d;font-size:9px}.routine-grid{grid-template-columns:1fr 1fr;column-gap:22px;margin-top:10px;display:grid}.pose-silhouette{fill:none;stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;width:210px;height:235px;color:var(--mint);filter:drop-shadow(0 0 12px #73e6b140)}.pose-silhouette circle{fill:#73e6b11f}.pose-silhouette.compact{stroke-width:6px;filter:none;color:#36a777;width:47px;height:54px}.play-layout{background:#090b0a;min-height:100vh;padding:18px}.camera-stage{background:#171b18;border-radius:3px;width:100%;height:calc(100vh - 36px);min-height:620px;position:relative;overflow:hidden}.camera-stage video,.camera-stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-stage canvas{z-index:2}.camera-vignette{z-index:3;pointer-events:none;background:linear-gradient(#050806a6,#0000 24% 65%,#050806c7),radial-gradient(circle,#0000 45%,#03050447);position:absolute;inset:0}.camera-stage.body-ready{box-shadow:inset 0 0 0 3px #73e6b1b3,0 0 28px #73e6b129}.camera-placeholder,.camera-error{z-index:8;background:#151a17;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-placeholder strong{font-size:18px}.camera-placeholder small{color:#8e968f}.camera-icon{color:var(--mint);font-size:44px;animation:1.2s infinite pulse}.camera-error{color:#ff9b85;text-align:center;padding:30px}.body-frame{z-index:4;pointer-events:none;border:1px dashed #ffcb66b8;border-radius:32px;transition:inset .12s linear,width .12s linear,height .12s linear,border-color .2s;position:absolute;box-shadow:0 0 0 9999px #0508060d}.body-frame:before,.body-frame:after{content:"";border-style:solid;border-color:#ffcb66;width:22px;height:22px;transition:border-color .2s;position:absolute}.body-frame:before{border-width:3px 0 0 3px;border-radius:12px 0 0;top:-2px;left:-2px}.body-frame:after{border-width:0 3px 3px 0;border-radius:0 0 12px;bottom:-2px;right:-2px}.body-frame.ready{border-color:#73e6b1db;box-shadow:0 0 24px #73e6b12e}.body-frame.ready:before,.body-frame.ready:after{border-color:var(--mint)}.framing-feedback{z-index:7;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;background:#120e09d1;border:1px solid #ffcb6673;border-radius:12px;align-items:center;gap:10px;min-width:min(390px,100% - 36px);padding:11px 15px;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.framing-feedback>span{color:#1b1306;background:#ffcb66;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.framing-feedback div{flex-direction:column;gap:2px;display:flex}.framing-feedback strong{font-size:12px}.framing-feedback small{color:#c7c1b6;font-size:9px}.framing-feedback.ready{background:#081c12d1;border-color:#73e6b180}.framing-feedback.ready>span{background:var(--mint)}.calibration-panel{z-index:7;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;pointer-events:none;background:#080c09c7;border:1px solid #ffffff29;flex-direction:column;align-items:center;width:min(320px,100% - 40px);padding:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calibration-panel>span{color:var(--mint);letter-spacing:.15em;font-size:9px;font-weight:800}.calibration-panel>strong{margin:6px 0 1px;font-size:38px;line-height:1}.calibration-panel>small{color:#aeb5af;font-size:10px}.calibration-panel>i{background:#ffffff24;width:100%;height:4px;margin-top:17px;overflow:hidden}.calibration-panel>i b{background:var(--mint);height:100%;transition:width .12s linear;display:block}.play-topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:24px;right:24px}.play-topbar button{pointer-events:auto}.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#070a0873;border:1px solid #ffffff59;border-radius:999px;padding:10px 15px;font-size:11px}.timer-pill{color:#fff;align-items:baseline;gap:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.timer-pill span{letter-spacing:.1em;margin-right:8px;font-size:9px}.timer-pill b{font-size:35px}.timer-pill small{font-size:10px}.score-pill{text-align:right;margin-left:auto}.score-pill span{color:var(--coral);letter-spacing:.2em;font-size:8px;display:block}.score-pill b{font-size:26px}.motion-target{z-index:6;border:2px solid var(--coral);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ff765738;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:.28s cubic-bezier(.16,1,.3,1) targetIn;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ff765714,0 0 38px #ff765759}.motion-target small{font-size:8px;font-weight:700}.motion-target b{font-size:13px}.motion-target i{border:4px solid #0000;border-top-color:#fff;border-radius:50%;animation:linear forwards targetLife;position:absolute;inset:-2px}.combo-card{z-index:5;flex-direction:column;display:flex;position:absolute;bottom:27px;left:25px}.combo-card span{color:var(--coral);letter-spacing:.18em;font-size:8px}.combo-card strong{font-size:45px;line-height:1}.combo-card small{color:#9aa19b;margin-top:5px;font-size:9px}.camera-guide{z-index:5;color:#d5d9d4;background:#06080780;border-radius:99px;padding:9px 14px;font-size:10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hit-flash{z-index:7;color:var(--lime);text-shadow:0 0 30px #d9ff6380;font-size:clamp(38px,7vw,90px);font-weight:900;animation:.35s both flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pose-counter{font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.pose-counter span{color:#929a93}.match-score{text-align:right;margin-left:auto}.match-score span{color:#a1a9a2;font-size:9px;display:block}.match-score b{font-size:28px}.match-score.matched b{color:var(--mint)}.silhouette-overlay{z-index:4;opacity:.32;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.silhouette-overlay .pose-silhouette{stroke-width:3px;color:#e4ffe9;filter:drop-shadow(0 0 18px #73e6b1cc);width:min(38vw,330px);height:min(65vh,540px)}.yoga-coach{z-index:5;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c120eb8;border:1px solid #73e6b140;width:min(650px,100% - 36px);padding:19px 25px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.yoga-coach h3{margin:4px 0 3px;font-size:20px}.yoga-coach p{color:#adb5ae;margin:0 0 12px;font-size:10px}.hold-track{background:#ffffff24;height:4px;overflow:hidden}.hold-track i{background:var(--mint);height:100%;box-shadow:0 0 12px var(--mint);transition:width .12s linear;display:block}.hold-time{color:var(--mint);margin-top:7px;font-size:12px;display:block}.result-screen{text-align:center;background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;display:flex}.result-orbit{border:1px solid;border-radius:50%;place-items:center;width:95px;height:95px;margin-bottom:28px;font-size:34px;display:grid}.coral-orbit{color:var(--coral);box-shadow:0 0 0 14px #ff765717}.mint-orbit{color:#2cae76;box-shadow:0 0 0 14px #73e6b11f}.result-screen h2{letter-spacing:-.06em;margin:15px 0 40px;font-size:clamp(34px,5vw,64px)}.result-grid{border:1px solid #ced1cc;grid-template-columns:repeat(3,minmax(130px,190px));display:grid}.result-stat{border-right:1px solid #ced1cc;flex-direction:column;padding:28px 20px;display:flex}.result-stat:last-child{border:0}.result-stat strong{font-size:28px}.result-stat span{color:#747b75;margin-top:4px;font-size:10px}.result-actions{gap:8px;margin-top:30px;display:flex}.result-actions button{min-width:150px}.result-actions .primary-button{width:auto;margin:0}@keyframes targetIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}}@keyframes targetLife{0%{transform:rotate(0)}to{opacity:.2;transform:rotate(360deg)}}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}@media (width<=820px){.nav-status{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:420px;transform:scale(.85)}.section-heading{align-items:flex-start}.section-heading p{display:none}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:510px}.setup-shell{grid-template-columns:1fr;padding-top:110px}.settings-card{width:100%;max-width:580px}footer p{display:none}}@media (width<=540px){.topnav{height:68px}.session-count{display:none}.hero{padding-top:55px}.hero-copy>p br{display:none}.hero-visual{min-height:330px;margin:-35px 0;transform:scale(.7)}.mode-section{padding-top:65px}.section-heading>div{gap:12px}.mode-card{min-height:480px}.mode-graphic{height:250px}.mode-content{padding:24px}.play-layout{padding:0}.camera-stage{border-radius:0;height:100vh;min-height:560px}.camera-guide{display:none}.combo-card{bottom:145px}.yoga-coach{bottom:12px}.result-grid{grid-template-columns:1fr;width:min(330px,100%)}.result-stat{border-bottom:1px solid #ced1cc;border-right:0;padding:18px}.routine-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}