@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-main: #f5f8ff;--bg-card: rgba(255, 255, 255, .72);--bg-card-strong: rgba(255, 255, 255, .88);--text-main: #1f2440;--text-soft: #5f6788;--line: rgba(61, 79, 150, .2);--violet: #7457ff;--cyan: #08b7e8;--teal: #00c39a;--peach: #ff886b;--sun: #ffc44d;--shadow: 0 16px 34px rgba(55, 70, 135, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Outfit,sans-serif;color:var(--text-main);background:radial-gradient(circle at 12% 8%,rgba(116,87,255,.2),transparent 32%),radial-gradient(circle at 92% 8%,rgba(8,183,232,.22),transparent 35%),radial-gradient(circle at 72% 90%,rgba(255,136,107,.2),transparent 38%),linear-gradient(160deg,#f8fbff,#f1f6ff 45%,#eef3ff);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}a{text-decoration:none}.app-shell{width:min(1080px,94vw);margin:0 auto;padding:.85rem 0 calc(1.8rem + env(safe-area-inset-bottom));position:relative;display:grid;gap:.85rem}.glow{position:absolute;border-radius:100%;filter:blur(60px);z-index:-1}.glow-a{width:180px;height:180px;right:-70px;top:5px;background:#7457ff40}.glow-b{width:160px;height:160px;left:-70px;bottom:80px;background:#08b7e838}.topbar{display:grid;gap:.9rem;background:var(--bg-card);border:1px solid var(--line);border-radius:20px;padding:.9rem;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:var(--shadow)}.topbar-main{display:grid;gap:.7rem}.eyebrow,.hero-tag,.card-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--text-soft)}.brand-block h1{margin:.3rem 0 0;font-family:"DM Serif Display",serif;line-height:1;font-size:clamp(1.7rem,8vw,2.3rem)}.user-switcher{display:grid;gap:.45rem}.field,.user-switcher{width:100%}.field-label{font-size:.8rem;color:var(--text-soft)}select,input,textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:#ffffffd1;color:var(--text-main);font-family:inherit;font-size:.96rem;padding:.72rem .82rem}input:focus,textarea:focus,select:focus{outline:2px solid rgba(37,208,255,.45);border-color:#25d0ffa6}.menu-bar{display:grid;gap:.5rem;padding-top:.72rem;border-top:1px solid var(--line)}.menu-label{margin:0;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);font-size:.74rem}.menu-navbar{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.menu-link{border-radius:14px;border:1px solid var(--line);padding:.62rem .7rem;background:#ffffff94;color:var(--text-main);display:grid;gap:.18rem;transition:.18s ease}.menu-link-title{font-weight:600;font-size:.93rem}.menu-link-hint{font-size:.75rem;color:var(--text-soft)}.menu-link-active,.menu-link:hover{color:#fff;border-color:transparent;background:linear-gradient(120deg,var(--violet),var(--cyan))}.menu-link-active .menu-link-hint,.menu-link:hover .menu-link-hint{color:#ffffffe0}.notice-stack{display:grid;gap:.55rem}.app-main{min-height:0}.notice-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.72rem;border-radius:14px;border:1px solid rgba(8,183,232,.28);background:#08b7e81a}.notice-item p{margin:0;font-size:.9rem}.notice-item button{border:0;background:transparent;color:var(--text-main);text-decoration:underline;font-family:inherit;cursor:pointer;min-height:42px;padding:0 .25rem}.page{padding-top:.1rem}.hero h2,.section-head h2,.card h3{font-family:"DM Serif Display",serif}.hero h2,.section-head h2{margin:.4rem 0 .8rem;line-height:1.05;font-size:clamp(1.75rem,8vw,3rem)}.hero-copy,.meta{color:var(--text-soft)}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.section-head{margin-bottom:.9rem}.home-panels{display:grid;gap:.9rem}.card{background:var(--bg-card-strong);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1.05rem;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}.card h3{margin:.35rem 0 .4rem;font-size:clamp(1.35rem,5.6vw,1.95rem)}.spotlight-card,.form-card,.empty-state,.onboarding-card,.quick-menu-card{margin-top:.9rem}.onboarding-list{margin:.5rem 0 1rem;padding-left:1rem;color:var(--text-soft)}.onboarding-list li{margin-bottom:.35rem}.btn{border:0;border-radius:999px;min-height:44px;padding:.62rem 1rem;font-family:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-primary{color:#fff;background:linear-gradient(115deg,var(--violet),var(--cyan));box-shadow:0 10px 22px #5663de40}.btn-ghost{color:var(--text-main);background:#ffffff9e;border:1px solid var(--line)}.privacy-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.privacy-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .58rem;font-size:.72rem;border:1px solid var(--line)}.privacy-badge strong{font-size:.66rem;letter-spacing:.06em}.privacy-public{background:#00c39a29}.privacy-private{background:#ff886b2e}.privacy-custom{background:#7457ff29}.timeline{margin-top:.9rem;display:grid;gap:.8rem}.timeline-card{animation:cardIn .45s ease both}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.timeline-date{font-size:.8rem;border-radius:999px;border:1px solid var(--line);color:var(--text-soft);padding:.26rem .58rem}.memory-form,.split-fields{display:grid;gap:.85rem}.share-box{margin:0;border-radius:14px;border:1px dashed rgba(116,87,255,.36);background:#7457ff0f;padding:.7rem}.visibility-switch,.share-options{display:flex;gap:.5rem;flex-wrap:wrap}.visibility-pill,.share-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;background:#ffffff14;padding:.32rem .58rem;font-size:.88rem}.visibility-pill input,.share-pill input{width:auto;margin:0;accent-color:var(--violet)}.form-actions{padding-top:.2rem}.split-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.empty-state{text-align:center}.fade-in{animation:fadeIn .45s ease both}.rise-in{animation:riseIn .45s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 760px){.app-shell{padding-top:1.35rem}.topbar-main{grid-template-columns:1fr auto;align-items:end;column-gap:1rem}.user-switcher{width:auto;min-width:210px}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.home-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.spotlight-card,.quick-menu-card{margin-top:0}.card,.topbar{border-radius:22px}}@media (max-width: 759px){.topbar{position:sticky;top:.55rem;z-index:20;padding:.8rem}.menu-navbar{gap:.35rem}.menu-link{text-align:center;padding:.62rem .42rem;min-height:44px}.menu-link-title{font-size:.84rem}.menu-link-hint{font-size:.68rem}.app-shell{width:min(1080px,95.5vw)}.card{border-radius:16px;padding:.92rem}.notice-item,.timeline-head{flex-direction:column;align-items:flex-start}}