:root{color-scheme:dark;--bg:#0d1422;--panel:#172336;--panel2:#1b2a3e;--line:rgba(172,210,229,.15);--text:#edf6fa;--muted:#9bacbf;--aqua:#8ee0d9;--aquaDeep:#3d9f9c;--warm:#e6b895;--danger:#e8a5aa}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100dvh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Yu Gothic','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--aqua)}.ambient{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(58px);opacity:.6}.ambient-a{width:340px;height:340px;top:-180px;left:-130px;background:rgba(49,152,168,.20)}.ambient-b{width:420px;height:420px;bottom:-250px;right:-180px;background:rgba(64,113,155,.15)}.shell{width:min(100%,760px);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 20px env(safe-area-inset-bottom)}.header{display:flex;justify-content:space-between;align-items:center;padding:22px 2px 15px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;color:#0d2730;font-size:28px;font-weight:800;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#b6f5ed,#76c7cc);box-shadow:0 0 30px #5bd5c830}.brand-main{font-size:18px;letter-spacing:.16em;font-weight:800;line-height:1.05}.brand-sub{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.27em}.phase-tag{border:1px solid rgba(142,224,217,.23);color:var(--aqua);background:rgba(142,224,217,.045);border-radius:999px;padding:9px 11px;font-size:10px;letter-spacing:.08em;white-space:nowrap}.main{width:100%;flex:1}.hero{padding:38px 3px 28px}.eyebrow{font-size:10px;color:var(--aqua);letter-spacing:.14em;font-weight:700;display:flex;gap:9px;align-items:center}.beacon{width:7px;height:7px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 5px rgba(142,224,217,.08)}h1{font-size:clamp(26px,5.4vw,36px);line-height:1.36;letter-spacing:.02em;margin:15px 0 10px;font-weight:750}.hero p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.panel{background:linear-gradient(150deg,rgba(29,46,67,.97),rgba(17,31,50,.97));border:1px solid var(--line);border-radius:23px;padding:25px 23px 23px;box-shadow:0 15px 45px #02091640}.panel-top{display:flex;align-items:center;gap:9px;color:var(--aqua);font-weight:700;font-size:10px;letter-spacing:.14em}.section-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;border:1px solid rgba(142,224,217,.3);font-size:13px}.panel h2{margin:18px 0 9px;font-size:24px}.panel-lead{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 24px}form{display:flex;flex-direction:column}label{font-size:12px;color:#d1e0e9;margin:0 0 8px;font-weight:650}input{background:#0e1a2c;border:1px solid #31445a;border-radius:12px;color:var(--text);outline:none;min-height:50px;padding:0 14px;font-size:16px;margin-bottom:19px}input::placeholder{color:#788ba1}input:focus,textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(142,224,217,.12)}.primary-button{display:flex;align-items:center;justify-content:space-between;min-height:52px;background:linear-gradient(100deg,#8ce1d8,#b0e7d7);color:#102a32;border:none;border-radius:13px;padding:0 19px;font-size:14px;font-weight:800;box-shadow:0 9px 32px rgba(102,216,199,.11)}.primary-button:disabled{opacity:.65}.feedback{font-size:12px;line-height:1.65;margin:11px 0 0;min-height:18px;color:var(--muted)}.feedback.error{color:var(--danger)}.feedback.success{color:var(--aqua)}.privacy-note{border-top:1px solid var(--line);padding-top:17px;color:#8799af;font-size:11px;line-height:1.7;margin:20px 0 0}.hidden{display:none!important}.session-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:1px 0 19px}.signed-in{display:flex;align-items:center;gap:10px;min-width:0}.online-dot{width:9px;height:9px;border-radius:50%;background:#83d8a4;box-shadow:0 0 0 5px rgba(131,216,164,.11);flex-shrink:0}.overline{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:700}.account-text{font-size:12px;color:var(--text);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.quiet-button{border:1px solid #3d5368;background:transparent;border-radius:999px;color:#dce8ef;padding:9px 13px;font-size:11px;flex-shrink:0}.conversation-head{display:flex;align-items:center;gap:11px;background:#1a2a3d;border:1px solid var(--line);border-radius:18px 18px 0 0;padding:15px}.avatar{display:grid;place-items:center;background:linear-gradient(145deg,#7ebfc0,#456f94);width:42px;height:42px;border-radius:15px;font-size:24px;color:white}.conversation-title{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.conversation-title strong{font-size:12px;letter-spacing:.06em}.conversation-title span{font-size:10px;color:var(--muted)}.inactive-chip{border:1px solid #657589;color:#c9d5e3;border-radius:8px;font-size:10px;padding:6px 8px;white-space:nowrap}.conversation{min-height:220px;background:rgba(14,24,39,.75);border-left:1px solid var(--line);border-right:1px solid var(--line);padding:16px 13px 28px}.day-rule{text-align:center;font-size:9px;letter-spacing:.17em;color:#869bae;margin:6px 0 29px}.day-rule span{background:#1c2b3e;padding:7px 11px;border-radius:20px}.bubble-row{display:flex;gap:9px;align-items:flex-start}.small-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#2d556b;color:#a9e3df;flex-shrink:0}.bubble{border:1px solid #375067;border-radius:4px 17px 17px;background:#203247;padding:14px 15px;max-width:95%;font-size:12px;line-height:1.8}.bubble p{margin:0 0 11px}.bubble p:last-of-type{margin-bottom:0}.bubble-note{display:block;color:#91a8bc;font-size:10px;margin-top:14px;padding-top:11px;border-top:1px solid #ffffff14}.test-panel{background:#192b3e;border:1px solid var(--line);padding:17px 16px 16px;border-radius:0 0 18px 18px}.test-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.test-label{font-size:9px;color:var(--aqua);letter-spacing:.12em;font-weight:700}.test-panel h3{font-size:15px;margin:6px 0}.test-state{border-radius:10px;background:#2d3c4d;padding:8px 10px;color:#bbccda;font-size:11px;white-space:nowrap}.test-state.good{color:#0e322e;background:#98e1cc}.test-state.bad{color:#ffe1de;background:#794849}.test-desc{font-size:11px;color:var(--muted);line-height:1.75;margin:9px 0 15px}.test-button{background:#263e53;color:#c4f1ed;border:1px solid #638e93;display:flex;align-items:center;justify-content:space-between;border-radius:11px;width:100%;min-height:45px;padding:0 14px;font-size:12px;font-weight:750}.test-button:disabled{opacity:.6}.composer-area{margin:20px 0 0}.composer{border:1px solid #35475e;border-radius:15px;background:#1b293b;display:flex;align-items:end;padding:7px 8px 7px 15px;gap:6px}.composer textarea{color:#a6b7c8;resize:none;max-height:100px;flex:1;border:none;background:transparent;outline:none;box-shadow:none;font-size:13px;line-height:1.6;min-height:30px;padding:7px 0}.composer textarea::placeholder{color:#9bb0bf}.send-button{width:37px;height:37px;border-radius:11px;color:#6b8d97;background:#29485a;border:none;font-size:20px}.composer-note{text-align:center;font-size:10px;line-height:1.6;color:#7890a7;margin:11px 0 0}.footer{display:flex;justify-content:space-between;gap:10px;color:#677d92;letter-spacing:.1em;font-size:9px;padding:28px 2px max(20px,env(safe-area-inset-bottom));margin-top:auto}@media(min-width:600px){.shell{padding-left:44px;padding-right:44px}.hero{padding-top:50px}.panel{padding:33px}.conversation{min-height:255px}}@media(max-width:360px){.shell{padding-left:13px;padding-right:13px}.phase-tag{font-size:9px;padding:7px}.footer{font-size:8px}.account-text{max-width:150px}}

/* Phase 3 generic AI chat additions */
.ai-panel{border:1px solid var(--line);background:#14283a;border-radius:15px;padding:14px 16px;margin:16px 0 0}.ai-panel h3{font-size:14px;margin:5px 0}.small-button{color:#c3eee9;border:1px solid #4c6f78;background:#1b3547;border-radius:8px;padding:8px 11px;font-size:11px;margin-top:6px}.bubble-row.chat-user{justify-content:flex-end;margin-top:15px}.chat-user .bubble{background:#31535a;color:#e0fffa;border-color:#5b8a88;border-radius:16px 4px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-row.chat-ai{margin-top:15px}.chat-ai .bubble{white-space:pre-wrap;overflow-wrap:anywhere}.chat-user .bubble,.chat-ai .bubble{font-size:13px}.composer-area{display:block}.composer textarea:disabled{opacity:.65}.send-button:not(:disabled){background:var(--aqua);color:#123639}.conversation{min-height:220px}.send-button:disabled{opacity:.48}.ai-panel+.composer-area{margin-top:12px}.feedback:empty{min-height:0}