:root{font-family:Raleway,Raleway Thin,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background:radial-gradient(circle at 20% 20%,#eef2ff,#dbeafe 40%,#e0f2fe,#fff);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#eef2ff,#dbeafe 40%,#e0f2fe,#fff);display:flex;justify-content:center;align-items:flex-start}button,input,select{font-family:inherit}*{box-sizing:border-box}#root{width:100%}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;padding:20px 16px 96px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffffbf;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #4338ca26;position:sticky;top:14px;z-index:5}.logo{font-weight:800;letter-spacing:.5px;color:#312e81;font-size:18px}.user{position:relative}.user__name{border:none;background:linear-gradient(120deg,#8b5cf6,#0ea5e9);color:#fff;padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px #0ea5e959}.user-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:12px;box-shadow:0 14px 36px #0000001f;padding:8px;display:flex;flex-direction:column;gap:4px}.user-menu button{border:none;background:none;padding:10px 12px;border-radius:10px;text-align:left;font-weight:600;color:#4338ca;cursor:pointer}.user-menu button:hover{background:#eef2ff}.app{margin-top:18px;display:flex;flex-direction:column;gap:16px}.loading{text-align:center;color:#6b7280}.page{display:flex;flex-direction:column;gap:16px}.page--home .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{background:#ffffffeb;border-radius:16px;padding:16px;box-shadow:0 16px 40px #4f46e514}.card--frosted{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--accent{background:linear-gradient(145deg,#eef2ff,#e0f2fe);color:#1f2937}.card--shadow{background:#fffffff2;border:1px solid #eef2ff}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.card__eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#9ca3af}.card__title{margin:2px 0 0;font-weight:800;font-size:18px;color:#111827}.pill{background:#eef2ff;color:#4338ca;padding:8px 10px;border-radius:12px;font-weight:700;font-size:12px}.emotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.emotion-row{display:grid;grid-template-columns:40px 1fr 32px;align-items:center;background:#f8fafc;border-radius:12px;padding:10px 12px;gap:8px;border:1px solid #e5e7eb}.emotion-row__icon{font-size:18px}.emotion-row__value{font-weight:700;text-align:center;color:#111827}.emotion-row__trend{text-align:center;font-weight:700;color:#6b7280}.emotion-row__trend.is-up{color:#16a34a}.emotion-row__trend.is-down{color:#ef4444}.mood-summary{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:8px 0}.mood-summary__icon{width:80px;height:80px;border-radius:20px;background:#fffc;display:grid;place-items:center;font-size:36px;box-shadow:inset 0 0 0 1px #e5e7eb}.mood-summary__value{display:flex;align-items:center;gap:12px}.mood-summary__score{font-size:32px;font-weight:800}.mood-summary__trend{font-weight:800;padding:6px 8px;border-radius:10px;background:#f3f4f6;color:#6b7280}.mood-summary__trend.is-up{background:#ecfdf3;color:#16a34a}.mood-summary__trend.is-down{background:#fef2f2;color:#ef4444}.mood-summary__note{grid-column:span 2;color:#4b5563}.primary-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(120deg,#8b5cf6,#0ea5e9);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 16px 30px #4f46e559;transition:transform .1s ease}.primary-btn:active{transform:translateY(1px)}.primary-btn.is-disabled,.primary-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.secondary-btn{padding:12px 14px;border-radius:12px;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;font-weight:700;cursor:pointer}.link-btn{border:none;background:none;color:#4f46e5;font-weight:700;cursor:pointer;padding:6px 0}.muted{color:#6b7280;font-size:14px}.mini-chart{margin-top:12px}.chart{width:100%;height:auto}.chart--mini{overflow:visible}.chart__empty{text-align:center;color:#9ca3af;padding:14px}.chart__label{font-size:12px;fill:#6b7280}.chart__axis{stroke:#37415166;stroke-width:1.2}.chart__grid{stroke:#9ca3af33;stroke-width:1;stroke-dasharray:4 4}.chart__axis-label{font-size:11px;fill:#6b7280cc}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.filter{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#111827}.filter span{font-size:13px;color:#6b7280}.filter input,.filter select{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-weight:600}.multi-select{position:relative}.multi-select__control{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.multi-select__chevron{transition:transform .2s ease;font-size:12px}.multi-select__chevron.is-open{transform:rotate(180deg)}.multi-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #1f29371a;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:5}.multi-select__option{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.multi-select__option input{width:16px;height:16px}.filter--wide{grid-column:span 2}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.segmented button{border:none;background:none;padding:10px;font-weight:700;color:#6b7280;cursor:pointer}.segmented button.is-active{background:#eef2ff;color:#4338ca}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.legend__item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:600;color:#1f2937}.legend__swatch{width:12px;height:12px;border-radius:999px;display:inline-block}.soon{text-align:center;padding:26px;color:#6b7280;background:#f8fafc;border-radius:16px;border:1px dashed #cbd5e1;font-weight:700}.slider-list{display:flex;flex-direction:column;gap:12px}.slider{background:#f8fafc;border-radius:12px;padding:10px 12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px}.slider__label{font-weight:700;color:#111827;display:flex;justify-content:space-between}.slider__input{accent-color:#8b5cf6}.group-actions{display:flex;flex-direction:column;gap:16px}.group-actions--cta{flex-direction:row;gap:12px}.group-actions--cta .primary-btn,.group-actions--cta .secondary-btn{flex:1;justify-content:center}.group-action__row{display:grid;grid-template-columns:1fr auto;gap:8px}.group-action input{padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;font-weight:600}.group-key{margin-top:8px;font-weight:700;color:#111827;display:flex;flex-direction:column;gap:8px}.group-key__label{text-transform:uppercase;font-size:11px;letter-spacing:.4px;color:#6b7280}.group-key__value{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.group-key__value--full{justify-content:space-between;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.group-key__text{word-break:break-all;flex:1}.group-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.group-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.group-item__title{font-weight:700}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#f1f5f9;display:grid;place-items:center;padding:6px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.icon-btn img{width:20px;height:20px}.icon-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}.ghost-btn{border:none;background:none;color:#6b7280;font-size:20px;padding:6px;border-radius:10px;cursor:pointer}.group-card__header{display:flex;align-items:center;gap:10px}.toast{position:fixed;bottom:82px;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 16px 40px #00000040;cursor:pointer;max-width:460px;text-align:center}.bottom-nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 24px));background:#111827;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;box-shadow:0 18px 40px #0003}.bottom-nav button{border:none;background:none;color:#e5e7eb;padding:12px 8px;font-weight:700;cursor:pointer}.bottom-nav button.is-active{background:linear-gradient(120deg,#8b5cf6,#0ea5e9);color:#fff}.page--notfound .card{text-align:center}@media(max-width:480px){.app-shell{padding:12px 10px 96px}.topbar{position:static}}