:root{--bg:#0f1a2b;--bg-deep:#0a1220;--card:#16243a;--line:#2c3e5a;--text:#f3ebdd;--muted:#b9ae9b;--accent:#78a99b;--accent-hover:#9ac6b8;--success:#6fa38a;--danger:#c46b6b;--gold:#f3ebdd;--gold-light:#fff;--brown:#48566a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Lora,Georgia,serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:360px;min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:Lora,Georgia,serif;font-size:1rem;line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);font-family:Cormorant Garamond,Georgia,serif;font-weight:700;line-height:1.1}a{color:var(--gold-light);text-underline-offset:4px}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}button,.primary-button{border:1px solid var(--gold);min-height:44px;color:var(--bg);background:var(--gold);cursor:pointer;border-radius:4px;padding:.55rem 1.15rem;font:700 18px Cormorant Garamond,Georgia,serif;transition:background-color .15s,border-color .15s}.ghost-button{color:var(--gold-light);background:0 0;border-color:#0000}.filter-chip{border:1px solid var(--gold);color:var(--gold-light);background:0 0;border-radius:999px;padding:.35rem .85rem}.filter-chip.active{color:var(--bg);background:var(--gold)}.page-title{margin-bottom:.65rem;font-size:clamp(2.4rem,6vw,3.5rem)}.page-heading{grid-column:1/-1;margin:0 0 1.75rem}.page-intro{color:var(--muted);margin-bottom:0}.page-shell{width:min(100% - 2rem,1180px);margin:2.5rem auto 4rem}.section-title{margin-bottom:1.25rem;font-size:clamp(1.8rem,4vw,2.35rem)}.form-input,input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--white);background:var(--bg);border-radius:4px;padding:10px;font:400 1rem Lora,Georgia,serif}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--line);opacity:1}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:1px solid var(--gold)}.auth-page{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-brand{background:var(--card);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.auth-book-logo{width:58px;height:52px;margin-bottom:1rem}.auth-wordmark{color:var(--gold-light);white-space:nowrap;margin-bottom:.6rem;font:clamp(32px,5vw,64px)/1.1 Pinyon Script,cursive}.auth-card{background:var(--bg);flex-direction:column;justify-content:center;width:min(100%,560px);min-height:100vh;margin:0 auto;padding:clamp(1.5rem,6vw,4.5rem);display:flex}.auth-card .page-title{text-align:center;margin-bottom:1.5rem}.auth-form{gap:1rem;display:grid}.auth-form .primary-button{margin-top:.35rem}.auth-switch{color:var(--white);text-align:center;margin:1.5rem 0 0}.auth-switch a{color:var(--gold-light);text-align:center}.site-nav{z-index:5;border-bottom:1px solid var(--line);background:var(--bg-deep);justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:76px;padding:.75rem max(1rem,50% - 590px);display:flex;position:sticky;top:0}.site-logo{color:var(--gold-light);white-space:nowrap;align-items:center;gap:.55rem;font:34px/1 Pinyon Script,cursive;text-decoration:none;display:inline-flex}.book-logo{fill:none;width:34px;height:31px;stroke:var(--gold-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none}.book-logo circle{fill:var(--gold-light)}.nav-links{justify-content:flex-end;align-items:center;gap:1.6rem;display:flex}.nav-pill{min-height:42px;color:var(--text);border-bottom:2px solid #0000;align-items:center;text-decoration:none;transition:border-color .15s;display:inline-flex}.nav-pill:hover,.nav-pill:focus-visible,.nav-pill[aria-current=page]{border-bottom-color:var(--gold)}.logout-button{border:1px solid var(--gold);min-height:38px;color:var(--gold-light);background:0 0;border-radius:4px;padding:.35rem .8rem;font-size:17px}.logout-button:hover{color:var(--bg);background:var(--gold)}.feed-page{grid-template-columns:minmax(0,1fr) 340px;align-items:start;column-gap:2rem;display:grid}.post-list{gap:1.25rem;min-width:0;display:grid}.profile-card{border:1px solid var(--line);background:var(--card);box-shadow:0 2px 0 var(--bg-deep);border-radius:6px;margin-bottom:2.25rem;padding:1.75rem 2rem}.profile-card .page-title{overflow-wrap:anywhere;margin-bottom:.8rem;font-size:44px}.profile-bio,.profile-city{color:var(--muted);margin-bottom:.45rem}.profile-city{margin-bottom:0}.post-card{border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:0 2px 0 var(--bg-deep);border-radius:6px;padding:22px}.post-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.post-author{align-items:center;gap:.75rem;min-width:0;display:flex}.post-avatar{width:42px;height:42px;color:var(--text);background:var(--brown);border-radius:50%;flex:0 0 42px;place-items:center;font:700 21px Cormorant Garamond,Georgia,serif;display:grid}.post-author-name{color:var(--text);font-weight:500;text-decoration:none}.post-author-name:hover{color:var(--gold-light)}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .55rem;margin:.1rem 0 0;font-size:.78rem;display:flex}.post-title{max-width:45%;color:var(--bg);background:var(--gold);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;border-radius:3px;flex:none;margin:0;padding:.25rem .55rem;font:600 12px/1.3 Lora,Georgia,serif}.visibility-badge{color:var(--muted);text-transform:capitalize}.post-content{border-top:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;margin-bottom:0;padding-top:1rem;line-height:1.6}.post-image{border:1px solid var(--line);object-fit:cover;border-radius:4px;width:min(100%,420px);max-height:420px;margin-top:1rem}.hours-number{color:var(--gold-light);font:700 20px Cormorant Garamond,Georgia,serif}.state-message{width:min(100% - 2rem,760px);color:var(--muted);text-align:center;margin:2rem auto}.loading-state,.error-state,.empty-state{padding:1.25rem}@media (width<=900px){.feed-page{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.auth-page{grid-template-columns:minmax(0,1fr)}.auth-brand{min-height:40vh;padding:2rem 1rem}.auth-wordmark{font-size:clamp(32px,8vw,54px)}.auth-card{min-height:auto;padding:2.5rem 1.25rem}.site-nav{flex-direction:column;align-items:flex-start;gap:.55rem;padding:.75rem 1rem}.nav-links{flex-wrap:wrap;justify-content:flex-start;gap:.65rem 1rem;width:100%}.page-shell{width:min(100% - 1.25rem,1180px);margin-top:1.5rem}.post-card{padding:16px}.post-header{flex-direction:column}.profile-card{padding:1.35rem}.profile-card .page-title{font-size:clamp(34px,11vw,44px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.layout{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg-deep);flex-direction:column;gap:1.4rem;height:100vh;padding:1.75rem 1.25rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--gold-light);white-space:nowrap;font:34px/1.15 Pinyon Script,cursive}.new-post-btn{width:100%;min-height:48px}.sidebar nav{gap:.45rem;display:grid}.sidebar nav a{color:var(--text);border-left:2px solid #0000;padding:.7rem .8rem;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{border-left-color:var(--gold);color:var(--gold-light);background:var(--card)}.logout-btn{border:1px solid var(--gold);width:100%;color:var(--gold-light);background:0 0;margin-top:auto}.logout-btn:hover{color:var(--bg);background:var(--gold)}.stats-panel{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:1.5rem}.stats-panel .section-title{margin-bottom:1.1rem}.stats-primary{border-bottom:1px solid var(--line);padding-bottom:1.1rem}.stats-label,.stats-grid dt,.muted-copy{color:var(--muted);font-size:.9rem}.stats-label{margin-bottom:.3rem}.stats-total{color:var(--muted);margin-bottom:.8rem;font-size:.9rem}.stats-total span,.stats-grid dd{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.45rem}.progress-track,.skill-bar-track{background:var(--bg-deep);width:100%;height:10px;accent-color:var(--accent);border:0;border-radius:99px;display:block;overflow:hidden}.progress-track::-webkit-progress-bar{background:var(--bg-deep);border-radius:99px}.skill-bar-track::-webkit-progress-bar{background:var(--bg-deep);border-radius:99px}.progress-track::-webkit-progress-value{background:var(--accent);border-radius:99px}.skill-bar-track::-webkit-progress-value{background:var(--accent);border-radius:99px}.progress-track::-moz-progress-bar{background:var(--accent);border-radius:99px}.skill-bar-track::-moz-progress-bar{background:var(--accent);border-radius:99px}.stats-grid{grid-template-columns:1fr;gap:.85rem;margin:1rem 0 0;display:grid}.stats-grid div{justify-content:space-between;gap:1rem;display:flex}.stats-grid dt,.stats-grid dd{margin:0}.stats-grid dd{text-align:right;font-size:1rem;font-weight:700}.stats-encouragement{border-top:1px solid var(--line);color:var(--muted);margin:1rem 0 0;padding-top:1rem;font-size:.9rem}.by-skill{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.by-skill h3{margin-bottom:1rem;font-size:1.45rem}.skill-stats-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.skill-stats-heading{justify-content:space-between;gap:1rem;margin-bottom:.4rem;font-size:.88rem;display:flex}.skill-stats-heading span:last-child{color:var(--muted);text-align:right}.skill-bar-track{height:7px}.state-card{border:1px solid var(--line);color:var(--muted);background:var(--card);border-radius:6px;padding:1.25rem}.error-text{color:var(--danger)}.skill-filters{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1.5rem;display:flex}.filter-chip{border-color:var(--line);min-height:40px;color:var(--text);background:var(--card);padding:.35rem .85rem;font:400 .9rem Lora,Georgia,serif}.filter-chip:hover,.filter-chip.active{border-color:var(--accent);color:var(--text);background:#26354a}.skill-tag{border:1px solid var(--line);color:var(--accent-hover);border-radius:99px;padding:.12rem .45rem}.post-hours{color:var(--text);font-variant-numeric:tabular-nums}.content{max-width:none}.feed-page{grid-template-columns:minmax(0,1fr) 320px;gap:2rem;width:min(100%,1280px)}.feed-main{min-width:0}.feed-stats{position:sticky;top:1.5rem}.profile-page>.stats-panel{margin-bottom:2.25rem}.leaderboard-page{max-width:1000px}.leaderboard-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.75rem;display:flex}.leaderboard-filter{width:min(100%,260px);color:var(--muted);gap:.45rem;display:grid}.table-scroll{border:1px solid var(--line);background:var(--card);border-radius:6px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--line);padding:.9rem 1rem}.leaderboard-table thead{color:var(--muted);font-size:.85rem}.leaderboard-table tbody tr:last-child th,.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table td:nth-child(n+3){font-variant-numeric:tabular-nums}.leaderboard-table .current-user-row{background:#203049}.current-user-label{color:var(--accent-hover);margin-left:.55rem;font-size:.78rem}@media (width<=900px){.feed-page{grid-template-columns:minmax(0,1fr)}.feed-stats{order:-1;position:static}}@media (width<=620px){.leaderboard-heading{flex-direction:column;align-items:stretch;gap:1rem}.leaderboard-filter{width:100%}.leaderboard-table th,.leaderboard-table td{padding:.75rem .6rem;font-size:.86rem}.stats-panel{padding:1.15rem}}.content{width:100%;max-width:900px;margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}.modal-overlay{z-index:10;background:#0a1220d1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--line);background:var(--card);width:min(100%,520px);max-height:calc(100vh - 2rem);box-shadow:0 2px 0 var(--bg-deep);border-radius:6px;padding:1.5rem;overflow-y:auto}.modal h2{margin-bottom:1.25rem;font-size:2rem}.modal form{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.modal form>input,.modal form>textarea,.modal form>label,.modal form>select,.modal form>p{grid-column:1/-1}.modal textarea{resize:vertical;min-height:140px}.modal label{color:var(--muted);margin-bottom:-.65rem}.modal form>p{color:var(--gold-light);margin:0}.modal button[type=button]{color:var(--gold-light);background:0 0;border-color:#0000;grid-column:1;justify-self:end}.modal button[type=button]:hover{color:var(--text);background:var(--line)}.modal button[type=submit]{grid-column:2;justify-self:start}@media (width<=800px){.layout{grid-template-columns:minmax(0,1fr)}.brand-logo{object-fit:contain;object-position:left center;width:88px;max-height:88px}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.85rem 1rem;height:auto;padding:1rem;display:grid;position:relative}.brand{align-self:center}.new-post-btn{grid-area:1/2}.sidebar nav{flex-wrap:wrap;grid-area:2/1/auto/-1;display:flex}.sidebar nav a{border-bottom:2px solid #0000;border-left:0;padding:.45rem .7rem}.sidebar nav a:hover,.sidebar nav a.active{border-bottom-color:var(--gold);border-left-color:#0000}.logout-btn{grid-area:3/1/auto/-1;justify-self:end;width:auto;margin-top:0}.content{padding:clamp(1rem,4vw,2rem)}}:root{--font-ui:"DM Sans", Arial, sans-serif;font-family:var(--font-ui)}body,button,input,select,textarea,.post-title,.filter-chip,.post-avatar,.hours-number{font-family:var(--font-ui)}body{font-size:.95rem;line-height:1.6}h1,h2,h3{font-family:var(--font-ui);letter-spacing:-.035em;font-weight:600}.layout{grid-template-columns:248px minmax(0,1fr)}.content{max-width:none;padding:clamp(1.5rem,3.5vw,3.5rem)}.page-title{letter-spacing:-.045em;font-size:clamp(2rem,4vw,2.7rem)}.section-title{letter-spacing:-.025em;font-size:1.45rem}.profile-card,.post-card,.stats-panel,.modal,.table-scroll{border-color:var(--line);box-shadow:none;border-radius:6px}.profile-card,.post-card,.stats-panel,.modal{background:var(--card)}.post-card{padding:1.35rem}.auth-tagline{font:500 1.1rem/1.5 var(--font-ui);letter-spacing:0}.post-title{max-width:55%;color:var(--text);letter-spacing:-.015em;text-transform:none;background:0 0;padding:0;font-size:1rem;font-weight:600}button,.primary-button{min-height:42px;font:600 .9rem var(--font-ui);border-radius:6px;padding:.55rem 1rem}button:hover,.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:var(--bg-deep);min-height:46px;font:400 .95rem var(--font-ui);border-radius:6px}input:focus,select:focus,textarea:focus{border-color:var(--accent-hover);outline:2px solid #78a99b59}.auth-logo{mix-blend-mode:screen;width:min(100%,420px);height:auto;margin-bottom:1.25rem;display:block}.modal form{gap:.75rem}.modal label{margin-bottom:-.25rem;font-size:.88rem}.sidebar{gap:1.1rem;padding:1.5rem 1rem}.brand{font-size:30px}.brand-logo{mix-blend-mode:screen;width:min(100%,172px);height:auto;display:block}.sidebar nav a{color:var(--muted);border-left:0;border-radius:6px;font-size:.92rem}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);background:#203049;border-left-color:#0000}.post-meta{font-size:.8rem}.skill-tag{color:var(--accent-hover)}.post-hours{color:var(--muted)}.filter-chip{font:500 .85rem var(--font-ui);border-radius:6px}.filter-chip:hover,.filter-chip.active{color:var(--text);background:#26354a}@media (width<=800px){.layout{grid-template-columns:minmax(0,1fr)}.content{padding:1.25rem}}@media (width<=620px){.auth-logo{width:min(78vw,320px)}.post-card{padding:1rem}.post-title{max-width:100%}}.welcome-board{border:1px solid var(--line);border-left:3px solid var(--accent);background:linear-gradient(120deg, #1b2b3d 0%, var(--card) 65%);border-radius:6px;margin:0 0 1.5rem;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.welcome-eyebrow{color:var(--accent-hover);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;font-size:.76rem;font-weight:700}.welcome-board h2{letter-spacing:-.035em;margin-bottom:.65rem;font-size:clamp(1.55rem,3vw,2rem)}.welcome-board>p:last-child{max-width:68ch;color:var(--muted);margin-bottom:0;line-height:1.7}.profile-card-heading,.profile-actions,.person-row,.person-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.profile-card-heading>div{min-width:0}.profile-edit-form{gap:.7rem;display:grid}.profile-edit-form .page-title{margin-bottom:.4rem}.profile-edit-form label{color:var(--muted);font-size:.88rem}.profile-edit-form textarea{resize:vertical}.profile-actions{justify-content:flex-start;margin-top:.5rem}.secondary-button{border-color:var(--line);color:var(--text);background:0 0}.secondary-button:hover{border-color:var(--accent);background:#203049}.profile-action-error{color:var(--danger);margin:.75rem 0 0}.profile-avatar-display,.profile-avatar-editor{align-items:center;gap:1rem;display:flex}.profile-avatar-image,.profile-avatar-fallback{border:1px solid var(--line);object-fit:cover;width:88px;height:88px;color:var(--text);background:var(--bg-deep);border-radius:50%;flex:0 0 88px;place-items:center;font:700 36px Cormorant Garamond,Georgia,serif;display:grid}.profile-avatar-editor{margin-bottom:.5rem}.profile-avatar-editor>div{gap:.45rem;min-width:0;display:grid}.profile-edit-form .profile-avatar-help{color:var(--muted);margin:0;font-size:.82rem}.post-avatar:where(img){object-fit:cover}.friends-heading{margin-bottom:2rem}.friends-heading .page-intro{color:var(--muted)}.friends-section{margin-bottom:2rem}.people-list{border:1px solid var(--line);background:var(--card);border-radius:6px;margin:0;padding:0;list-style:none;overflow:hidden}.person-row{border-bottom:1px solid var(--line);min-height:76px;padding:1rem 1.2rem}.person-row:last-child{border-bottom:0}.person-name{color:var(--text);font-weight:600;text-decoration:none}.person-name:hover{color:var(--accent-hover)}.person-detail{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.person-actions{justify-content:flex-end}@media (width<=520px){.profile-card-heading,.person-row{flex-direction:column;align-items:flex-start}.person-actions{justify-content:flex-start;width:100%}}.friend-section{margin-top:28px}.friend-row{background:var(--card);border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;display:flex}.friend-row p{color:var(--muted);margin:4px 0 0;font-size:14px}.friend-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:4px;display:flex}