.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(circle at top left,rgba(59,130,246,.18) 0,transparent 55%),radial-gradient(circle at bottom right,rgba(34,197,94,.16) 0,transparent 55%),radial-gradient(circle at top,#101827 0,#050814 55%,#020309);color:#e6edf5;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.app-card{width:100%;max-width:760px;background:#090e16f5;border-radius:20px;padding:1.75rem 1.5rem 2.25rem;box-shadow:0 18px 45px #05070ccc;border:1px solid rgba(120,131,151,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.app-card.emotion-sad{border-color:#60a5fa66;box-shadow:0 18px 45px #2563eb47}.app-card.emotion-depressive{border-color:#818cf873;box-shadow:0 18px 45px #4f46e547}.app-card.emotion-stress{border-color:#fb923c66;box-shadow:0 18px 45px #ea580c40}.app-card.emotion-joy{border-color:#f59e0b73;box-shadow:0 18px 45px #f59e0b3d}.app-card.emotion-excited{border-color:#4ade8066;box-shadow:0 18px 45px #16a34a3b}.app-card.emotion-mixed{border-color:#94a3b859}.header{margin-bottom:1.5rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}.title-block h1{font-size:1.6rem;font-weight:680;margin:0 0 .35rem;letter-spacing:-.02em}.title-block p{margin:0;color:#9aa4b5;font-size:.95rem}.mascot{display:flex;flex-direction:column;align-items:center;gap:.2rem}.mascot-face{width:52px;height:52px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#e0f2fe 0,#bfdbfe 45%,#60a5fa);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px #2563eb66;position:relative;overflow:hidden;animation:float 3.5s ease-in-out infinite}.mascot-ear{position:absolute;top:-6px;width:14px;height:14px;border-radius:4px 10px 2px;background:#ffffff80}.mascot-ear-left{left:7px;transform:rotate(-25deg)}.mascot-ear-right{right:7px;transform:scaleX(-1) rotate(-25deg)}.mascot-eyes{display:flex;gap:.4rem;margin-bottom:.12rem}.mascot-eyes span{width:7px;height:7px;border-radius:999px;background:#0f172a}.mascot-mouth{width:16px;height:8px;border-radius:0 0 999px 999px;border-bottom:2px solid #0f172a}.mascot-cheek{position:absolute;bottom:14px;width:8px;height:5px;border-radius:999px;background:#ffa0a080}.mascot-cheek-left{left:9px}.mascot-cheek-right{right:9px}.mascot-face-depressive{background:radial-gradient(circle at 30% 30%,#c7d2fe 0,#a5b4fc 45%,#818cf8)}.mascot-face-depressive .mascot-eyes span{transform:scaleY(.8)}.mascot-face-depressive .mascot-mouth{border-bottom-width:0;border-top:2px solid #020617;border-radius:999px 999px 0 0;transform:translateY(3px)}.mascot-face-sad{background:radial-gradient(circle at 30% 30%,#dbeafe 0,#93c5fd 45%,#60a5fa)}.mascot-face-sad .mascot-mouth{border-bottom-width:0;border-top:2px solid #020617;border-radius:999px 999px 0 0;transform:translateY(2px)}.mascot-face-stress{background:radial-gradient(circle at 30% 30%,#ffedd5 0,#fdba74 45%,#fb923c)}.mascot-face-stress .mascot-eyes span{transform:scaleX(1.2)}.mascot-face-joy{background:radial-gradient(circle at 30% 30%,#fef3c7 0,#fcd34d 45%,#f59e0b)}.mascot-face-joy .mascot-mouth{width:18px;height:9px;border-radius:0 0 999px 999px;border-bottom:2px solid #0f172a}.mascot-face-excited{background:radial-gradient(circle at 30% 30%,#dcfce7 0,#86efac 45%,#4ade80)}.mascot-face-excited .mascot-eyes span{width:8px;height:8px}.mascot-tag{font-size:.7rem;color:#9ca3af}.memory-hint{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.memory-hint small{color:#7d8b96;font-size:.8rem}.memory-hint .link{background:transparent;color:#7eb8ff;padding:.15rem .35rem;font-size:.8rem;font-weight:500;text-decoration:underline;text-underline-offset:2px;border-radius:999px}.form{display:flex;flex-direction:column;gap:.9rem;margin-top:.25rem;margin-bottom:1.1rem}.field span{display:block;font-size:.8rem;color:#a0aec0;margin-bottom:.3rem;letter-spacing:.04em;text-transform:uppercase}textarea{width:100%;min-height:130px;padding:.8rem .9rem;border-radius:14px;border:1px solid #293548;background:#0a101bf2;color:inherit;font:inherit;resize:vertical;box-shadow:inset 0 0 0 1px #0f172a33;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform 60ms ease}textarea::placeholder{color:#64748b}textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f680;background:#020617;transform:translateY(-1px)}.habit-row{display:flex;gap:.5rem;align-items:center}.habit-input{flex:1;padding:.55rem .8rem;border-radius:999px;border:1px solid #273549;background:#020617;color:inherit;font:inherit;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.habit-input::placeholder{color:#6b7280}.habit-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf873;background:#020617}.habit-list{margin:.45rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.habit-pill{font-size:.75rem;padding:.12rem .5rem;border-radius:999px;background:#0f766e29;border:1px solid rgba(45,212,191,.4);color:#a5f3fc}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;cursor:pointer}.primary-btn{min-width:160px;border-radius:999px;padding:.7rem 1.6rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#22c55e);color:#020617;box-shadow:0 12px 25px #22c55e42;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.primary-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 16px 30px #22c55e52}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-btn{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;color:#e5e7eb;font-size:.8rem;font-weight:500;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.secondary-btn:hover:not(:disabled){background:#1e40af99;border-color:#818cf8b3;transform:translateY(-.5px)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.actions-row{display:flex;justify-content:flex-end;margin-top:.3rem}.error{margin-top:1rem;padding:.8rem .9rem;border-radius:12px;background:#7f1d1d38;border:1px solid rgba(248,113,113,.6);color:#fee2e2;font-size:.9rem}.chat-card{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:16px;background:#0f172ae6;border:1px solid rgba(51,65,85,.65)}.section-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#cbd5f5;letter-spacing:.04em;text-transform:uppercase}.chat-thread{display:flex;flex-direction:column;gap:.65rem}.chat-row{display:flex}.chat-row-user{justify-content:flex-end}.chat-row-ai{justify-content:flex-start}.chat-bubble{max-width:85%;border-radius:20px;padding:.6rem .8rem;font-size:.9rem;line-height:1.4;box-shadow:0 8px 16px #0f172a73}.chat-bubble-user{background:linear-gradient(135deg,#2563eb,#22c55e);color:#020617;border-bottom-right-radius:4px}.chat-bubble-ai{background:#0f172af5;border:1px solid rgba(148,163,184,.4);color:#e5e7eb;border-bottom-left-radius:4px}.chat-bubble p{margin:.1rem 0 0}.chat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.chat-line{margin:.25rem 0 0}.result-card{margin-top:1.2rem;padding:1.05rem 1.1rem 1.15rem;border-radius:18px;background:radial-gradient(circle at top right,rgba(56,189,248,.12) 0,transparent 55%),#0f172af5;border:1px solid rgba(75,85,99,.7)}.result-card.emotion-sad{border-color:#60a5fa99;background:radial-gradient(circle at top,#0f172a 0,#020617 70%)}.result-card.emotion-depressive{border-color:#818cf8b3;background:radial-gradient(circle at top,#1e1b4b 0,#0f172a 72%)}.result-card.emotion-stress{border-color:#fb923ca6;background:radial-gradient(circle at top,#1f2937 0,#111827 70%)}.result-card.emotion-joy{border-color:#f59e0bcc;background:radial-gradient(circle at top,#3f2a00 0,#111827 72%)}.result-card.emotion-excited{border-color:#4ade80b3;background:radial-gradient(circle at top,#052e16 0,#020617 70%)}.result-card.emotion-mixed{border-color:#94a3b8b3}.result-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.result-header h2{margin:0;font-size:1rem;font-weight:620}.emotion-badge{padding:.2rem .7rem;border-radius:999px;font-size:.78rem;text-transform:lowercase;background:#0f172ae6;border:1px solid rgba(148,163,184,.7)}.result-card.emotion-sad .emotion-badge{border-color:#60a5facc;color:#bfdbfe}.result-card.emotion-stress .emotion-badge{border-color:#fb923ccc;color:#fed7aa}.result-card.emotion-excited .emotion-badge{border-color:#4ade80cc;color:#bbf7d0}.result-card.emotion-depressive .emotion-badge{border-color:#818cf8cc;color:#c7d2fe}.result-card.emotion-joy .emotion-badge{border-color:#f59e0bd9;color:#fde68a}.result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);gap:.75rem 1rem}@media(max-width:640px){.header-top{flex-direction:column;align-items:flex-start}.mascot{align-self:flex-start}.result-grid{grid-template-columns:minmax(0,1fr)}}.result-block h3{margin:0 0 .15rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.result-block p{margin:0;font-size:.92rem;color:#e5e7eb}.plan-list{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.42rem}.plan-list li{font-size:.92rem;line-height:1.4}.mini-note{margin-top:.4rem!important;color:#a5b4c8!important;font-size:.86rem!important}.fade-in{animation:fadeInUp .28s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e7edf4;line-height:1.5;min-height:100vh}#root{min-height:100vh}