:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;color:#fff;background:#102e70;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{color:inherit}.app-shell{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow:hidden;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(180deg,#243b94,#5d5cac 20%,#b47fb3 37%,#f098a8 53%,#ff9c69,#536db5 79%,#075da6 90%,#06467e)}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 55% 45%,rgba(255,218,190,.36),transparent 29%),linear-gradient(110deg,rgba(7,23,76,.13),transparent 40%,rgba(255,255,255,.07));pointer-events:none}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}.glass{background:#0f265675;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 64px #0016484d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.eyebrow,.tagline{margin:0;font-size:.67rem;letter-spacing:.24em;font-weight:700;opacity:.72}.welcome-screen{display:flex;flex-direction:column;justify-content:space-between;padding-top:max(54px,calc(env(safe-area-inset-top) + 32px))}.welcome-screen:before{background:linear-gradient(168deg,#143780,#585dac 27%,#c785b2 47%,#fa9b91 65%,#ff9b65 72%,#1669ad 88%,#06467e)}.welcome-glow{position:absolute;width:78vw;height:78vw;top:25%;right:-34%;border-radius:50%;background:#ffe1c640;filter:blur(40px);z-index:-1}.welcome-content{position:relative;z-index:1;max-width:540px;margin:0 auto;width:100%}.welcome-content h1{margin:14px 0 24px;font-size:clamp(3.8rem,18vw,6.6rem);line-height:.88;letter-spacing:-.065em;font-weight:570}.welcome-lead{font-size:clamp(1.35rem,6vw,2rem);line-height:1.55;margin:0;font-weight:520}.welcome-detail{font-size:.94rem;line-height:1.8;opacity:.82;margin-top:24px}.mini-orb{position:absolute;width:min(50vw,250px);aspect-ratio:1;top:45%;right:-5%;display:grid;place-items:center;opacity:.58}.mini-orb span{position:absolute;width:calc(35% + var(--n, 0) * 20%);aspect-ratio:1;border:1px solid rgba(255,255,255,.65);border-radius:50%}.mini-orb span:nth-child(2){width:70%}.mini-orb span:nth-child(3){width:100%;opacity:.45}.welcome-actions{position:relative;z-index:1;width:100%;max-width:540px;margin:44px auto 0;display:grid;gap:12px}.welcome-actions small{text-align:center;opacity:.68;font-size:.7rem}.primary-button,.whistle-button{min-height:68px;width:100%;border-radius:22px;color:#fff;background:linear-gradient(110deg,#ff625e,#ff9b56);box-shadow:0 16px 40px #85274447,inset 0 1px #ffffff59;font-size:1.12rem;font-weight:720}.primary-button:disabled{opacity:.65}.text-button{background:transparent;min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;opacity:.86}.performance-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 13px;border-bottom:1px solid rgba(255,255,255,.22)}.brand{font-size:.89rem;font-weight:680;letter-spacing:.17em;margin:0 0 5px}.header-actions{display:flex;gap:4px}.icon-button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.17)}.performance-content{display:grid;min-height:0;grid-template-rows:auto auto minmax(180px,1fr) auto}.performance-options{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(82px,.65fr);gap:6px;margin:6px 0 2px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:17px;background:#13316f38;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-switch button{min-height:49px;display:grid;place-content:center;gap:2px;border-radius:13px;background:transparent;color:#ffffffb3;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.mode-switch button.selected{color:#fff;background:#ffffff2e;box-shadow:inset 0 1px #ffffff38,0 5px 18px #1c236621}.mode-switch strong{font-size:.78rem}.mode-switch small{font-size:.56rem;opacity:.68}.accompaniment-toggle{min-height:57px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:6px;padding:7px 9px;border-radius:17px;background:#13316f38;border:1px solid rgba(255,255,255,.16);color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.accompaniment-toggle.selected{color:#fff;background:#ffffff2e;box-shadow:inset 0 1px #ffffff38}.accompaniment-toggle strong{grid-column:2;grid-row:1;font-size:.75rem;text-align:left}.accompaniment-toggle small{grid-column:2;grid-row:2;font-size:.58rem;text-align:left;opacity:.72}.toggle-light{grid-column:1;grid-row:1 / 3;width:9px;height:9px;border-radius:50%;background:#ffffff59;box-shadow:0 0 0 4px #ffffff0f}.accompaniment-toggle.selected .toggle-light{background:#ffac8d;box-shadow:0 0 0 4px #ffac8d1f,0 0 13px #ff9d85}.status-row{display:flex;align-items:center;gap:11px;padding:7px 2px}.status-row div{display:grid;gap:2px}.status-row strong{font-size:.98rem;font-weight:600}.status-row small{font-size:.68rem;opacity:.72}.status-dot{width:11px;height:11px;border-radius:50%;background:#ffffff73;box-shadow:0 0 0 5px #ffffff12}.status-dot.active{background:#ffac8d;box-shadow:0 0 0 5px #ffac8d1f,0 0 18px #ff9d85}.motion-stage{min-height:0;background:transparent;display:grid;place-items:center;padding:0;touch-action:manipulation}.motion-stage:disabled{cursor:default}.orb{--power: .5;width:min(73vw,390px,42dvh);aspect-ratio:1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 calc(16px + var(--power) * 22px) rgba(255,223,205,.34))}.orb-core{width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#ffffff45,#ffae9e29 46%,#59439714 70%);border:1px solid rgba(255,255,255,.33);box-shadow:inset 0 0 36px #ffffff1f}.ring{position:absolute;border:1px solid rgba(255,255,255,.55);border-radius:50%;animation:pulse .65s cubic-bezier(.15,.65,.2,1) both}.ring-one{width:62%;aspect-ratio:1}.ring-two{width:78%;aspect-ratio:1;opacity:.62;animation-delay:45ms}.ring-three{width:96%;aspect-ratio:1;opacity:.35;animation-delay:90ms}.orb i{--angle: calc(var(--i) * 51deg);position:absolute;width:calc(2px + var(--power) * 3px);height:calc(2px + var(--power) * 3px);border-radius:50%;background:#fff;transform:rotate(var(--angle)) translateY(calc(-95px - var(--power) * 55px));opacity:calc(.25 + var(--power) * .65);box-shadow:0 0 9px #fff}.motion-copy{margin:0;text-align:center;font-size:clamp(1rem,4.7vw,1.25rem);font-weight:580;text-shadow:0 2px 15px rgba(10,29,86,.28)}.motion-copy span{display:block;margin-top:5px;font-size:.66rem;opacity:.7;font-weight:450}.controls{display:grid;gap:9px;width:100%;max-width:540px;margin:0 auto}.whistle-button{min-height:62px;font-size:1.42rem}.whistle-button span{display:block;font-size:.55rem;letter-spacing:.22em;margin-top:2px;opacity:.75}.secondary-button{min-height:54px;border-radius:18px;background:#133b7e40;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);font-weight:600}.secondary-button.compact{min-height:48px;font-size:.82rem}.volume-shortcut{justify-self:center;display:flex;gap:7px;align-items:center;background:transparent;padding:3px 12px;opacity:.82;font-size:.72rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:max(18px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#030e3059;display:flex;align-items:flex-end}.settings-sheet{width:min(100%,560px);max-height:92dvh;overflow:auto;margin:0 auto;padding:22px;border-radius:28px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-header h2{margin:6px 0 0;font-size:1.4rem}.setting-list{display:grid;gap:7px}.range-setting,.setting-row{min-height:61px;padding:12px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.09)}.range-setting{display:grid;gap:9px}.range-setting span{display:flex;justify-content:space-between;font-size:.85rem}.range-setting output{opacity:.7}.range-setting.disabled{opacity:.42}input[type=range]{width:100%;accent-color:#ff8e70}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.setting-row>span{display:grid;gap:3px}.setting-row>span small{font-size:.62rem;opacity:.62}.setting-row select{border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:7px 28px 7px 10px;background:#132c67b8;color:#fff}.switch-row input{width:22px;height:22px;accent-color:#ff8e70}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.version{font-size:.68rem;text-align:center;opacity:.58;margin:17px 0 0}.safety-list{padding-left:1.3em;margin:18px 0 24px;display:grid;gap:12px;font-size:.9rem;line-height:1.55}.ambient{position:absolute;border-radius:50%;z-index:-1;filter:blur(60px);pointer-events:none}.ambient-one{width:55vw;height:55vw;background:#ffab922e;top:32%;right:-25%}.ambient-two{width:48vw;height:48vw;background:#1551a945;bottom:-12%;left:-18%}@keyframes pulse{0%{transform:scale(.84);opacity:.15}45%{opacity:calc(.35 + var(--power) * .55)}to{transform:scale(calc(1 + var(--power) * .1));opacity:.28}}@media(min-width:700px){body{display:grid;place-items:center;background:#08152f}.app-shell{max-width:480px;min-height:min(920px,100dvh);max-height:100dvh;border-radius:28px;box-shadow:0 40px 100px #0009}.sheet-backdrop{position:absolute}}@media(max-height:700px){.app-shell{padding-top:max(13px,env(safe-area-inset-top))}.orb{width:min(53vw,250px,30dvh)}.performance-content{grid-template-rows:auto auto minmax(120px,1fr) auto}.mode-switch button{min-height:42px}.controls{gap:7px}.whistle-button{min-height:54px}.secondary-button{min-height:46px}.app-header{padding-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}