body{color:#18212f;background:#fff;margin:0;font-family:system-ui,sans-serif}main{max-width:720px;margin:0 auto;padding:24px}button{font:inherit;cursor:pointer;padding:8px 12px}.scene-host{width:100%;height:280px}.scene-host canvas{display:block}.mandala-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#010207;position:fixed;inset:0;overflow:clip}.mandala-stage canvas{display:block}.mandala-error{color:#9fb3c8;text-align:center;margin:0;position:absolute;inset:auto 16px 24px}.mandala-review-switch{left:0;right:0;bottom:var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px));scrollbar-width:none;background:#02050f99;border-top:1px solid #9fd8ff2e;flex-wrap:nowrap;justify-content:safe center;gap:0;padding:2px 4px;display:flex;position:absolute;overflow-x:auto}.mandala-review-switch::-webkit-scrollbar{display:none}.mandala-review-switch button{white-space:nowrap;color:#8fa9c4;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex:none;padding:5px 7px;font:11px/1.2 system-ui,sans-serif}.mandala-review-switch button[aria-pressed=true]{color:#eaf6ff;background:#9fd8ff2e}.enter{left:50%;bottom:calc(var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px)) + 40px);pointer-events:none;z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.enter-sphere{--glow:0;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;opacity:.7;background:0 0;border:0;border-radius:50%;width:76px;height:76px;padding:0;transition:opacity 1.2s;position:relative}.enter--awake .enter-sphere,.enter--holding .enter-sphere{opacity:1}.enter-drop{pointer-events:none;width:168px;height:168px;margin:-84px 0 0 -84px;position:absolute;top:50%;left:50%}@keyframes enter-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.8);transform:scale(1.08)}}.enter-glass{background:radial-gradient(circle at 34% 28%,#ffffff38,#fff0 32%),radial-gradient(circle at 50% 55%,#78aaaf1a,#0a161a8c 70%);border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 0 0 1px #c8ebeb52,inset 0 -6px 14px #96c8d21f,0 0 18px #78bec81a}.enter-glass:after{content:"";border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #c8ebeb2e}.enter-core{width:7px;height:7px;transform:translate(-50%, -50%) scale(calc(1 + var(--glow) * 1.6));box-shadow:0 0 calc(6px + var(--glow) * 26px) calc(1px + var(--glow) * 8px) rgba(255,226,180,calc(.45 + var(--glow) * .5));background:#fff3df;border-radius:50%;position:absolute;top:50%;left:50%}.enter-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.enter-ring circle{fill:none}.enter-ring-track{stroke:#c8ebeb14;stroke-width:1px}.enter-ring-fill{stroke:#fff4e0;stroke-width:2.2px;stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 3px #ffe6bee6);transform:rotate(180deg)}.enter-ring-head{fill:#fff;filter:drop-shadow(0 0 4px #fff)}.enter-spark{--i:0;opacity:0;width:3px;height:3px;animation:1.1s ease-out infinite enter-spark;animation-delay:calc(var(--i) * .11s);--a:calc(var(--i) * 36deg + 13deg);background:#fff1d6;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffd9a0}@keyframes enter-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-30px) scale(1)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-62px) scale(.3)}}.enter-label{letter-spacing:.42em;color:#bed7d76b;margin-top:2px;padding-left:.42em;font-size:10px}.enter--holding .enter-label{color:#e1ebe6bf}.enter-hint{color:#d2e1dcb3;opacity:0;white-space:nowrap;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;transition:opacity .5s}.enter-hint--shown{opacity:1}.enter-flood{z-index:20;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 80%,#fff8ea 0%,#f3dcb4 35%,#282832e6 100%);transition:opacity .5s;position:absolute;inset:0}.enter-flood--on{opacity:1}.screen-back{top:calc(var(--kunta-safe-top,env(safe-area-inset-top,0px)) + 18px);z-index:2;color:#e6ece8cc;cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:38px;position:absolute;left:18px}.practice{z-index:10;color:#f2ead8;background:radial-gradient(circle at 50% 46%,#142427 0%,#070d10 55%,#020406 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.practice-frame{width:100%;height:100%;position:absolute;inset:0}.practice-frame rect{fill:none}.practice-frame-track{stroke:#dcebe612;stroke-width:2px}.practice-frame-light{stroke:#ffeccc;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffdcaae6)}.practice-sign{background:radial-gradient(circle,#ffe2b429 0%,#ffe2b400 65%);border-radius:50%;place-items:center;width:46vmin;height:46vmin;animation:5s ease-in-out infinite practice-glow;display:grid}.practice-sign img{object-fit:contain;filter:drop-shadow(0 0 10px #ffe1afe6)drop-shadow(0 0 30px #ffc88c80);width:58%;height:58%}@keyframes practice-glow{50%{filter:brightness(1.2);transform:scale(1.04)}}.practice-name{letter-spacing:.12em;margin-top:18px;font-family:Georgia,Times New Roman,serif;font-size:34px}.practice-sub{letter-spacing:.16em;color:#d2deda8c;text-transform:uppercase;text-align:center;margin-top:6px;padding:0 24px;font-size:12px}.practice-time{bottom:calc(var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px)) + 46px);letter-spacing:.2em;color:#dce6e180;font-size:13px;position:absolute}.practice--done .practice-sign{filter:brightness(1.35);animation:none}.path{z-index:10;background:radial-gradient(circle at 90% 45%,#2a2418 0%,#0b1013 45%,#020406 100%);position:absolute;inset:0;overflow:hidden}.path-sun{background:radial-gradient(circle,#fffaf0 0%,#ffe2a8 18%,#ffbe6e59 42%,#ffaa5a00 70%);border-radius:50%;width:44vmin;height:44vmin;animation:8s ease-in-out infinite practice-glow;position:absolute;top:30%;right:-18vmin}.path-line{width:100%;height:100%;position:absolute;inset:0}.path-line polyline{fill:none;stroke:#f0e1be47;stroke-width:.25px;vector-effect:non-scaling-stroke;stroke-width:1px}.path-sign{--s:1;width:calc(40px * var(--s));height:calc(40px * var(--s));place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.path-sign img{object-fit:contain;filter:drop-shadow(0 0 4px #ffe1b499);width:100%;height:100%}.path-sign--current{width:76px;height:76px}.path-sign--current:before{content:"";background:radial-gradient(circle,#ffe2b44d,#ffe2b400 70%);border-radius:50%;position:absolute;inset:-22px}.path-caption{left:0;right:0;bottom:calc(var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px)) + 40px);text-align:center;color:#f2ead8;position:absolute}.sign-tab{z-index:6;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:40px;height:120px;margin-top:-60px;padding:0;transition:opacity .35s,transform .35s;position:absolute;top:66%;left:0}.sign-tab svg{width:100%;height:100%;overflow:visible}.sign-tab-glass{fill:#96c8c829;stroke:#c8ebe6bf;stroke-width:1px;filter:drop-shadow(0 0 6px #96dcd773);animation:4s ease-in-out infinite sign-tab-breathe}.sign-tab-marks{stroke:#d2ebe68c;stroke-width:1px}.sign-tab-chevron{fill:none;stroke:#f2fbf8;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #c8f5f0e6)}.sign-tab--hidden{opacity:0;pointer-events:none;transform:translate(-14px)}@keyframes sign-tab-breathe{0%,to{fill:#96c8c81f}50%{fill:#aadcd742}}.sign-panel{left:0;bottom:calc(var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px)) + 134px);z-index:6;box-sizing:border-box;opacity:0;pointer-events:none;touch-action:none;color:#e4f0ee;-webkit-backdrop-filter:blur(4px);background:linear-gradient(170deg,#28404475,#0a141894);width:min(86vw,350px);padding:14px 20px 0 18px;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s;position:absolute;transform:translate(calc(-100% - 10px))}.sign-panel--open{opacity:1;pointer-events:auto;transform:translate(0)}.sign-panel-edge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sign-panel-edge polygon{fill:none;stroke:#c8e8e499;stroke-width:2px}.sign-panel-scan{pointer-events:none;background:0 0;position:absolute;inset:0}.sign-panel-place,.sign-panel-label,.sign-panel-practice{text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.sign-panel-place{letter-spacing:.3em;color:#c8e1de8c;font-size:10px}.sign-panel-close{color:#e1f0eed9;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:22px;line-height:28px;position:absolute;top:6px;right:22px}.sign-panel-head{align-items:center;gap:14px;margin-top:10px;display:flex}.sign-panel-medal{border:1px solid #d7eeeaa6;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 0 10px #a0dcd72e,inset 0 0 12px #a0dcd71f}.sign-panel-medal img{object-fit:contain;width:30px;height:30px}.sign-panel-medal img.sign-panel-cross{filter:brightness(1.3);width:40px;height:40px}.sign-panel-stars{width:30px;height:30px}.sign-panel-stars path{fill:none;stroke:#e1f0ee99;stroke-width:.8px}.sign-panel-stars circle{fill:#eef8f6}.sign-panel-name{letter-spacing:.06em;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.05}.sign-panel-name--long{letter-spacing:.08em;font-size:19px}.sign-panel-day{color:#d2e4e1b3;margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:14px}.sign-panel-bodywrap{margin-top:12px;position:relative}.sign-panel-body{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;max-height:132px;padding-bottom:14px;overflow-y:auto;-webkit-mask:linear-gradient(#000 85%,#0000);mask:linear-gradient(#000 85%,#0000)}.sign-panel-body::-webkit-scrollbar{display:none}.sign-panel-grid{grid-template-columns:1fr 1fr;gap:9px 14px;padding-right:14px;display:grid}.sign-panel-wide{grid-column:1/-1}.sign-panel-label{letter-spacing:.26em;color:#cde4e1ad;font-size:10px}.sign-panel-value{color:#f0f8f6;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.3}.sign-panel-value small{margin-top:2px;font-size:16px;display:block}.sign-panel-value--empty{color:#d2e4e199}.sign-panel-value b{color:#f2fbf8;font-weight:400}.sign-panel-scroll{background:#e6f5f2bf;width:1.5px;position:absolute;right:-6px}.sign-panel-practice{cursor:pointer;letter-spacing:.3em;color:#eef8f6;text-align:left;background:0 0;border:0;margin:14px 0 0;padding:4px 0;font-size:12px;display:block}.sign-panel-practice b{margin-left:4px;font-weight:400}.sign-panel-practice--off{cursor:default}.sign-panel-ruler{background:repeating-linear-gradient(90deg,#d2ebe659 0 1px,#0000 1px 14px);height:8px;margin:8px 24px 8px 0;-webkit-mask:linear-gradient(#000,#000) bottom/100% 5px no-repeat;mask:linear-gradient(#000,#000) bottom/100% 5px no-repeat}.sign-sight{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sign-sight circle{fill:none;stroke:#d7eeeacc;stroke-width:1px;filter:drop-shadow(0 0 4px #aae1dc99)}.sign-sight path{fill:none;stroke:#d7eeeabf;stroke-width:1px}.sign-sight .sign-sight-line{stroke-dasharray:2 4;stroke:#d7eeea99}.sign-sight .sign-sight-dot{fill:#f2fbf8;stroke:none}.settings-button{top:calc(var(--kunta-safe-top,env(safe-area-inset-top,0px)) + 12px);z-index:7;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;width:38px;height:38px;padding:0;position:absolute;right:12px}.settings-button svg{width:100%;height:100%;overflow:visible}.settings-button-glass{fill:#96c8c81a;stroke:#c8ebe699;stroke-width:1px;filter:drop-shadow(0 0 5px #96dcd759);animation:4s ease-in-out infinite sign-tab-breathe}.settings-button-ring{fill:none;stroke:#ebf8f5d9;stroke-width:1.2px;filter:drop-shadow(0 0 3px #c8f5f0cc)}.settings-button-core{fill:#eef8f6}.settings-button-ticks{stroke:#e1f2eeb3;stroke-width:1.1px;stroke-linecap:round;transform-origin:20px 20px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.settings-button--open .settings-button-ticks{transform:rotate(45deg)}.settings-panel{top:calc(var(--kunta-safe-top,env(safe-area-inset-top,0px)) + 58px);z-index:7;box-sizing:border-box;color:#e4f0ee;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);touch-action:none;background:linear-gradient(170deg,#28404475,#0a141894);width:min(82vw,292px);padding:14px 18px 0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;right:12px;transform:translateY(-14px)}.settings-panel--open{opacity:1;pointer-events:auto;transform:translate(0)}.settings-close{color:#e1f0eed9;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:22px;line-height:28px;position:absolute;top:4px;right:18px}.settings-title{letter-spacing:.06em;margin:8px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:24px}.settings-row{border-top:1px solid #c8e8e424;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.settings-block{border-top:1px solid #c8e8e424;padding:10px 0}.settings-row .sign-panel-label{line-height:1.5}.settings-toggle,.settings-chips button,.settings-meter,.settings-drum{font-family:ui-monospace,SF Mono,Menlo,monospace}.settings-toggle{cursor:pointer;color:#cde4e180;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background:#0a161a59;border:1px solid #c8ebe673;flex:none;grid-template-columns:1fr 1fr;width:104px;height:28px;padding:0;display:grid;position:relative}.settings-toggle-word{z-index:1;letter-spacing:.2em;font-size:10px;line-height:26px;transition:color .3s;position:relative}.settings-toggle--on .settings-toggle-word:last-child,.settings-toggle:not(.settings-toggle--on) .settings-toggle-word:first-child{color:#f2fbf8}.settings-toggle-block{background:#96d7d229;width:calc(50% - 2px);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:inset 0 0 0 1px #d2f0eb8c,0 0 10px #a0e1dc59}.settings-toggle--on .settings-toggle-block{background:#aae6e142;transform:translate(100%)}.settings-meter{cursor:pointer;touch-action:none;align-items:flex-end;gap:4px;height:26px;margin-top:8px;padding-right:40px;display:flex;position:relative}.settings-meter span{background:#c8e8e429;flex:1;transition:background .2s,box-shadow .2s}.settings-meter span.settings-meter-on{background:#e1f5f2d9;box-shadow:0 0 6px #aae6e1b3}.settings-meter b{letter-spacing:.1em;color:#e6f5f2d9;font-size:12px;font-weight:400;position:absolute;bottom:0;right:0}.settings-meter--off{opacity:.4}.settings-drum{cursor:ns-resize;touch-action:none;perspective:260px;flex:none;width:96px;height:92px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 30% 70%,#0000);mask:linear-gradient(#0000,#000 30% 70%,#0000)}.settings-drum-window{background:#96d7d21a;border-top:1px solid #d2f0eb8c;border-bottom:1px solid #d2f0eb8c;height:30px;margin-top:-15px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 10px #a0e1dc40}.settings-drum-item{text-align:center;letter-spacing:.08em;color:#f0f8f6;text-shadow:0 0 6px #b4ebe699;pointer-events:none;height:30px;margin-top:-15px;font-size:18px;line-height:30px;position:absolute;top:50%;left:0;right:0}.settings-drum-item small{letter-spacing:.2em;color:#cde4e1b3;font-size:10px}.settings-drum-item--settle{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}.settings-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.settings-chips button{cursor:pointer;letter-spacing:.08em;color:#d7ebe8b3;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));background:#0a161a4d;border:1px solid #c8ebe64d;min-width:34px;height:26px;padding:0 6px;font-size:11px}.settings-chips button[aria-pressed=true]{color:#f2fbf8;background:#a0e1dc33;border-color:#dcf5f0cc;box-shadow:0 0 8px #a0e1dc66}.practice-controls{bottom:calc(var(--kunta-safe-bottom,env(safe-area-inset-bottom,0px)) + 28px);text-align:center;color:#dce6e1;width:min(440px,88vw);font-size:13px;line-height:1.5;position:absolute}.practice-controls p{margin:8px 0}.practice-controls button,.practice-history button{color:#f2ead8;font:inherit;cursor:pointer;background:0 0;border:1px solid #aebda977;border-radius:3px;padding:10px 22px}.practice-controls button:focus-visible,.practice-history summary:focus-visible{outline-offset:4px;outline:2px solid #f2ead8}.practice-history{top:calc(var(--kunta-safe-top,env(safe-area-inset-top,0px)) + 74px);color:#dce6e1;text-align:center;z-index:2;width:84%;max-height:28vh;font-size:12px;line-height:1.5;position:absolute;left:8%;overflow-y:auto}.practice-history details[open]{background:#081218eb;padding:10px}.practice-history summary{cursor:pointer;letter-spacing:.08em}.practice-history-entry{border-bottom:1px solid #dce6e122;flex-direction:column;padding:8px;display:flex}html,body{overscroll-behavior:none}