*,:before,:after{box-sizing:border-box}body{color:#0f172a;background:linear-gradient(#eafff7 0%,#f8fafc 45%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}#root{min-height:100vh}.page{gap:18px;width:100%;margin:0;padding:24px;display:grid}.auth-page{align-content:center;min-height:100vh}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-gradient{z-index:0;background:linear-gradient(#0f172a73,#0f172a73),url(/pickleball-wallpaper.png) 50%/cover no-repeat;position:absolute;inset:0}.auth-card-wrap{z-index:1;width:min(460px,100%)}.auth-eyebrow{color:#0f766e;text-align:center;margin:0 0 10px;font-weight:700}.auth-logo-wrap{place-items:center;margin-bottom:4px;display:grid}.auth-logo{object-fit:cover;border:2px solid #dbeafe;border-radius:999px;width:68px;height:68px;box-shadow:0 8px 18px #0f172a2e}.auth-subtitle{color:#475569;text-align:center;margin:0 0 14px;font-size:.95rem;line-height:1.5}.auth-panel{border-color:#dbeafe;border-radius:18px;gap:12px;padding:28px;display:grid;box-shadow:0 22px 46px #0f172a14}.auth-panel h2{text-align:center;color:#0f172a;margin:0}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #dbe5f1;border-radius:16px;padding:18px;box-shadow:0 12px 30px #0f172a0f}.site-nav{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f766e,#115e59);border:1px solid #2dd4bf47;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 14px;display:grid;position:sticky;top:10px;box-shadow:0 12px 24px #0f172a3d}.site-nav:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#2dd4bf73,#22d3ee59);border-radius:999px 999px 0 0;height:10px;position:absolute;top:-10px;left:24px;right:24px}.app-brand-header{background:linear-gradient(135deg,#ffffffeb,#f0fdfae6);border:1px solid #dbe5f1;border-radius:16px;align-self:start;align-items:center;gap:16px;width:fit-content;max-width:100%;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a1a}.app-brand-header:after{content:"";opacity:.55;background:linear-gradient(90deg,#2dd4bf,#22d3ee);border-radius:999px;height:2px;position:absolute;bottom:0;left:16px;right:16px}.app-brand-kicker{letter-spacing:1.2px;color:#0f766e;margin:0 0 4px;font-size:.72rem;font-weight:800}.app-brand-image{object-fit:cover;border:1px solid #dbe5f1;border-radius:12px;width:120px;height:76px;box-shadow:0 10px 24px #0f172a29}.app-brand-title{color:#0f172a;font-size:1.8rem;font-weight:800;line-height:1.1}.app-brand-subtitle{color:#475569;margin-top:4px;font-size:.9rem;font-weight:600}.nav-search-wrap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #a7f3d073;border-radius:999px;justify-self:center;align-items:center;width:min(600px,100%);height:42px;padding:0 12px;display:flex}.nav-search-icon{color:#d1fae5;margin-right:8px;font-size:1.05rem}.nav-search{color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-weight:500}.nav-search::placeholder{color:#ccfbf1}.nav-search:focus{box-shadow:none}.nav-search-placeholder{justify-self:center;width:min(600px,100%);height:42px}.nav-links{gap:10px;display:flex}.nav-links a{color:#fff;border-radius:10px;padding:9px 13px;font-weight:600;text-decoration:none;transition:background-color .2s}.nav-links a.active{background:#ffffff42}.feed-header{color:#334155;justify-content:space-between;align-items:center;gap:12px;display:flex}.feed-controls{gap:10px;display:grid}.feed-controls h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,3vw,2.4rem);line-height:1.05}.control-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sort-group,.flag-group{background:#fff;border:1px solid #dbe5f1;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:0 6px 16px #0f172a0f}.right-corner{margin-left:auto}.sort-label{color:#64748b;padding:0 10px;font-size:.9rem;font-weight:700}.sort-pill{color:#334155;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-weight:600;transition:all .2s}.sort-pill.active{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 6px 14px #0f766e47}.stack-form{gap:12px;display:grid}label{color:#334155;gap:6px;font-weight:600;display:grid}input,textarea,select{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}button{color:#fff;font:inherit;cursor:pointer;background:#0f766e;border:none;border-radius:10px;padding:10px 12px}button:hover{opacity:.94}button:disabled{opacity:.7;cursor:not-allowed}.secondary{background:#1e293b}.subtle-btn{color:#0f766e;background:0 0;padding-inline:0;text-decoration:none}.auth-forgot{justify-self:center;margin-top:-2px;font-weight:600}.link-btn{color:#0f766e;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.danger{background:#b91c1c}.notice{color:#b91c1c;margin:0}.notice-success{color:#0f766e}.center-text{text-align:center;margin-top:100px}.loading-wrap{color:#334155;place-items:center;gap:10px;min-height:140px;display:grid}.loading-wrap p{margin:0;font-weight:600}.loading-spinner{border:3px solid #cbd5e1;border-top-color:#0f766e;border-radius:999px;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.post-list{grid-template-columns:1fr;gap:14px;max-width:860px;margin:0 auto;display:grid}.post-card{color:inherit;background:#fff;border:1px solid #dbe5f1;border-radius:14px;gap:8px;width:100%;padding:12px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 8px 22px #0f172a0d}.post-card:hover{border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 16px 30px #0f172a17}.post-card h3{color:#0f172a;margin:0;line-height:1.35}.post-flag{color:#0f766e;letter-spacing:.2px;background:#ccfbf1;border-radius:999px;justify-self:start;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.post-thumb-wrap{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:10px;width:100%;max-height:430px;overflow:hidden}.post-thumb-wrap.hidden{display:none}.post-thumb{object-fit:cover;width:100%;max-height:430px;display:block}.post-content{color:#334155;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.post-meta{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.feed-sentinel{height:2px}.feed-end{text-align:center;color:#64748b;margin-top:4px;font-size:.92rem}.post-image{object-fit:cover;border:1px solid #dbe5f1;border-radius:12px;width:min(720px,100%);max-height:300px;margin:8px auto;display:block}.inline-buttons{flex-wrap:wrap;gap:10px;display:flex}.post-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.owner-actions{gap:10px;margin-left:auto;display:flex}.action-btn{border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:600;display:inline-flex}.upvote-btn{background:#0f766e}.edit-btn{background:#1e293b}.delete-btn{background:#b91c1c}.summary-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.summary-subtitle{color:#475569;margin-bottom:12px}.summary-btn{background:linear-gradient(135deg,#0f766e,#0d9488)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.summary-card{background:linear-gradient(#fff,#f8fafc);border:1px solid #dbe5f1;border-radius:12px;padding:12px}.summary-card h4{color:#0f172a;margin:0 0 6px}.summary-card p{color:#334155;margin:0;line-height:1.45}.summary-card-wide{grid-column:1/-1}.summary-placeholder{color:#64748b}.comment-list{gap:12px;margin-top:12px;display:grid}.comment-card{background:linear-gradient(#fff,#f8fafc);border:1px solid #dbe5f1;border-radius:12px;padding:12px;box-shadow:0 6px 16px #0f172a0d}.comment-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-avatar{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:999px;place-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:grid}.comment-meta{gap:2px;display:grid}.comment-meta strong{color:#0f172a;font-size:.9rem;font-weight:700}.comment-meta small{color:#64748b;font-size:.76rem}.comment-body{color:#334155;margin:0;line-height:1.55}.oauth-row{flex-wrap:wrap;gap:10px;display:flex}.oauth-google{color:#0f172a;background:#fff;border:1px solid #cbd5e1;width:100%;font-weight:600}.auth-toggle{text-align:center;margin:0}@media (width<=740px){.page{padding:16px}.site-nav{grid-template-columns:1fr;align-items:center;top:8px}.app-brand-image{width:92px;height:62px}.app-brand-title{font-size:1.45rem}.nav-search-wrap,.nav-search,.nav-search-placeholder{width:100%}.nav-links{justify-content:flex-end;width:100%}}