:root{--bg-main:#fff9fc;--bg-secondary:#f7f2ff;--bg-accent-soft:#eedcff;--bg-rose:#f8d7e8;--accent:#7a5af8;--accent-deep:#5c3fd7;--text-main:#2e1f53;--text-muted:#6f6589;--border-soft:#7a5af82e;--border-strong:#7a5af84d;--card-bg:#ffffffb8;--card-bg-strong:#ffffffdb;--glow:0 18px 50px #7a5af826;--rose-danger:#c35f80;--period:#e17aa9;--wellbeing:#9d8bf3;--private:#6f56d9;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--container:960px;--font-main:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-main);color:var(--text-main);background:radial-gradient(circle at 12% 10%, #eedcffa6, transparent 38%), radial-gradient(circle at 82% 8%, #f8d7e8cc, transparent 42%), linear-gradient(160deg, var(--bg-main), var(--bg-secondary) 42%, #fdf8ff 100%)}h1,h2,h3,p{margin:0}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}main{width:min(var(--container), 100%);margin:0 auto;padding:24px 18px 112px}.app-shell{gap:16px;display:grid}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(30px,6.2vw,48px);font-weight:700;line-height:1.06}.app-subtitle{max-width:62ch;color:var(--text-muted);margin-top:8px;font-size:15px;line-height:1.55}.glass-card,.hero-card,.metric-card,.event-card,.permission-card,.pair-card,.summary-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow);padding:18px}.hero-card{background:radial-gradient(circle at 82% 2%, #7a5af833, transparent 42%), var(--card-bg-strong);padding:22px}.hero-grid{grid-template-columns:1fr;gap:14px;display:grid}.kicker{color:var(--accent-deep);background:#7a5af81f;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.badge,.source-badge,.privacy-badge,.status-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-badge{color:var(--private);background:#7a5af81a;border-color:#7a5af838}.source-badge{color:var(--accent-deep);background:#eedcff99}.privacy-badge{color:#8c4463;background:#f8d7e880}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:600}.card-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:600}.card-subtitle,.helper{color:var(--text-muted);margin-top:6px;font-size:14px;line-height:1.45}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:700}.metric-label{color:var(--text-muted);margin-top:2px;font-size:13px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:14px}.chips,.filter-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-soft);color:var(--text-main);background:#ffffffa8;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip--period{color:#97456c;background:#f8d7e880;border-color:#e17aa94d}.chip--wellbeing{color:#5c4fb3;background:#eedcff9e;border-color:#9d8bf359}.chip--private{color:#4f3ba8;background:#ede8ffb8;border-color:#6f56d959}.prediction-marker{box-shadow:0 0 0 1px #7a5af857,0 0 20px #7a5af859}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:14px;padding:11px 15px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.1;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));box-shadow:0 12px 24px #7a5af847}.btn-primary:hover{filter:brightness(1.04);text-decoration:none}.btn-secondary{color:var(--accent-deep);border-color:var(--border-soft);background:#ffffffc7}.btn-danger{color:var(--rose-danger);background:#c35f801f;border-color:#c35f8057}.btn-row{flex-wrap:wrap;gap:10px;display:flex}label,legend{color:var(--text-main);font-size:13px;font-weight:700}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}input,select,textarea{width:100%;font:inherit;border:1px solid var(--border-soft);color:var(--text-main);background:#ffffffc7;border-radius:14px;padding:11px 12px}input:focus,select:focus,textarea:focus{outline-offset:0;border-color:var(--border-strong);outline:2px solid #7a5af845}textarea{resize:vertical;min-height:84px}.form-note,small{color:var(--text-muted);font-size:12px;line-height:1.4}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.role-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);cursor:pointer;text-align:left;background:#ffffffb8;padding:14px}.role-card.active{background:#ede7ffb8;border-color:#7a5af873;box-shadow:0 0 0 2px #7a5af81f}.role-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:16px}.inline-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}ul.clean-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline{gap:12px;padding-left:16px;display:grid;position:relative}.timeline:before{content:"";background:#7a5af842;width:1px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{padding-left:14px;position:relative}.timeline-item:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:-14px;box-shadow:0 0 0 4px #7a5af81f}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-day{background:#ffffffba;border:1px solid #7a5af826;border-radius:12px;align-content:space-between;gap:6px;min-height:54px;padding:7px;display:grid}.calendar-day.selected{border-color:#7a5af866;box-shadow:0 0 0 2px #7a5af824}.day-meta{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.day-dot{border-radius:50%;width:7px;height:7px}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffbf;border:1px solid #7a5af82e;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(660px,100% - 22px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #321e662e}.bottom-nav a{color:var(--text-muted);border-radius:12px;place-items:center;padding:9px 4px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.bottom-nav a.active{color:var(--accent-deep);background:#7a5af826}.auth-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 85% 9%, #7a5af845, transparent 38%), radial-gradient(circle at 6% 30%, #f8d7e8b8, transparent 34%), var(--card-bg-strong);border:1px solid var(--border-soft);box-shadow:var(--glow);padding:24px;position:relative;overflow:hidden}.mockups{gap:10px;margin-top:18px;display:flex}.mockup{background:linear-gradient(175deg,#ffffffeb,#eedcff85);border:1px solid #7a5af833;border-radius:20px;width:84px;height:138px;box-shadow:0 10px 22px #7a5af833}.mockup:nth-child(2){transform:translateY(12px)}.mockup:nth-child(3){transform:translateY(5px)}.alert{color:#9f3b63;background:#f8d7e894;border:1px solid #e17aa947;border-radius:12px;padding:10px 12px;font-size:13px}.auth-layout{gap:14px;display:grid}@media (width<=860px){main{padding:18px 12px 110px}.action-grid,.role-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.mockup{width:74px;height:122px}}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.app-header{flex-direction:column}}