:root{--bg: #F4FAF6;--card: #FFFFFF;--ink: #133F42;--ink-soft: #5C7672;--line: #DFEDE5;--blue: #1581E2;--blue-tint: #E6F1FC;--blue-deep: #0F62B8;--green: #2FA96A;--green-tint: #E5F6EC;--aqua: #2AB5C0;--aqua-tint: #E1F7F6;--leaf: #6FAE3F;--leaf-tint: #EFF6E4;--indigo: #3B55C4;--indigo-tint: #E9EDFB;--grad: linear-gradient(135deg, #9CD9AB, #43CDCB 48%, #1581E2);--serif: "Fraunces", Georgia, serif;--sans: "Figtree", -apple-system, "Segoe UI", Roboto, sans-serif;--r: 20px;--shadow: 0 2px 10px rgba(19,63,66,.07), 0 1px 2px rgba(19,63,66,.05)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--keyboard-h: 0px}.app{padding-top:env(safe-area-inset-top)}@supports (-webkit-touch-callout: none){.sheet .panel{max-height:calc(88dvh - var(--keyboard-h))}}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 6%,#F0FAF0 0%,transparent 46%),radial-gradient(circle at 88% 96%,#E2F1F8 0%,transparent 42%)}a{color:var(--blue);text-decoration:none}button{font-family:var(--sans);cursor:pointer}button,[role=button],.btn,.tab,.fab,.rail-link,.sphere-toggle,.bt,.sv,.starter,.moment,.person-row,.highlight,.skip-link,.account-chip,label.chip,input[type=checkbox],input[type=radio]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input,textarea,select{font-family:var(--sans);font-size:16px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{min-height:100dvh;display:flex}.rail{width:236px;flex-shrink:0;position:sticky;top:0;height:100dvh;border-inline-end:1px solid var(--line);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px 16px;display:flex;flex-direction:column;gap:4px}.rail .brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding-inline-start:6px}.rail .brand img{height:30px}.rail-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:13px;color:var(--ink-soft);font-weight:700;font-size:14.5px;border:none;background:none;width:100%;text-align:start}.rail-link .ic{font-size:19px;width:22px;text-align:center}.rail-link.active{background:var(--blue-tint);color:var(--blue)}.rail-link:hover:not(.active){background:#eef6f1}.rail .spacer{flex:1}.content{flex:1;min-width:0;display:flex;flex-direction:column}.page{width:100%;max-width:720px;margin:0 auto;padding:22px 18px 120px}.tabbar{display:none}@media (max-width: 860px){.rail{display:none}.tabbar{display:flex;position:fixed;inset-inline:0;bottom:0;height:74px;z-index:40;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);align-items:flex-start;padding-top:9px;padding-bottom:env(safe-area-inset-bottom);height:calc(74px + env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#93a8a2;border:none;background:none}.tab .ic{font-size:21px;line-height:1}.tab.active{color:var(--blue)}.fab{width:54px;height:54px;border-radius:50%;background:var(--grad);color:#fff;font-size:27px;border:none;margin-top:-6px;box-shadow:0 6px 16px #1581e259;display:flex;align-items:center;justify-content:center;line-height:1}.page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.h-greet{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15}.h-sub{color:var(--ink-soft);font-size:14px;margin-top:4px}.section-label{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin:22px 0 10px}.serif{font-family:var(--serif)}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}.card.pad{padding:16px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px}.chip.family{background:var(--green-tint);color:var(--green)}.chip.friends{background:var(--aqua-tint);color:#188f9a}.chip.neighbors{background:var(--leaf-tint);color:var(--leaf)}.chip.colleagues,.chip.work{background:var(--blue-tint);color:var(--blue)}.chip.clients{background:var(--indigo-tint);color:var(--indigo)}.chip.mentors{background:var(--aqua-tint);color:#178089}.chip.org{background:#f0f5f2;color:var(--ink-soft);border:1px dashed #C4D6CC;font-weight:600}.avatar{border-radius:50%;background:linear-gradient(135deg,#c9edd3,#9bd4ea);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;color:#1b5b60;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.btn{border:none;border-radius:13px;font-family:var(--sans);font-weight:700;font-size:14px;padding:11px 18px;transition:transform .1s;color:var(--ink)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.grad{background:var(--grad);color:#fff}.btn.ghost{background:transparent;color:var(--ink-soft)}.btn.soft{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.btn.block{width:100%}.btn:disabled{opacity:.55}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.input,.textarea,select.input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}.input:focus,.textarea:focus,select.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}.textarea{min-height:90px;resize:vertical}.row{display:flex;gap:10px;align-items:center}.wrap{display:flex;flex-wrap:wrap;gap:8px}.muted{color:var(--ink-soft)}.error{color:#c0392b;font-size:13px}.reassure{color:var(--ink-soft);font-size:12.5px;font-style:italic;font-family:var(--serif)}.sphere-toggle{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.sphere-toggle.on{border-color:var(--blue);background:var(--blue-tint);color:var(--blue)}.person-row{display:flex;align-items:center;gap:13px;padding:13px 15px;cursor:pointer}.person-row:hover{background:#f5fbf7}.person-row .meta{min-width:0;flex:1}.person-row .meta b{font-size:15px}.person-row .last{color:var(--ink-soft);font-size:12.5px}.empty{text-align:center;padding:44px 22px}.empty img{height:54px;opacity:.9;margin-bottom:12px}.empty .big{font-family:var(--serif);font-size:20px;font-weight:600;margin-bottom:6px}.empty p{color:var(--ink-soft);font-size:14px;max-width:340px;margin:0 auto 16px}.pill{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px}.pill.open{background:var(--blue-tint);color:var(--blue)}.pill.offer{background:var(--green-tint);color:var(--green)}.pill.ask{background:var(--blue-tint);color:var(--blue)}.pill-done{font-size:10.5px;font-weight:800;color:var(--green);background:var(--green-tint);padding:5px 11px;border-radius:99px}.board-item.offer{border-inline-start:3px solid var(--green)}.board-item.ask{border-inline-start:3px solid var(--blue)}.highlight{padding:13px 15px;display:flex;gap:12px;align-items:center;margin-bottom:10px;cursor:pointer;color:var(--ink)}.highlight .dot{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.highlight .t{font-size:13px;line-height:1.4}.highlight .t b{font-size:13.5px}.highlight .t small{color:var(--ink-soft);display:block}.bt{flex:1;text-align:center;font-size:12px;font-weight:800;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink-soft);font-family:var(--sans)}.bt.on{background:var(--ink);color:#fff;border-color:var(--ink)}.grat{background:linear-gradient(160deg,#f0fbf3,#e5f4fb);border:1px solid #CBE8D6;border-radius:var(--r);padding:18px;text-align:center}.grat .q{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px}.spinner{width:22px;height:22px;border:2.5px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.moments{display:flex;gap:9px;overflow-x:auto;margin:14px -18px 0;padding:2px 18px 6px;scrollbar-width:none}.moments::-webkit-scrollbar{display:none}.moment{flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:9px 13px;box-shadow:var(--shadow);font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:start;color:var(--ink)}.moment small{display:block;font-weight:500;color:var(--ink-soft);font-size:10.5px;margin-top:1px}.moment.soon{border-color:var(--blue);background:var(--blue-tint)}.nudge{padding:15px;display:flex;flex-direction:column;gap:11px;margin-bottom:11px}.nudge .top{display:flex;gap:12px;align-items:flex-start}.nudge .ctx{font-size:14px;line-height:1.45;min-width:0}.nudge .ctx .name{font-weight:800}.nudge .ctx .why{color:var(--ink-soft);font-size:12.5px;margin-top:2px;font-style:italic;font-family:var(--serif)}.nudge .acts{display:flex;gap:9px}.nudge .acts .btn{flex:1;font-size:13px;padding:10px}.caughtup{text-align:center;padding:30px 20px;background:linear-gradient(160deg,#f2fbf4,#e8f5f9);border-radius:var(--r);border:1px solid var(--line)}.caughtup img{height:52px;margin-bottom:8px}.caughtup .big{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:6px}.caughtup p{font-size:13px;color:var(--ink-soft);line-height:1.5}.caughtup .link{color:var(--blue);font-weight:700;background:none;border:none;border-bottom:1.5px solid var(--blue-tint);padding:0;font-size:13px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e323573;z-index:60;display:flex;align-items:flex-end}.sheet .panel{background:var(--bg);width:100%;border-radius:26px 26px 0 0;padding:18px 20px 26px;max-height:88dvh;overflow-y:auto;animation:sheet-up .28s cubic-bezier(.2,.9,.3,1);padding-bottom:calc(26px + env(safe-area-inset-bottom) + var(--keyboard-h))}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 861px){.sheet{align-items:center;justify-content:center;padding:24px}.sheet .panel{max-width:520px;border-radius:22px;animation:none;padding-bottom:26px}}.grab{width:38px;height:4px;border-radius:99px;background:#c6dace;margin:0 auto 14px}.sheet h3{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:4px}.sheet .sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:14px;line-height:1.45}.starter{display:block;width:100%;text-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13px;margin-bottom:9px;cursor:pointer;line-height:1.4;box-shadow:var(--shadow);color:var(--ink);font-family:var(--sans)}.starter:hover{border-color:var(--blue)}.ai-box{border:1.5px dashed #9CC9B9;border-radius:16px;padding:13px;background:#fbfefc;margin-bottom:12px}.ai-tag{font-size:10px;font-weight:800;color:#188f9a;display:flex;align-items:center;gap:5px;margin-bottom:7px}.ai-box textarea{width:100%;border:none;background:transparent;font-family:var(--sans);font-size:13.5px;line-height:1.5;resize:vertical;outline:none;color:var(--ink)}.sendvia{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.sv{flex:1;min-width:68px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:9px 4px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);color:var(--ink);font-family:var(--sans)}.sv .ic{display:block;font-size:17px;margin-bottom:3px}.sv:disabled{opacity:.5;cursor:default}.kv{padding:14px 16px;margin-bottom:10px}.kv .row{font-size:13px;line-height:1.65;display:block}.kv .row b{font-weight:700}.toast{position:fixed;inset-inline-start:50%;transform:translate(-50%);bottom:40px;background:var(--ink);color:#f2fbf4;font-size:13px;font-weight:700;padding:11px 20px;border-radius:99px;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:88vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(-6px)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;inset-inline-start:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;font-size:14px}.skip-link:focus{inset-inline-start:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 860px){.btn,.sphere-toggle,.bt,.sv{min-height:44px}.tab{min-height:48px}}.muted,.h-sub,.person-row .last{color:var(--ink-soft)}.hero{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.hero .box,.onboard .box{width:100%;max-width:400px}.hero .logo,.onboard .logo{height:40px;margin-bottom:20px}.hero .promise,.onboard .promise{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.22;margin-bottom:8px}.onboard{min-height:100dvh;display:flex;flex-direction:column;padding-inline:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.onboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:6px;position:relative;z-index:20}.onboard-head .mark{height:30px;width:auto}.onboard-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:26px}@media (min-height: 760px){.onboard-body{padding-top:52px}}@media (min-width: 861px){.onboard{padding-inline:24px}.onboard-body{justify-content:center;padding-top:0;padding-bottom:48px}}.account-wrap{position:relative}.account-chip{display:inline-flex;align-items:center;gap:8px;background:#ffffffdb;border:1px solid var(--line);border-radius:99px;padding:4px 12px 4px 4px;font-size:13.5px;font-weight:700;color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:60vw}.account-chip>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:224px;max-width:78vw;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px;text-align:start;z-index:30}.setup-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--blue-tint);color:var(--blue);font-size:13px;font-weight:700;border-bottom:1px solid var(--line)}.setup-bar .btn{padding:8px 14px;font-size:13px}