.app-nav{position:absolute;left:50%;display:flex;gap:4px;transform:translateX(-50%)}.app-nav button{padding:9px 15px;border:0;border-radius:99px;background:transparent;color:rgba(255,255,255,.62);font-size:11px;font-weight:800}.app-nav button:hover{color:white;background:rgba(255,255,255,.08)}.app-nav button.active{background:var(--green);color:var(--ink)}.view-heading{padding:70px 0 42px;display:flex;align-items:end;justify-content:space-between;gap:30px}.view-heading h1{margin:0;font-size:clamp(58px,6vw,82px);line-height:.94;letter-spacing:-.07em}.view-heading>div>p:last-child{margin:14px 0 0;max-width:540px;font-size:13px;line-height:1.5;opacity:.58}.projects-overview .project-grid{padding-bottom:90px}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:90px}.friend-card{min-height:260px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--white)}.friend-card:nth-child(3n+2){background:#ede6ff}.friend-avatar{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--purple);background-size:cover;background-position:center;font-size:15px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.friend-card h2{margin:22px 0 5px;font-size:23px;letter-spacing:-.04em}.friend-role{font-size:10px;font-weight:750;opacity:.5}.friend-bio{margin:15px 0;font-size:11px;line-height:1.5;opacity:.65}.shared-projects{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:9px;font-weight:800}.friends-empty{padding:75px;text-align:center;border:1px dashed var(--line);border-radius:24px}.friends-empty span{font-size:42px}.friends-empty h2{margin:12px 0 6px;font-size:27px}.friends-empty p{font-size:12px;opacity:.58}@media(max-width:760px){.app-nav{position:static;order:3;width:100%;justify-content:center;transform:none}.app-header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}.app-nav button{padding:7px 11px}.view-heading{padding-top:48px}.friends-grid{grid-template-columns:1fr}}

.people-view-controls{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--white)}
#friends-view>.view-heading{padding:28px 0 22px;align-items:center;border-bottom:1px solid var(--line)}
#friends-view>.view-heading h1{font-size:clamp(34px,4vw,50px);line-height:1;letter-spacing:-.055em}
#friends-view>.view-heading>div>p:last-child{margin-top:7px;max-width:none;font-size:11px}
.people-view-controls button{padding:10px 15px;border:0;border-radius:999px;background:transparent;font:800 10px/1 inherit;color:var(--ink)}
.people-view-controls button.active{background:var(--ink);color:var(--white)}
.people-discovery{padding-bottom:56px}
.people-discovery-head,.connections-section{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.people-discovery-head h2,.connections-section h2{margin:3px 0 0;font-size:clamp(28px,3vw,42px);letter-spacing:-.055em}
.people-discovery-head>p{max-width:360px;margin:0;font-size:11px;line-height:1.55;opacity:.6;text-align:right}
.people-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.person-discovery-card{min-width:0;padding:22px;display:flex;flex-direction:column;gap:18px;border:1.5px solid var(--ink);border-radius:22px;background:var(--white);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.person-discovery-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.person-discovery-top,.person-dialog-head{display:flex;align-items:center;gap:14px}
.person-discovery-avatar{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-size:14px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}
.person-discovery-avatar.purple{background:var(--purple)}.person-discovery-avatar.coral{background:#ff735d}.person-discovery-avatar.green{background:var(--green)}
.person-discovery-top h3,.person-dialog-head h2{margin:0;font-size:23px;letter-spacing:-.04em}.person-discovery-top p,.person-dialog-head p{margin:4px 0 0;font-size:10px;opacity:.58}
.person-discovery-reasons{display:grid;gap:7px}.person-discovery-reasons span{padding:9px 11px;border-radius:10px;background:var(--cream);font-size:10px;font-weight:800}.person-discovery-reasons span::before{content:'✓';margin-right:7px;color:#396623}
.person-discovery-card>p{margin:0;font-size:11px;line-height:1.55;opacity:.7}
.person-discovery-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.person-discovery-foot span{font-size:9px;font-weight:800;opacity:.52}.person-discovery-foot button{padding:10px 13px;border:1px solid var(--ink);border-radius:99px;background:var(--green);font-size:10px;font-weight:900}
.connections-section{padding-top:44px;border-top:1px solid var(--line)}
.person-dialog{width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:34px;border:2px solid var(--ink);border-radius:24px;background:#f4f0e7;color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.person-dialog::backdrop{background:rgba(16,36,28,.68);backdrop-filter:blur(4px)}
.person-dialog>.close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;background:var(--white);font-size:22px}
.person-dialog h2{margin:12px 42px 10px 0;font-size:clamp(32px,5vw,52px);line-height:.98;letter-spacing:-.06em}.person-dialog p{font-size:12px;line-height:1.6}.person-dialog textarea{width:100%;margin:12px 0;padding:15px;resize:vertical;border:1px solid var(--ink);border-radius:14px;background:var(--white);font:600 13px/1.5 inherit}.person-dialog .primary{width:100%;margin-top:14px;padding:15px}
.person-dialog-reasons,.person-share-summary{display:grid;gap:8px;margin:22px 0;padding:18px;border-radius:16px;background:var(--white)}.person-dialog-reasons>div{display:flex;gap:9px;font-size:11px}.person-dialog-reasons i{font-style:normal;color:#396623}.person-dialog-reasons small{margin-top:5px;line-height:1.45;opacity:.55}.person-share-summary span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#557063}.person-share-summary b{font-size:11px;line-height:1.4}
.person-share-picker{margin:20px 0 12px;padding:0;border:0}.person-share-picker legend{margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.person-share-picker label{padding:11px 12px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-bottom:0;background:var(--white);cursor:pointer}.person-share-picker label:first-of-type{border-radius:12px 12px 0 0}.person-share-picker label:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 12px 12px}.person-share-picker input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--ink)}.person-share-picker span,.person-share-picker b,.person-share-picker small{display:block}.person-share-picker b{font-size:11px}.person-share-picker small{margin-top:2px;font-size:9px;opacity:.55}.person-share-boundary{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:14px;border-left:4px solid var(--purple);background:var(--white)}.person-share-boundary span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#557063}.person-share-boundary b{font-size:10px;line-height:1.4}
.person-share-picker .passport-trust-option{background:#efffd0}.person-share-picker .passport-trust-option b::before{content:'HAUSU · ';font-size:8px;letter-spacing:.1em;color:#49652c}
.person-languages{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:11px}.person-languages span{text-align:right;opacity:.65}.person-safety{width:100%;margin-top:10px;border:0;background:transparent;font-size:10px;text-decoration:underline;opacity:.65}.person-success-mark{width:72px;height:72px;display:grid;place-items:center;margin:22px 0;border:2px solid var(--ink);border-radius:50%;background:var(--green);font-size:32px;box-shadow:4px 4px 0 var(--ink)}
.person-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.person-next-actions button{min-height:48px;border:1px solid var(--ink);border-radius:10px;background:var(--white);font-weight:850}.person-next-actions .primary{margin:0;background:var(--green)}.person-next-actions .danger{background:#ff735d}
.community-board{position:relative;padding:30px 26px 38px;border:1px solid rgba(16,36,28,.18);border-radius:8px;background-color:#e9e1cf;background-image:radial-gradient(rgba(16,36,28,.2) .75px,transparent .75px);background-size:14px 14px;box-shadow:inset 0 0 40px rgba(91,68,35,.08)}
.community-board .people-discovery-head{padding:0 4px}.notice-card{position:relative;border-width:1px;border-radius:3px;background:#fffdf4;box-shadow:4px 5px 0 rgba(16,36,28,.82);transform:rotate(-.35deg)}.notice-card:nth-child(2){background:#f2ecff;transform:rotate(.45deg)}.notice-card:nth-child(3){background:#ecffd0;transform:rotate(-.2deg)}.notice-card:hover{transform:translate(-2px,-2px) rotate(0);box-shadow:7px 8px 0 rgba(16,36,28,.82)}
.notice-pin{position:absolute;top:10px;left:50%;width:12px;height:12px;border:1px solid #812f24;border-radius:50%;background:#ff735d;box-shadow:1px 2px 0 rgba(0,0,0,.22)}.notice-time{font-size:8px;font-weight:900;letter-spacing:.13em;opacity:.52}.notice-card>h3{max-width:90%;margin:0;font-size:23px;line-height:1.08;letter-spacing:-.04em}.notice-author{display:flex;align-items:center;gap:7px;min-width:0}.notice-author .person-discovery-avatar{width:30px;height:30px;flex-basis:30px;border-width:1px;box-shadow:2px 2px 0 var(--ink);font-size:8px}.notice-author b{white-space:nowrap;color:var(--ink)}
.board-create-card{width:100%;margin-top:20px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;text-align:left;border:1px dashed var(--ink);border-radius:4px;background:rgba(255,255,255,.62)}.board-create-card span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--green);font-size:22px}.board-create-card b{font-size:13px}.board-create-card small{margin-top:3px;opacity:.62}
.notice-form{display:grid;gap:13px;margin-top:22px}.notice-form>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice-form label{display:grid;gap:6px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notice-form input,.notice-form textarea{width:100%;padding:12px;border:1px solid var(--ink);border-radius:9px;background:var(--white);font:600 12px/1.4 inherit;text-transform:none;letter-spacing:0}.notice-form textarea{resize:vertical}.notice-privacy{margin:0!important;padding:11px;border-left:3px solid var(--purple);background:var(--white);font-size:10px!important}
@media(max-width:1000px){.people-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-discovery-card:last-child{grid-column:1/-1}.people-view-controls{align-self:flex-start}.view-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.view-heading h1{font-size:clamp(44px,14vw,64px)}#friends-view>.view-heading{padding:20px 0 16px;gap:14px}#friends-view>.view-heading h1{font-size:34px}.people-view-controls{width:100%;overflow:auto}.people-view-controls button{flex:1;white-space:nowrap}.people-discovery-head{align-items:flex-start;flex-direction:column}.people-discovery-head>p{text-align:left}.people-discovery-grid{grid-template-columns:1fr}.people-discovery-card:last-child{grid-column:auto}.community-board{padding:24px 14px 28px}.person-dialog{padding:25px 18px}.person-next-actions,.notice-form>div{grid-template-columns:1fr}.connections-section{padding-top:30px}}
@media(max-width:430px){.app-nav{justify-content:flex-start;overflow-x:auto}.app-nav button{flex:1;padding-inline:9px}.person-discovery-card{padding:18px}.person-discovery-foot{align-items:flex-start;flex-direction:column}.person-discovery-foot button{width:100%}}