:root{--bg:#062029;--card:#0a3040;--border:#155062;--accent:#2dd4bf;--accent-deep:#0d9488;--text:#f0fdfa;--text-dim:#8ecbcf}*{box-sizing:border-box;margin:0;padding:0}html{font-size:17px}body{font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;background:linear-gradient(180deg,var(--bg) 0,#04161d 100%);color:var(--text);min-height:100vh}.container{max-width:720px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.8rem;margin-bottom:.5rem}.subtitle{color:var(--text-dim);margin-bottom:2rem}.brand{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1.2rem}.brand img{width:44px;height:44px}.brand span{font-size:1.5rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#5eead4,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero{text-align:center;padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(1.05rem,4.6vw,1.6rem);line-height:1.4;margin-bottom:.8rem;white-space:nowrap}.hero .subtitle{max-width:480px;margin:0 auto 1.8rem;line-height:1.7}.features{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.feature{flex:1 1;max-width:150px;padding:1rem .5rem;font-size:.85rem;line-height:1.6;color:var(--text-dim)}.card,.feature{background:var(--card);border:1px solid var(--border);border-radius:12px}.card{padding:1.5rem;margin-bottom:1rem}label{display:block;margin:.8rem 0 .3rem;color:var(--text-dim);font-size:.9rem}input,select,textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-deep)}.chat-input{resize:none;overflow-y:auto;line-height:1.5;max-height:140px}button{margin-top:1.2rem;width:100%;padding:.8rem;border:none;border-radius:8px;background:var(--accent);color:#04161d;font-size:1rem;font-weight:700;cursor:pointer}button:hover{background:#5eead4}button:disabled{opacity:.5;cursor:not-allowed}.field-row{display:flex;gap:8px;margin-top:.3rem;align-items:flex-end}.field-sep{color:var(--text-dim);padding-bottom:.7rem;font-size:1.1rem}.datefield{flex:1 1}.datefield-label{display:block;text-align:center;font-size:.75rem;color:var(--text-dim);margin-bottom:.3rem}.datefield select{text-align:center;font-weight:600;color:var(--accent)}.wheel-wrap{flex:1 1;position:relative}.wheel-label{text-align:center;font-size:.75rem;color:var(--text-dim);margin-bottom:.3rem}.wheel-input{width:100%;text-align:center;font-size:.95rem;padding:.35rem .3rem;margin-bottom:.4rem;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-weight:600}.wheel-input:focus{outline:2px solid var(--accent-deep)}.wheel{height:180px;overflow-y:scroll;scroll-snap-type:y mandatory;background:var(--bg);border:1px solid var(--border);border-radius:10px;scrollbar-width:none}.wheel::-webkit-scrollbar{display:none}.wheel-item{height:36px;line-height:36px;text-align:center;scroll-snap-align:center;color:var(--text-dim);font-size:.95rem;cursor:pointer;transition:color .15s}.wheel-item.active{color:var(--accent);font-weight:700;font-size:1.05rem}.wheel-box{position:relative}.wheel-box:after{content:"";position:absolute;left:0;right:0;top:calc(50% - 18px);height:36px;border-top:1px solid var(--accent-deep);border-bottom:1px solid var(--accent-deep);opacity:.5;pointer-events:none}.checkbox-row{display:flex;gap:1.5rem;margin-top:.3rem}.checkbox-row label{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text);font-size:1rem;cursor:pointer}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.hd-item{margin-top:.9rem}.hd-item b{color:var(--accent);font-size:.95rem}.hd-item p{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin-top:.2rem}.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:.8rem 0}.highlight{background:var(--bg);border:1px solid var(--accent-deep);border-radius:10px;padding:.8rem .7rem}.highlight b{color:var(--accent);font-size:.88rem;display:block;margin-bottom:.3rem}.highlight p{font-size:.8rem;color:var(--text-dim);line-height:1.6}.highlight .more-btn{margin-top:.6rem;width:auto;padding:.25rem .7rem;font-size:.75rem;font-weight:600;background:transparent;border:1px solid var(--accent-deep);color:var(--accent);border-radius:6px}.highlight .more-btn:hover{background:var(--accent-deep);color:var(--text)}@media (max-width:560px){.highlight-grid{grid-template-columns:1fr}}.suggestions{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.suggestion{margin:0;width:100%;text-align:left;padding:.7rem 1rem;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font-weight:400;font-size:.95rem}.suggestion:hover{background:var(--card);border-color:var(--accent)}.palace-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.palace{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem;font-size:.8rem}.palace b{color:var(--accent)}.chat-log{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem;max-height:55vh;overflow-y:auto;position:relative}.msg{padding:.8rem 1rem;border-radius:12px;max-width:85%;white-space:pre-wrap;line-height:1.6}.msg.user{background:var(--accent-deep);color:var(--text);align-self:flex-end}.msg.assistant{background:var(--card);border:1px solid var(--border);align-self:flex-start}.rt-p{margin:.35rem 0}.rt-h{font-size:1rem;margin:.7rem 0 .25rem}.rt-b,.rt-h{color:var(--accent);font-weight:700}.rt-em{color:#5eead4;font-style:normal}.rt-ul{margin:.35rem 0 .35rem 1.2rem}.rt-ul li{margin:.25rem 0}.badge{display:inline-block;font-size:.7rem;background:var(--border);color:var(--text-dim);border-radius:6px;padding:.1rem .5rem;margin-left:.5rem}.disclaimer{font-size:.75rem;color:#5d8f96;margin-top:1.5rem;line-height:1.5}.dash-wide{max-width:1060px}.dash-top{grid-template-columns:5fr 3fr;grid-gap:1rem;align-items:stretch}.dash-cols,.dash-top{display:grid;gap:1rem}.dash-cols{grid-template-columns:1fr 1fr;grid-gap:1rem;align-items:start;margin-top:1rem}.dash-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.dash-col .card{margin-bottom:0}.card-divider{border:none;border-top:1px solid var(--border);margin:1rem 0 .8rem}.dash-full{margin-top:1rem}@media (max-width:820px){.dash-cols,.dash-top{grid-template-columns:1fr}}.dash-card{margin-bottom:0;animation:dashIn .45s ease both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dash-card:hover{transform:translateY(-2px);border-color:var(--accent-deep);box-shadow:0 6px 24px rgba(45,212,191,.08)}.dash-top .dash-card:first-child{animation-delay:.02s}.dash-top .dash-card:nth-child(2){animation-delay:.08s}.dash-col .dash-card:first-child{animation-delay:.14s}.dash-col .dash-card:nth-child(2){animation-delay:.2s}@keyframes dashIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dash-card{animation:none;transition:none}}.credit-num{font-size:2.2rem;font-weight:800;color:var(--accent);line-height:1.1}.credit-num.low{color:#fbbf24}.credit-bar{height:6px;border-radius:3px;background:var(--bg);overflow:hidden;margin-top:.6rem}.credit-bar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width .6s ease}.progress-track{height:8px;border-radius:4px;background:var(--bg);overflow:hidden;margin:.7rem 0 .2rem}.progress-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width .5s ease}.action-item{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.65rem .8rem;border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text);transition:border-color .15s ease,background .15s ease,transform .15s ease}.action-item:hover{border-color:var(--accent-deep);background:rgba(45,212,191,.04)}.action-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-top:2px;cursor:pointer}.action-text{font-size:.92rem;line-height:1.5;transition:opacity .25s ease}.action-item.done{border-color:var(--border)}.action-item.done .action-text{text-decoration:line-through;opacity:.5}.action-item .action-del{width:auto;margin:0;padding:.1rem .35rem;align-self:center;flex-shrink:0;background:none;border:none;border-radius:6px;color:var(--text-dim);font-size:.85rem;font-weight:400;line-height:1;opacity:.45;cursor:pointer;transition:opacity .15s ease,color .15s ease}.action-item:hover .action-del{opacity:1}.action-item .action-del:hover{color:#f87171;background:none}.coach-cta{margin:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;padding:.85rem 1.1rem;background:linear-gradient(90deg,rgba(13,148,136,.18),rgba(45,212,191,.08));border:1px solid var(--accent-deep);border-radius:12px;color:var(--text);font-weight:400;font-size:.92rem;cursor:pointer}.coach-cta:hover{background:linear-gradient(90deg,rgba(13,148,136,.28),rgba(45,212,191,.14))}.coach-cta-head{color:var(--accent);font-weight:700}.coach-cta-text{font-size:.82rem;color:var(--text-dim);line-height:1.6}.coach-cta-go{color:var(--accent);font-size:.82rem;font-weight:600;align-self:flex-end}.session-open,.session-row{display:flex;align-items:center;gap:.5rem}.session-open{flex:1 1;justify-content:space-between;overflow:hidden}.session-open .go{opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease;color:var(--accent);flex-shrink:0}.session-open:hover .go{opacity:1;transform:translateX(0)}.session-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{font-size:.75rem;color:var(--text-dim);flex-shrink:0}.daily-q{margin:0 0 1rem;width:100%;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;text-align:left;padding:.85rem 1.1rem;background:linear-gradient(90deg,rgba(13,148,136,.18),rgba(45,212,191,.08));border:1px solid var(--accent-deep);border-radius:12px;color:var(--text);font-weight:400;font-size:.92rem;cursor:pointer}.daily-q:hover{background:linear-gradient(90deg,rgba(13,148,136,.28),rgba(45,212,191,.14))}.daily-q-label{color:var(--accent);font-weight:700;flex-shrink:0}.daily-q-text{flex:1 1;min-width:200px;line-height:1.6}.daily-q-cta{color:var(--accent);font-size:.82rem;font-weight:600;flex-shrink:0}.spark{position:absolute;top:-10px;right:-12px;animation:sparkPop .9s ease both;pointer-events:none}@keyframes sparkPop{0%{opacity:0;transform:scale(.3) translateY(4px)}30%{opacity:1;transform:scale(1.25) translateY(-2px)}to{opacity:0;transform:scale(.9) translateY(-10px)}}.progress-fill.full{animation:progressGlow 1s ease 2}@keyframes progressGlow{0%,to{box-shadow:none;filter:brightness(1)}50%{box-shadow:0 0 12px rgba(45,212,191,.8);filter:brightness(1.35)}}.chart-row{margin:0;width:100%;display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid transparent;border-radius:8px;padding:.45rem .55rem;color:var(--text);font-size:.9rem;line-height:1.7;font-weight:400;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.chart-row:hover{background:rgba(45,212,191,.05);border-color:var(--border)}.chart-row.open{background:rgba(45,212,191,.06);border-color:var(--accent-deep)}.chart-row-arrow{color:var(--text-dim);font-size:.8rem;flex-shrink:0}.chart-detail{margin:.15rem 0 .3rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text-dim);line-height:1.7;animation:detailIn .22s ease both}@keyframes detailIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chart-row-wrap{display:flex;align-items:center;gap:.5rem}.chart-row-wrap .chart-row{flex:1 1;min-width:0}.chart-row.off{opacity:.45}.chart-row.off b{color:var(--text-dim)!important}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;margin:0;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--border);border-radius:22px;transition:background .2s ease}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:var(--text-dim);transition:transform .2s ease,background .2s ease}.switch input:checked+.slider{background:var(--accent-deep)}.switch input:checked+.slider:before{transform:translateX(18px);background:var(--text)}.switch:hover .slider{filter:brightness(1.15)}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.2rem 0 .5rem}.chip{margin:0;width:auto;padding:.38rem .8rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font-size:.84rem;font-weight:400;transition:background .15s ease,border-color .15s ease,transform .1s ease}.chip:hover{border-color:var(--accent-deep);background:rgba(45,212,191,.05)}.chip.on{border-color:var(--accent);color:var(--text);font-weight:600}.chip.on,.chip.on:hover{background:var(--accent-deep)}.chip:active{transform:scale(.97)}