:root{--bg: #faf7f2;--surface: #ffffff;--ink: #2b2620;--muted: #8a8072;--line: #e8e1d5;--accent: #d95f43;--accent-deep: #b84a31;--accent-soft: #fbe9e3;--green: #4a7c59;--green-soft: #e6f0e9;--amber: #b8860b;--amber-soft: #faf3dd;--shadow: 0 1px 2px rgba(43, 38, 32, .05), 0 4px 14px rgba(43, 38, 32, .06);--shadow-lift: 0 2px 4px rgba(43, 38, 32, .07), 0 10px 26px rgba(43, 38, 32, .11);font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% 90px,transparent 118px,rgba(217,95,67,.1) 119px,transparent 121px),radial-gradient(circle at 88% 90px,transparent 190px,rgba(74,124,89,.09) 191px,transparent 193px),radial-gradient(1100px 500px at 85% -100px,#f6e8de 0%,transparent 60%),radial-gradient(900px 500px at -10% 20%,#edf2ea 0%,transparent 55%),var(--bg);color:var(--ink);line-height:1.55;min-height:100vh}button{font:inherit;cursor:pointer;border:none;border-radius:9px;transition:transform .12s ease}input,select{font:inherit;padding:.55rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shell{max-width:880px;margin:0 auto;padding:0 1rem 4rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;margin:.5rem 0 1.5rem;border:1px solid rgba(232,225,213,.8);border-radius:12px;background:#fffdfa;box-shadow:var(--shadow);flex-wrap:nowrap}.topbar nav{display:flex;gap:.25rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{white-space:nowrap}@media(max-width:640px){.topbar{gap:.5rem;padding:.3rem .6rem}.topbar .who,.brand .brand-text{display:none}}.topbar nav a{text-decoration:none;color:var(--muted);padding:.25rem .7rem;border-radius:999px;font-weight:600;font-size:.9rem;transition:background .12s ease,color .12s ease}.topbar nav a:hover{color:var(--ink);background:#e8e1d573}.topbar nav a.active{background:var(--accent-soft);color:var(--accent-deep)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.who{color:var(--muted);font-size:.9rem}.brand{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.55rem}.brand.big{font-size:1.7rem;justify-content:center}.brand-dot{position:relative;width:.8em;height:.8em;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0917a,var(--accent));box-shadow:0 0 0 3px var(--accent-soft)}.brand-dot:before{content:"";position:absolute;top:-.42em;right:-.42em;bottom:-.42em;left:-.42em;border-radius:50%;border:1px solid rgba(217,95,67,.35)}.brand-dot:after{content:"";position:absolute;top:50%;left:50%;width:.26em;height:.26em;margin:-.13em;border-radius:50%;background:var(--green);transform:rotate(0) translate(.82em);animation:orbit 5s linear infinite;will-change:transform}@keyframes orbit{to{transform:rotate(360deg) translate(.82em)}}main section{margin-bottom:2.5rem;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h2{font-size:1.12rem;margin:0 0 .85rem;display:flex;align-items:center;gap:.5rem}h2:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:0;width:100%;max-width:420px;text-align:center;overflow:hidden;box-shadow:var(--shadow-lift);animation:rise .4s ease both}.auth-hero{width:100%;display:block;aspect-ratio:1536 / 832;object-fit:cover;border-bottom:1px solid var(--line)}.auth-body{padding:1.5rem 2rem 2rem}.tagline{color:var(--muted);margin-top:.35rem}.auth-card form{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0 .75rem}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex:none;letter-spacing:.02em}.cards{display:grid;gap:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.15rem;box-shadow:var(--shadow);transition:transform .15s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card p{margin:.35rem 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.card-head .head-id{display:flex;align-items:center;gap:.65rem;min-width:0}.card-head a{color:inherit;text-decoration:none}.card-head a:hover{color:var(--accent-deep);text-decoration:underline}.card.urgency-call{border-left:4px solid var(--amber)}.card.urgency-hangout{border-left:4px solid var(--accent)}.card.urgency-text,.card.hangout{border-left:4px solid var(--green)}.card-actions{display:flex;align-items:center;gap:.45rem;margin-top:.65rem;flex-wrap:wrap}.badge{font-size:.75rem;font-weight:700;padding:.18rem .65rem;border-radius:999px;background:var(--amber-soft);color:var(--amber);white-space:nowrap}.badge.shared{background:var(--green-soft);color:var(--green)}.small-badge{margin-left:.5rem}.note{color:var(--muted);font-style:italic}.primary{background:linear-gradient(135deg,#e26e50,var(--accent-deep));color:#fff;padding:.55rem 1.1rem;font-weight:700;box-shadow:0 2px 8px #d95f4359}.primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #d95f4373}.primary:active{transform:none}.primary:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink);padding:.45rem .9rem}.topbar .ghost{padding:.25rem .7rem;font-size:.85rem}.quick-log{margin-bottom:1.5rem}.ghost:hover{background:var(--surface);border-color:#d8cfbf;box-shadow:var(--shadow)}.small{padding:.32rem .75rem;font-size:.85rem}.link{background:none;color:var(--accent);text-decoration:underline;padding:0}.link:hover{color:var(--accent-deep)}.row-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.row-form input{flex:1;min-width:200px}.stack-form{display:flex;flex-direction:column;gap:.6rem;max-width:440px}.pending-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem;margin-bottom:.5rem;flex-wrap:wrap;box-shadow:var(--shadow)}.settings-row{display:flex;gap:1rem;flex-wrap:wrap}.cadence{display:block;margin:.5rem 0;color:var(--muted);font-size:.9rem}.cadence select{padding:.25rem .5rem}.feed{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.feed li{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.55rem .9rem;box-shadow:var(--shadow);transition:transform .15s ease}.feed li:hover{transform:translate(2px)}.feed .feed-body{flex:1;min-width:0}.feed-who{font-weight:700}.feed-what{color:var(--accent-deep);font-weight:700}.feed-note{color:var(--muted)}.feed-when{color:var(--muted);font-size:.85rem;white-space:nowrap;margin-left:auto}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--green-soft);color:var(--green);font-weight:700;font-size:.9rem;padding:.25rem .4rem .25rem .8rem;border-radius:999px;border:1px solid rgba(74,124,89,.18)}.chip-x{background:none;color:inherit;font-size:1rem;line-height:1;padding:0 .25rem}.chip.selectable{cursor:pointer;background:var(--surface);color:var(--muted);border:1px dashed var(--line)}.chip.selectable:hover{color:var(--green);border-color:var(--green)}.chip.selectable.on{background:var(--green-soft);color:var(--green);border:1px solid rgba(74,124,89,.18)}.auth-card.onboarding{max-width:480px}.tour{text-align:left;display:flex;flex-direction:column;gap:.6rem;margin:1rem 0 1.25rem}.tour-item{border:1px solid var(--line);border-radius:10px;padding:.6rem .9rem}.tour-item p{margin:.15rem 0 0}.chips.center,.row-form.center,.card-actions.center{justify-content:center}.row-form.center{margin:.75rem 0 1rem}.center-form{margin:1rem auto;max-width:320px}.group-picker{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.edit-activity{flex:1}.chip-x:hover{color:var(--accent-deep)}.health{font-size:.85rem;font-weight:700;white-space:nowrap}.health-warm{color:var(--green)}.health-cooling{color:var(--amber)}.health-cold{color:var(--accent)}.health-warm:before,.health-cooling:before,.health-cold:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.35em;border-radius:50%;background:currentColor}.health-warm:before{box-shadow:0 0 0 3px #4a7c592e}.ghost.danger{color:#b3372a;border-color:#e5b8b1}.ghost.danger:hover{background:#fbe9e3}.inline-edit{display:inline-flex;gap:.4rem;align-items:center;margin-left:.5rem}.inline-edit input,.inline-edit select{padding:.3rem .5rem}.friend-detail .card-head h2{margin:0}.friend-detail .card-head h2:before{display:none}.note-input{flex:1;min-width:220px}.empty,.hint{color:var(--muted);font-size:.92rem}.empty-illustrated{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:.9rem 1.1rem}.empty-illustrated img{width:84px;height:84px;border-radius:12px;object-fit:cover;flex:none}.error{color:#b3372a;font-size:.9rem;margin:0}.page-loading{padding:3rem;text-align:center;color:var(--muted)}.offline-banner{background:var(--amber-soft);color:var(--amber);font-weight:600;font-size:.9rem;text-align:center;padding:.5rem 1rem;border-radius:0 0 12px 12px;border:1px solid var(--line);border-top:none}