:root{--bg: #07060d;--la: #ff6b00;--glass: rgba(255, 255, 255, .06);--glass-line: rgba(255, 255, 255, .16);--ink: rgba(255, 255, 255, .95);--mute: rgba(255, 255, 255, .5);--accent: #ff6b00}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans TC,-apple-system,PingFang TC,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.doto{font-family:Doto,ui-monospace,monospace}.coach-aurora{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.coach-aurora .blob{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;transition:background 1.2s ease}.coach-aurora .b1{width:70vw;height:70vw;left:-18vw;top:-20vw;background:radial-gradient(circle,var(--la),transparent 60%);opacity:.42;animation:drift1 22s ease-in-out infinite}.coach-aurora .b2{width:55vw;height:55vw;right:-14vw;top:12vh;background:radial-gradient(circle,#2bd4c0,transparent 60%);opacity:.22;animation:drift2 28s ease-in-out infinite}.coach-aurora .b3{width:64vw;height:64vw;left:20vw;bottom:-26vw;background:radial-gradient(circle,var(--la),transparent 60%);opacity:.3;animation:drift3 25s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.15)}}@keyframes drift2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-6vw,4vh) scale(.92)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,-6vh) scale(1.2)}}.coach-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 45%,transparent 30%,rgba(7,6,13,.65) 100%)}.coach{position:relative;z-index:1;max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:20px 20px calc(120px + env(safe-area-inset-bottom))}.coach-brand{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}.coach-brand b{color:var(--ink)}.coach-brand .doto{color:var(--la);filter:brightness(1.3)}.coach-progress{display:flex;gap:8px;margin:12px 0 24px;align-items:center}.coach-progress span{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:background .3s,box-shadow .3s}.coach-progress span.on{background:var(--la);box-shadow:0 0 8px var(--la)}.q-card{animation:q-in .35s ease;position:relative}@keyframes q-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.q-eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--la);filter:brightness(1.35);margin-bottom:10px}.q-title{font-size:24px;font-weight:700;line-height:1.4;margin:0 0 6px;text-shadow:0 0 34px color-mix(in srgb,var(--la) 35%,transparent)}.q-hint{font-size:13px;color:var(--mute);margin:0 0 18px;line-height:1.7}.q-input{width:100%;background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-size:16px;font-family:inherit;padding:14px 16px;outline:none;transition:border-color .15s}.q-input:focus{border-color:var(--la)}.q-input::placeholder{color:#ffffff4d}textarea.q-input{min-height:88px;resize:vertical}.opt-list{display:flex;flex-direction:column;gap:10px}.opt{text-align:left;background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 16px;color:var(--ink);font-family:inherit;font-size:15px;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.opt:hover{transform:translateY(-1px);background:#ffffff1a}.opt .opt-desc{display:block;font-size:12px;color:var(--mute);margin-top:3px}.opt.sel{border-color:var(--la);background:color-mix(in srgb,var(--la) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--la) 25%,transparent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);border-radius:999px;padding:9px 18px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.chip.sel{border-color:var(--la);background:color-mix(in srgb,var(--la) 16%,transparent);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--la) 30%,transparent)}.ex-list{display:flex;flex-direction:column;gap:10px}.ex-opt{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:12px 14px;cursor:pointer;font-family:inherit;color:var(--ink);text-align:left;transition:border-color .15s,background .15s}.ex-opt.sel{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--c) 28%,transparent)}.ex-dot-wrap{width:40px;height:40px;display:grid;place-items:center;flex:none}.ex-dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);animation:breathe var(--dur) ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.7);opacity:.55}50%{transform:scale(1.6);opacity:1}}.ex-meta .ex-student{font-size:14px;font-weight:500}.ex-meta .ex-music{font-size:12px;color:var(--mute);margin-top:2px}.ex-lv{margin-left:auto;flex:none;font-family:Doto,monospace;font-weight:800;font-size:20px;color:var(--c);text-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.dur-row{display:flex;align-items:center;gap:16px;justify-content:center;margin:12px 0 2px}.dur-row button{width:52px;height:52px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:24px;cursor:pointer;transition:background .12s,transform .12s}.dur-row button:hover{background:#ffffff24;transform:translateY(-1px)}.dur-num{font-family:Doto,monospace;font-weight:800;font-size:56px;min-width:110px;text-align:center;line-height:1;text-shadow:0 0 24px color-mix(in srgb,var(--la) 50%,transparent)}.dur-unit{font-size:12px;letter-spacing:.2em;color:var(--mute);text-align:center;margin:4px 0 16px}.q-nav{display:flex;gap:10px;margin-top:24px}.btn-back{background:var(--glass);border:1px solid var(--glass-line);color:var(--mute);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:12px 20px;font-size:14px;font-family:inherit;cursor:pointer}.btn-next{flex:1;background:var(--la);border:none;color:#14060a;border-radius:999px;padding:13px 20px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 0 26px color-mix(in srgb,var(--la) 45%,transparent);transition:filter .12s,transform .12s}.btn-next:disabled{opacity:.35;cursor:default;box-shadow:none}.btn-next:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{background:var(--glass);border:1px solid var(--glass-line);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:12px 20px;font-size:14px;font-family:inherit;cursor:pointer}.tl-bar{position:fixed;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(transparent,var(--bg) 30%);padding:30px 20px calc(14px + env(safe-area-inset-bottom))}.tl-inner{max-width:560px;margin:0 auto}.tl-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;display:flex;justify-content:space-between}.tl-label .doto{font-size:13px;color:var(--ink);letter-spacing:.06em}.tl-track{display:flex;gap:3px;height:34px}.tl-seg{display:grid;place-items:center;font-size:10px;color:#000000c7;font-weight:700;min-width:26px;border-radius:7px;overflow:hidden;white-space:nowrap;box-shadow:0 0 14px color-mix(in srgb,var(--sc, #888) 35%,transparent);background:var(--sc, #888);animation:seg-in .4s ease}@keyframes seg-in{0%{transform:scaleY(.2);opacity:0}to{transform:none;opacity:1}}.tl-empty{height:34px;border:1px dashed var(--glass-line);border-radius:8px;display:grid;place-items:center;font-size:11px;color:var(--mute)}.seg-sum{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--glass-line);border-left:4px solid var(--c, #888);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:10px 14px;margin-bottom:8px;font-size:14px}.seg-sum .muted{color:var(--mute);font-size:12px;margin-left:auto}.gen-steps{margin:26px 0;display:flex;flex-direction:column;gap:14px}.gen-step{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--mute)}.gen-step.done,.gen-step.active{color:var(--ink)}.gen-icon{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;border:1px solid var(--glass-line)}.gen-step.done .gen-icon{background:var(--la);border-color:var(--la);color:#14060a;font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--la) 50%,transparent)}.gen-step.active .gen-icon{border-color:var(--la)}.gen-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--la);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-chart{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:14px;margin:10px 0;animation:q-in .5s ease}.gen-chart .gc-title{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}.done-badge{display:flex;align-items:center;gap:10px;background:#2dd4821a;border:1px solid rgba(45,212,130,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:14px 16px;font-size:15px;margin-bottom:12px}.wip-badge{display:flex;align-items:flex-start;gap:10px;background:color-mix(in srgb,var(--la) 10%,transparent);border:1px solid color-mix(in srgb,var(--la) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.6;margin-bottom:16px}.lect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;overflow:hidden;-webkit-user-select:none;user-select:none;animation:lect-in .24s ease-out}@keyframes lect-in{0%{opacity:0}to{opacity:1}}.lect-exit{position:absolute;top:20px;right:20px;z-index:3;background:var(--glass);border:1px solid var(--glass-line);color:#fff;border-radius:999px;padding:10px 16px;font-size:13px;min-height:44px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-family:inherit;transition:background .14s}.lect-exit:hover{background:#ffffff24}.lect-preview-tag{position:absolute;top:26px;left:20px;z-index:3;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--la);filter:brightness(1.35);border:1px solid color-mix(in srgb,var(--la) 45%,transparent);border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lect-stage{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:92vw}.lect-tag{text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--la);filter:brightness(1.35);margin-bottom:10px}.lect-phase{font-size:clamp(40px,12vw,88px);font-weight:600;letter-spacing:-.02em;text-transform:uppercase;text-align:center;line-height:1.05;text-shadow:0 0 44px color-mix(in srgb,var(--la) 50%,transparent)}.lect-clock{font-family:Doto,ui-monospace,monospace;font-weight:800;font-size:clamp(72px,24vw,132px);line-height:1;letter-spacing:.04em;margin-top:8px;text-shadow:0 0 32px color-mix(in srgb,var(--la) 55%,transparent)}.lect-of{font-size:15px;color:#ffffff73;letter-spacing:.04em;margin-bottom:16px}.lect-wave{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:min(620px,84vw);height:50px;margin-bottom:12px}.lw-bar{flex:1;height:24%;border-radius:2px;background:#ffffff29;transform-origin:center}.lect.is-playing .lw-bar{animation:wave-breathe 1.5s ease-in-out infinite}.lw-bar.on{background:var(--la);box-shadow:0 0 8px color-mix(in srgb,var(--la) 70%,transparent)}@keyframes wave-breathe{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.45)}}.lw-head{position:absolute;top:-6px;bottom:-6px;width:2px;background:#fff;box-shadow:0 0 10px #fff;transition:left .12s linear}.lect-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#ffffffb3;letter-spacing:.04em;margin-bottom:26px}.int-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.int-dot.on{background:var(--la);box-shadow:0 0 6px var(--la)}.lect-dotsep{color:#ffffff4d}.lect-controls{display:flex;align-items:center;gap:14px}.lect-btn{min-width:64px;min-height:64px;padding:0 16px;border-radius:20px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:22px;font-family:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background .12s}.lect-btn:hover:not(:disabled){background:#ffffff24;transform:translateY(-2px)}.lect-btn.primary:hover:not(:disabled){background:var(--la);filter:brightness(1.1)}.lect-btn:disabled{opacity:.3;cursor:default}.lect-btn.wide{font-size:15px;font-weight:600}.lect-btn.primary{position:relative;min-width:84px;min-height:84px;background:var(--la);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;color:#0a0a0a;font-size:26px;font-weight:700;letter-spacing:-.06em;box-shadow:0 0 42px color-mix(in srgb,var(--la) 55%,transparent)}.lect.is-playing .lect-btn.primary .lb-ring{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:26px;border:2px solid color-mix(in srgb,var(--la) 60%,transparent);animation:ring-pulse 1.6s ease-out infinite;pointer-events:none}@keyframes ring-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.18);opacity:0}}.lect-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.lect-dots{display:flex;gap:10px}.lect-dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e;transition:background .3s,box-shadow .3s}.lect-dot.done{background:#ffffff73}.lect-dot.current{background:var(--la);box-shadow:0 0 10px var(--la)}.lect-session{font-size:12px;letter-spacing:.08em;color:#ffffff73}.lect-session .doto{font-size:14px;color:#ffffffbf}.lect-upnext{position:relative;z-index:2;display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:8px 18px;margin-bottom:10px;font-size:13px}.un-label{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--mute)}.un-name{font-weight:600}.un-min{color:var(--mute);font-size:12px}.un-next-color{width:8px;height:8px;border-radius:50%;background:var(--nc, #888);box-shadow:0 0 8px var(--nc, #888)}.lect-note{position:absolute;bottom:calc(126px + env(safe-area-inset-bottom));left:0;right:0;z-index:2;text-align:center;font-size:11px;color:#ffffff59;padding:0 30px;line-height:1.7}.proj-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px}@media (min-width: 480px){.proj-grid{grid-template-columns:1fr 1fr}}.proj-card{text-align:left;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:16px;color:var(--ink);font-family:inherit;cursor:pointer;transition:border-color .15s,transform .12s,background .15s}.proj-card:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#ffffff47}.proj-sub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}.proj-name{font-size:18px;font-weight:700;line-height:1.3}.proj-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--mute)}.proj-status{display:inline-flex;align-items:center;gap:6px;color:var(--la);filter:brightness(1.25);font-weight:500}.proj-status.ready{color:#2dd482;filter:none}.proj-status .gen-spin{width:10px;height:10px;border-width:2px}.proj-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border-style:dashed;background:transparent;color:var(--mute);font-size:14px}.proj-add:hover{color:var(--ink);border-color:var(--la);background:color-mix(in srgb,var(--la) 6%,transparent)}.proj-add-plus{font-size:34px;line-height:1;color:var(--la);filter:brightness(1.25)}