:root{--bg:#f8f7f4;--ink:#222e27;--muted:#505f54;--green:#245b42;--pale:#eaf1e8;--line:#c9d3c9;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}.container{width:min(1040px,calc(100% - 40px));margin:auto}a{color:var(--green);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,.button{min-height:48px;padding:11px 20px;background:var(--green);color:white;border:2px solid var(--green);border-radius:10px;font-weight:650;cursor:pointer}button:hover{background:#18462f}button:disabled{cursor:wait;opacity:.65}.secondary{background:white;color:var(--green);border-color:#a5b5a7}.secondary:hover{background:var(--pale)}:focus-visible{outline:3px solid #b27200;outline-offset:4px}input,select,textarea{width:100%;min-height:50px;padding:11px 13px;border:1.5px solid #8b9c8d;border-radius:9px;background:white;color:var(--ink)}textarea{resize:vertical}label{display:block;font-weight:650;margin:19px 0 7px}label span{font-weight:400;color:var(--muted)}form>button{margin-top:20px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;letter-spacing:-.5px}h2{font-size:1.4rem;margin-top:0}h3{font-size:1.2rem}p{color:var(--muted)}.help{font-size:.94rem}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.topbar{border-bottom:1px solid var(--line);background:#fff}.topbar-inner{min-height:80px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:750;font-size:1.2rem}.brand-logo{background:var(--green);color:white;border-radius:11px;width:40px;height:40px;display:grid;place-items:center}.beta{margin-left:auto;color:var(--muted);font-size:.9rem}.intro{padding:60px 0 30px;max-width:800px}.intro h1{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-2px;margin:16px 0 25px}.intro em{font-style:normal;color:#48684f}.eyebrow{font-size:.8rem;letter-spacing:2px;font-weight:750;color:var(--green);margin:0 0 10px}.lead{font-size:1.2rem;max-width:700px}.reassurance{font-weight:650;color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:22px}.panel>p:first-of-type{margin-top:0}.access{max-width:620px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:55px 0}.how article{border-top:2px solid var(--line);padding-top:20px}.how span{font-weight:700;color:var(--green)}.how h2{font-size:1.2rem;margin:14px 0}.notice{padding:16px 20px;background:var(--pale);color:#204e38;border:1px solid #a9c1aa;border-radius:10px;margin:22px 0;white-space:pre-line}.notice.error{background:#fff0ed;color:#842a1c;border-color:#c78d80}.error-text{color:#842a1c}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 12px}.app-heading h1{font-size:2rem;margin:0}.app-heading p:not(.eyebrow){margin:9px 0}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:12px 0 28px}.tabs button{background:transparent;border:0;border-bottom:4px solid transparent;border-radius:0;color:var(--muted);padding:12px 20px}.tabs button[aria-current]{color:var(--green);border-bottom-color:var(--green)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feed-tools{display:flex;align-items:end;gap:16px;margin-bottom:24px}.search-label{flex:1;font-size:.94rem;margin:0}.search-label input{margin-top:7px}.cards{display:grid;gap:18px}.recommendation{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.recommendation h2{margin:8px 0;font-size:1.3rem}.meta{font-size:.94rem;color:var(--muted)}.recommendation a{display:inline-flex;align-items:center;min-height:48px;border:1px solid #9bb09e;border-radius:8px;padding:9px 17px;margin-top:8px;font-weight:650;text-decoration:none}.recommendation a:hover{background:var(--pale)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:var(--pale);padding:3px 9px;border-radius:5px;font-size:.9rem}.empty{padding:40px 28px;background:white;border:1px dashed #9eb09e;border-radius:14px;max-width:750px}.empty p{max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.friend{padding:25px;border:1px solid var(--line);border-radius:14px;background:white}.friend h3{margin:0}.friend .identity{font-size:.94rem;margin:6px 0;overflow-wrap:anywhere}.request{padding:18px 0;border-bottom:1px solid var(--line)}.request:last-child{border:0}details{margin-top:18px}summary{font-weight:650;color:var(--green);cursor:pointer;min-height:48px;padding:10px 0}details>div{padding-bottom:8px}code{display:block;white-space:normal;overflow-wrap:anywhere;background:#f1f4ef;padding:12px;font-size:.9rem;margin-bottom:10px}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:650}.radio{display:flex;gap:12px;align-items:center;font-weight:400;padding:10px 0;margin:0;min-height:48px}.radio input{width:22px;min-height:22px;height:22px;flex:none;accent-color:var(--green)}dialog{border:1px solid var(--line);border-radius:16px;width:min(620px,calc(100% - 28px));padding:28px;max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#15261db3}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{margin:0}.end-note{text-align:center;margin:32px 0}footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.94rem;margin-top:40px!important}#onboarding{margin-top:25px}.less-label{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}
@media(max-width:650px){.container{width:calc(100% - 28px)}.topbar-inner{min-height:70px;gap:10px}.beta{display:none}#signout{margin-left:auto;font-size:.94rem;padding:8px 12px}.intro{padding-top:32px}.intro h1{letter-spacing:-1.2px}.columns,.how{grid-template-columns:1fr}.panel,.friend,.recommendation{padding:21px}.app-heading{align-items:flex-start;flex-direction:column;padding-top:24px}.app-heading>button{width:100%}.tabs{position:sticky;top:0;z-index:4;background:var(--bg);gap:0}.tabs button{flex:1;padding:13px 8px}.feed-tools{align-items:stretch;flex-direction:column;gap:10px}.actions>button{flex:1}.how{margin:35px 0}.empty{padding:28px 22px}dialog{padding:22px}#onboarding button{width:100%;margin-top:10px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.actions a{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;border:1px solid #a5b5a7;border-radius:9px;font-weight:650}

#share-friends{max-height:32dvh;overflow:auto}#share-friends .radio{border:1px solid var(--line);border-radius:9px;padding:12px;margin:8px 0;min-height:52px}#share-friends input{width:24px;height:24px;min-height:24px;flex:none}.share-submit{position:sticky;bottom:-22px;background:white;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:16px}.share-submit button{width:100%}.share-submit p{font-size:.85rem;margin:8px 0 0}#share-dialog{max-height:85dvh}#share-dialog fieldset{margin:12px 0}#share-dialog textarea{font-size:17px}#draft-banner p{margin:0}
