:root{--bg: #0a0a0f;--bg2: #121218;--card: rgba(255,255,255,.05);--card-h: rgba(255,255,255,.08);--text: #fff;--text2: rgba(255,255,255,.6);--muted: rgba(255,255,255,.5);--border: rgba(255,255,255,.08);--em-c: #7B5BBF;--em-l: #9B7BDF;--em-g: rgba(123,91,191,.4);--em-t: #7B5BBF0d;--font-d: "Fraunces", serif;--font-b: "Outfit", sans-serif;--r: 20px;--screen-transition: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-b);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}textarea,input{font-family:inherit;border:none;background:none;color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid rgba(184,157,255,.8);outline-offset:3px;border-radius:14px}.sym-pill:focus-visible{border-radius:100px}.mode-tog:focus-visible{border-radius:100px;outline-offset:2px}.back-link:focus-visible{border-radius:8px}.modal-x:focus-visible{border-radius:50%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.orb,.screen.active,.sym-bdy,.tipp-detail{animation:none}.btn-p,.btn-p.live,.breathe-circle,.breath-fill{transition:none}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes breatheCircle{0%{transform:scale(.5);opacity:.6}50%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:.6}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes boxTrack{0%{top:-7px;left:-7px}25%{top:-7px;left:calc(100% - 7px)}50%{top:calc(100% - 7px);left:calc(100% - 7px)}75%{top:calc(100% - 7px);left:-7px}to{top:-7px;left:-7px}}@keyframes check{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes btnGradFade{0%{opacity:.4}50%{opacity:.85}to{opacity:1}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fillRing{0%{stroke-dashoffset:var(--ring-full)}to{stroke-dashoffset:var(--ring-offset)}}.app{position:relative;min-height:100vh;min-height:100dvh}.t-xl{font-family:var(--font-d);font-size:clamp(2.25rem,8vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.t-md{font-family:var(--font-d);font-size:1.25rem;font-weight:600}.sub{font-size:1rem;color:var(--text2);font-weight:300;line-height:1.5}.screen{display:none;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.screen.active{display:block;animation:fadeIn .3s ease-out}.container{max-width:560px;margin:0 auto;padding:40px 20px 140px}.back-link{color:var(--muted);font-size:.8125rem;margin-bottom:16px;display:inline-flex;align-items:center;gap:6px;transition:color .15s;font-weight:500}.back-link:hover{color:var(--text)}@media(max-width:480px){.container{padding:0 16px 140px}}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:0;z-index:100;background:#0a0a0fbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .15s}.logo:hover{opacity:.8}.logo svg{width:40px;height:40px;flex-shrink:0}.logo img{width:36px;height:36px;flex-shrink:0;display:block}.logo-txt{display:flex;flex-direction:column}.logo-t{font-family:var(--font-b);font-size:.9375rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.logo-s{font-size:.6875rem;color:var(--muted);font-weight:400;margin-top:1px}.mode-tog{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--card);border-radius:100px;border:1px solid var(--border);font-size:.75rem;color:var(--text2);transition:all .2s;font-weight:500}.mode-tog:hover{background:var(--card-h)}.mode-trk{width:36px;height:20px;background:#ffffff1f;border-radius:10px;position:relative;transition:background .3s}.mode-tog.kids .mode-trk{background:linear-gradient(135deg,#9b5de5,#f15bb5)}.mode-th{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.mode-tog.kids .mode-th{transform:translate(16px)}.orbs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(100px);animation:float 25s ease-in-out infinite;transition:all 2s ease-in-out}.orb-1{width:500px;height:500px;top:-150px;left:-100px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);opacity:.28;transition:background 1.8s ease-in-out,opacity 1.8s ease-in-out}.orb-2{width:400px;height:400px;top:40%;right:-100px;background:linear-gradient(135deg,#4ecdc4,#44a3aa);opacity:.24;animation-delay:-9s;transition:background 1.8s ease-in-out,opacity 1.8s ease-in-out}.orb-3{width:450px;height:450px;bottom:-100px;left:30%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);opacity:.26;animation-delay:-17s;transition:background 1.8s ease-in-out,opacity 1.8s ease-in-out}.sym-sec{border-radius:20px;border:1px solid var(--border);background:#ffffff08;padding:0;margin-top:16px;border-left-width:3px;overflow:hidden}.sym-sec.body{border-left-color:#ff6b6b;background:#ff6b6b0a}.sym-sec.mind{border-left-color:#4ecdc4;background:#4ecdc40a}.sym-sec.beh{border-left-color:#a78bfa;background:#a78bfa0a}.sym-h{display:flex;align-items:center;gap:10px}.sym-hdr{padding:14px 16px 14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;-webkit-tap-highlight-color:transparent}.sym-hdr:hover{background:#ffffff08}.sym-hdr:active{background:#ffffff0d}.sym-chevron{width:16px;height:16px;flex-shrink:0;color:var(--muted);transition:transform .25s ease,color .2s;margin-left:4px}.sym-sec.open .sym-chevron{transform:rotate(180deg)}.sym-bdy{display:none;padding:12px 16px 16px 18px}.sym-sec.open .sym-bdy{display:block;animation:fadeUp .2s ease-out both}.sym-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sym-icon svg{width:18px;height:18px}.sym-icon.body svg{color:#ff6b6b}.sym-icon.mind svg{color:#4ecdc4}.sym-icon.beh svg{color:#a78bfa}.sym-l{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sym-l.body{color:#ff6b6b}.sym-l.mind{color:#4ecdc4}.sym-l.beh{color:#a78bfa}.sym-count{margin-left:auto;font-size:.6875rem;font-weight:500;color:var(--muted);letter-spacing:.03em;margin-right:4px}.sym-grid{display:flex;flex-wrap:wrap;gap:8px}.sym-pill{padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:100px;background:var(--card);color:var(--text2);border:1px solid var(--border);transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sym-pill:hover{background:var(--card-h);color:var(--text)}.sym-pill.sel{background:#fffffff2;color:#0a0a0f;border-color:#ffffffe6;font-weight:600;box-shadow:0 4px 20px #ffffff26}.fix-b{position:fixed;bottom:0;left:0;right:0;padding:24px 20px;background:linear-gradient(to top,var(--bg) 70%,transparent);z-index:50;pointer-events:none}.fix-b .container{padding:0;pointer-events:auto}.btn{width:100%;padding:16px;font-size:.9375rem;font-weight:600;border-radius:14px;transition:all .3s;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;letter-spacing:-.01em}.btn-main-l{line-height:1.2}.btn-sub-l{font-size:.7rem;font-weight:400;opacity:.65;letter-spacing:.01em}.btn-p{background:#fff;color:#0a0a0f;box-shadow:0 8px 30px #ffffff14}.btn-p:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #ffffff26}.btn-p:disabled{background:#ffffff14;color:var(--muted);box-shadow:none}.btn-p.live{color:#fff;box-shadow:0 8px 30px var(--em-g);transition:background-image .6s ease-in-out,box-shadow .6s ease-in-out,opacity .4s ease-in-out}.btn-p.live:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px var(--em-g)}.btn-p.grad-fade{animation:btnGradFade .5s ease-in-out}.btn-s{background:var(--card);color:var(--text2);border:1px solid var(--border)}.btn-s:hover{background:var(--card-h);color:var(--text)}.btn-em{background:var(--em-c);color:#fff;box-shadow:0 8px 30px var(--em-g)}.btn-em:hover{filter:brightness(1.1);transform:translateY(-2px)}.reveal-wrap{text-align:center;padding-top:32px}.em-name{font-family:var(--font-d);font-size:clamp(3rem,12vw,4.5rem);font-weight:700;line-height:1;letter-spacing:-.03em;animation:fadeUp .5s ease-out;text-shadow:0 0 60px var(--em-g)}.em-tag{font-size:1.125rem;color:var(--text2);font-style:italic;margin:12px 0 40px;animation:fadeUp .5s ease-out .1s both}.em-why{font-size:.9375rem;color:var(--text2);max-width:360px;margin:0 auto 40px;line-height:1.6;animation:fadeUp .5s ease-out .15s both}.int-opts{display:flex;gap:10px;animation:fadeUp .5s ease-out .2s both}.int-btn{flex:1;padding:16px 12px;border-radius:14px;background:var(--card);border:1px solid var(--border);text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.int-btn:hover{background:var(--card-h)}.int-btn.sel{background:var(--em-c);border-color:var(--em-l);box-shadow:0 8px 32px var(--em-g);color:#fff}.int-label{font-weight:600;font-size:.9375rem}.int-dots{font-size:.75rem;opacity:.5}.res-header{margin-bottom:28px}.res-em{font-family:var(--font-d);font-size:clamp(2rem,8vw,2.75rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.res-tag{color:var(--text2);font-size:.9375rem;margin-top:6px}.sec-box{background:var(--em-t);border:1px solid var(--border);border-left:3px solid var(--em-c);border-radius:20px;padding:20px;margin-bottom:16px;transition:border-color 1.8s ease-in-out,background 1.8s ease-in-out}.sec-t{font-family:var(--font-d);font-size:1.1rem;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:10px}.sec-icon{font-size:1rem;opacity:.7}.cause-l{list-style:none;display:flex;flex-direction:column;gap:8px}.cause-l li{display:flex;gap:10px;color:var(--text2);font-size:.875rem;line-height:1.5}.cause-dot{width:5px;height:5px;border-radius:50%;background:var(--em-c);margin-top:8px;flex-shrink:0}.tool-list{display:flex;flex-direction:column;gap:8px}.tool-c{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px;text-align:left;transition:all .2s;-webkit-tap-highlight-color:transparent}.tool-c:hover{background:#ffffff0d;border-color:#ffffff1f}.tool-c:active{transform:scale(.98)}.tool-i{width:38px;height:38px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tool-info{flex:1;min-width:0}.tool-n{font-weight:600;font-size:.875rem;display:block;margin-bottom:1px}.tool-d{font-size:.75rem;color:var(--muted);display:block;line-height:1.4}.tool-arrow{color:var(--muted);font-size:.75rem;flex-shrink:0}.modal-o{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s}.modal-o.active{display:flex;opacity:1}.modal{background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:24px;width:100%;max-width:560px;max-height:92vh;max-height:92dvh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.modal-h{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:#111114f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;border-radius:24px 24px 0 0;overflow:hidden}.modal-x{width:32px;height:32px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:background .15s}.modal-x:hover{background:#ffffff26}.modal-b{padding:24px 20px 40px;min-height:300px}.complete-wrap{text-align:center;padding:40px 0;animation:scaleIn .4s ease-out}.complete-check{width:64px;height:64px;border-radius:50%;background:var(--em-c);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;box-shadow:0 8px 32px var(--em-g)}.complete-title{font-family:var(--font-d);font-size:1.5rem;font-weight:600;margin-bottom:8px}.complete-sub{color:var(--text2);font-size:.9375rem}.reflect-wrap{border-top:1px solid var(--border);margin-top:28px;padding-top:24px;animation:fadeUp .35s ease-out both;animation-delay:.15s}.reflect-q{font-size:.875rem;color:var(--text2);margin-bottom:14px;text-align:left}.reflect-scale{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.reflect-dot{width:48px;height:48px;border-radius:14px;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .15s;font-size:1.1rem;flex-shrink:0}.reflect-dot:hover{background:var(--card-h);border-color:#ffffff26;transform:translateY(-2px)}.reflect-dot.sel{background:var(--em-c);border-color:var(--em-c);box-shadow:0 4px 16px var(--em-g)}.reflect-dot-num{font-size:.6rem;color:var(--muted);font-family:var(--font-b);font-weight:600;letter-spacing:.04em}.reflect-dot.sel .reflect-dot-num{color:#fffc}.reflect-note{width:100%;min-height:72px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:.875rem;color:var(--text);resize:none;margin-bottom:14px;transition:border-color .15s}.reflect-note:focus{border-color:#fff3;outline:none}.reflect-actions{display:flex;gap:10px;justify-content:center}.reflect-skip{font-size:.8rem;color:var(--muted);background:none;border:none;cursor:pointer;padding:8px 12px;transition:color .15s}.reflect-skip:hover{color:var(--text2)}@media(max-width:480px){.header{padding:12px 16px}}.tool-step{text-align:center;animation:fadeUp .3s ease-out}.tool-title{font-family:var(--font-d);font-size:1.5rem;font-weight:600;margin-bottom:8px}.tool-sub{color:var(--text2);font-size:.9375rem;margin-bottom:24px;line-height:1.5}.tool-prompt{font-family:var(--font-d);font-size:1.25rem;line-height:1.4;margin-bottom:20px;font-weight:600}.tool-input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:#fff;font-size:.9375rem;min-height:80px;resize:none;transition:border-color .2s;line-height:1.5}.tool-input:focus{border-color:var(--em-c)}.tool-progress{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.tool-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:all .3s}.tool-dot.active{background:var(--em-c);transform:scale(1.2)}.tool-dot.done{background:#fff6}.tool-nav{display:flex;gap:10px;margin-top:24px}.tool-nav .btn{flex:1}.breath-circle-wrap{position:relative;width:200px;height:200px;margin:32px auto}.breath-circle{width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center}.breath-fill{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle,var(--em-c),transparent);opacity:.3;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transform:scale(.3)}.breath-fill.expand{transform:scale(1);opacity:.5}.breath-text{font-family:var(--font-d);font-size:1.75rem;font-weight:600;z-index:1;transition:opacity .3s}.breath-counter{text-align:center;color:var(--muted);font-size:.8125rem;margin-top:12px}.box-container{width:200px;height:200px;position:relative;margin:32px auto}.box-border{width:100%;height:100%;border:2px solid rgba(255,255,255,.1);border-radius:4px;position:relative}.box-dot{position:absolute;width:14px;height:14px;background:var(--em-c);border-radius:50%;box-shadow:0 0 20px var(--em-c),0 0 6px #fff;top:-7px;left:-7px;opacity:0}.box-dot.active{opacity:1;animation:boxTrack 16s linear infinite}.box-side-label{position:absolute;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.box-label-top{top:-22px;left:50%;transform:translate(-50%)}.box-label-right{right:-32px;top:50%;transform:translateY(-50%) rotate(90deg)}.box-label-bottom{bottom:-22px;left:50%;transform:translate(-50%)}.box-label-left{left:-32px;top:50%;transform:translateY(-50%) rotate(-90deg)}.box-center-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:1.75rem;font-weight:600}.ground-step{text-align:center;animation:scaleIn .3s ease-out}.ground-num{font-family:var(--font-d);font-size:4rem;font-weight:700;opacity:.15;line-height:1}.ground-sense{font-size:1.125rem;font-weight:600;margin:8px 0 4px}.ground-prompt{color:var(--text2);font-size:.875rem;margin-bottom:20px}.ground-items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ground-item{padding:10px 18px;border-radius:100px;background:var(--card);border:1px solid var(--border);font-size:.875rem;color:var(--text2);transition:all .2s}.ground-item.checked{background:var(--em-c);color:#fff;border-color:var(--em-c)}.pmr-body{font-size:3rem;text-align:center;margin:16px 0;line-height:1.6}.pmr-instruction{font-family:var(--font-d);font-size:1.5rem;text-align:center;font-weight:600}.pmr-timer{font-size:3rem;text-align:center;font-family:var(--font-d);font-weight:700;color:var(--em-c);margin:16px 0}.pmr-progress{height:4px;background:#ffffff14;border-radius:2px;margin:20px 0;overflow:hidden}.pmr-progress-fill{height:100%;background:var(--em-c);border-radius:2px;transition:width .3s}.tipp-cards{display:flex;flex-direction:column;gap:10px}.tipp-card{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:16px;text-align:left;transition:all .2s}.tipp-card:hover{background:#ffffff0f}.tipp-card.expanded{background:#ffffff0f;border-color:var(--em-c)}.tipp-header{display:flex;align-items:center;gap:12px}.tipp-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:10px;flex-shrink:0}.tipp-name{font-weight:600;font-size:.9375rem}.tipp-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);color:var(--text2);font-size:.8125rem;line-height:1.6;display:none}.tipp-card.expanded .tipp-detail{display:block;animation:fadeUp .2s ease-out}.reframe-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.sc-step{text-align:center;padding:20px 0}.sc-icon{font-size:2.5rem;margin-bottom:16px}.sc-phrase{font-family:var(--font-d);font-size:1.375rem;line-height:1.4;margin-bottom:12px;font-weight:600}.sc-explain{color:var(--text2);font-size:.875rem;line-height:1.6;max-width:320px;margin:0 auto}.oa-card{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:12px;text-align:center}.oa-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.oa-text{font-family:var(--font-d);font-size:1.25rem;font-weight:600}.oa-arrow{font-size:1.5rem;color:var(--em-c);margin:8px 0}