:root{--ink: #0a0a0b;--ink-2: #141416;--ink-3: #1c1c20;--ink-4: #26262b;--ink-5: #34343b;--snow: #f5f5f4;--fog: #a1a1aa;--fog-dim: #71717a;--bronze: #d29a3a;--bronze-light: #f3cb78;--bronze-deep: #8a5a17;--blood: #b3000f;--red: #e5383b;--green: #3ddc97;--radius: 20px;--radius-sm: 14px;--nav-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{margin:0;background:var(--ink);color:var(--snow);overscroll-behavior-y:none}body{font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h2{font-size:22px;font-weight:800;letter-spacing:-.01em}h3{font-size:17px;font-weight:750}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:inherit}button:disabled{opacity:.45;cursor:default}a{color:var(--bronze-light)}small,.small{font-size:13px}.muted{color:var(--fog)}.error{color:var(--red);font-size:14px}.ok{color:var(--green);display:flex;align-items:center;gap:6px}.center-text{text-align:center}.icon{flex:none;display:block}.overline{white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fog)}.app{max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative}.screen{padding:calc(var(--safe-top) + 4px) 0 calc(var(--safe-bottom) + 28px);display:flex;flex-direction:column;gap:14px}.app.with-nav .screen{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 28px)}.screen.center,.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.screen.center{min-height:100dvh;padding-left:28px;padding-right:28px}.pad{padding:4px 18px 0}.pad-x{padding:0 18px}.stack{display:flex;flex-direction:column;gap:14px}.stack.center{align-items:center}.row{display:flex;align-items:center}.row.spread{justify-content:space-between;gap:10px}.row.gap{gap:10px;flex-wrap:wrap;justify-content:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list{display:flex;flex-direction:column;gap:12px;padding:0 14px}.list.tight{gap:2px}.list.flush{padding:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;min-height:54px;padding:calc(var(--safe-top)) 10px 0 18px;margin-top:calc(-1 * var(--safe-top) - 4px);background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar>.icon-btn:first-child{margin-left:-12px}.topbar h1{font-size:26px;font-weight:850;letter-spacing:-.02em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>.icon-btn+h1{font-size:19px}.topbar-brand{display:flex;align-items:center;gap:8px;flex:1}.topbar-actions{display:flex;align-items:center}.wordmark{font-weight:900;letter-spacing:.04em;line-height:1}.wordmark b{color:var(--bronze);font-weight:900}.brand-logo{display:flex;flex-direction:column;align-items:center;gap:6px}.brand-logo img{filter:drop-shadow(0 12px 28px rgba(179,0,15,.28));margin-bottom:6px}.slogan{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--snow);flex:none}.icon-btn:active{background:var(--ink-3)}.icon-btn.accent{background:var(--bronze);color:var(--ink)}.badge-host{position:relative}.badge-host em{position:absolute;top:9px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding:0 6px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:color-mix(in srgb,var(--ink-2) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--ink-4)}.bottom-nav>button:not(.fab){display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--fog-dim);height:100%;justify-content:center}.bottom-nav>button.on{color:var(--bronze-light)}.bottom-nav small{font-size:10.5px;font-weight:650;letter-spacing:.01em}.tab-icon{position:relative;display:block}.tab-icon em{position:absolute;top:-6px;left:12px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:700 11px/18px inherit;font-style:normal;text-align:center;border:2px solid var(--ink-2);box-sizing:content-box}.fab{justify-self:center;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-top:-22px;background:linear-gradient(145deg,var(--bronze-light),var(--bronze) 55%,var(--bronze-deep));color:var(--ink);box-shadow:0 10px 26px #d29a3a59,0 0 0 5px var(--ink)}.fab:active{transform:scale(.95)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;width:100%;border-radius:var(--radius-sm);background:var(--ink-3);border:1px solid var(--ink-5);font-weight:700;font-size:16px;text-decoration:none;color:var(--snow)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(145deg,var(--bronze-light),var(--bronze));border-color:transparent;color:var(--ink)}.btn.big{min-height:58px;font-size:18px}.btn.ghost{background:none;border-color:transparent;color:var(--fog);min-height:44px}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 9%,transparent)}.btn.danger.ghost{background:none;border-color:transparent}.btn.bronze-outline{background:color-mix(in srgb,var(--bronze) 10%,transparent);border-color:color-mix(in srgb,var(--bronze) 55%,transparent);color:var(--bronze-light)}.row .btn,.row.gap .btn{width:auto;flex:1}.row.spread .btn.ghost{flex:none;padding:0 6px}.plain{display:block}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:13px;font-weight:700;color:var(--fog);letter-spacing:.02em}.field>span em{font-style:normal;font-weight:500;color:var(--fog-dim)}input[type=text],input[type=email],input[type=search],input[type=datetime-local],textarea,select{width:100%;min-height:50px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--ink-2);border:1px solid var(--ink-5);outline:none;-webkit-appearance:none;appearance:none;font-size:16px;min-width:0}textarea{resize:vertical;line-height:1.4}input:focus,textarea:focus,select:focus{border-color:var(--bronze);box-shadow:0 0 0 3px color-mix(in srgb,var(--bronze) 22%,transparent)}input::placeholder,textarea::placeholder{color:var(--fog-dim)}.otp{text-align:center;font-size:30px!important;font-weight:800;letter-spacing:.4em;font-variant-numeric:tabular-nums;padding-left:.4em!important}.code-input{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.duration{display:flex;align-items:center;gap:6px}.duration input{text-align:center;padding-left:6px;padding-right:6px}.duration i{font-style:normal;color:var(--fog);font-size:14px}.search-box{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:var(--radius-sm);background:var(--ink-2);border:1px solid var(--ink-5);color:var(--fog)}.search-box input{border:0;background:none;padding-left:0;box-shadow:none!important}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{padding:10px 15px;border-radius:999px;background:var(--ink-3);border:1px solid var(--ink-5);font-weight:650;font-size:15px}.chip-btn.on{background:var(--bronze);border-color:var(--bronze);color:var(--ink)}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.03em;background:var(--ink-4);color:var(--fog)}.chip.bronze{background:color-mix(in srgb,var(--bronze) 18%,transparent);color:var(--bronze-light)}.chip.kind{background:color-mix(in srgb,var(--kind) 18%,transparent);color:var(--kind);text-transform:uppercase}.rpe{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.rpe button{height:44px;border-radius:11px;background:var(--ink-3);border:1px solid var(--ink-5);font-weight:750;text-align:center}.rpe button.on[data-level=low]{background:var(--green);color:var(--ink);border-color:transparent}.rpe button.on[data-level=mid]{background:var(--bronze);color:var(--ink);border-color:transparent}.rpe button.on[data-level=high]{background:var(--red);color:#fff;border-color:transparent}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:14px;background:var(--ink-2);border:1px solid var(--ink-4)}.segmented button{min-height:40px;border-radius:10px;font-weight:700;font-size:15px;color:var(--fog);text-align:center;padding:0 8px}.segmented button.on{background:var(--ink-4);color:var(--snow);box-shadow:inset 0 0 0 1px var(--ink-5)}.segmented.small{padding:3px;border-radius:11px}.segmented.small button{min-height:32px;font-size:13px;border-radius:8px;padding:0 10px}.vis-picker{display:flex;flex-direction:column;gap:8px}.vis-picker small{color:var(--fog)}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative;cursor:pointer}.toggle-row+.toggle-row{border-top:1px solid var(--ink-4)}.toggle-row>span{flex:1;display:flex;flex-direction:column;gap:2px}.toggle-row strong{font-weight:650}.toggle-row small{color:var(--fog)}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{width:50px;height:30px;border-radius:15px;background:var(--ink-5);position:relative;flex:none;transition:background .15s}.toggle-row i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.toggle-row input:checked+i{background:var(--bronze)}.toggle-row input:checked+i:after{transform:translate(20px)}.card{background:var(--ink-2);border:1px solid var(--ink-4);border-radius:var(--radius)}.pad-card{padding:16px}.avatar{border-radius:50%;background:linear-gradient(145deg,var(--ink-5),var(--ink-3));color:var(--bronze-light);font-weight:800;display:inline-grid;place-items:center;overflow:hidden;flex:none;letter-spacing:.02em}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.emblem{display:inline-grid;place-items:center;border-radius:30%;border:1px solid;flex:none}.post{padding:14px 14px 6px;display:flex;flex-direction:column;gap:12px}.post>header{display:flex;align-items:center;gap:4px}.post-author{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.post-author>span:not(.avatar){display:flex;flex-direction:column;min-width:0}.post-author strong{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-author small{color:var(--fog);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-vis{color:var(--fog-dim);padding:0 6px}.post-main.tappable{cursor:pointer}.post-session,.post-level{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.post-session{border-left:3px solid var(--kind);padding-left:12px}.post-level{border-left:3px solid var(--bronze);padding-left:12px}.post h3{font-size:19px;font-weight:800;letter-spacing:-.01em}.stats{display:flex;flex-wrap:wrap;gap:6px 22px}.stat{display:flex;flex-direction:column}.stat b{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat span{font-size:11.5px;color:var(--fog);text-transform:uppercase;letter-spacing:.08em;font-weight:650}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#e4e4e2}.post-text.big{font-size:17px}.post>footer{display:flex;gap:4px;border-top:1px solid var(--ink-4);padding-top:4px}.action{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--fog);font-weight:700;font-size:14.5px}.action:active{background:var(--ink-3)}.action.respect.on{color:var(--bronze-light)}.action.respect.on .icon{filter:drop-shadow(0 0 8px rgba(210,154,58,.55))}.comments{display:flex;flex-direction:column;gap:14px;padding:4px 4px 0}.comment{display:flex;gap:10px;align-items:flex-start}.comment>div{flex:1;min-width:0}.comment small{color:var(--fog-dim)}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#e4e4e2}.screen.with-composer{padding-bottom:calc(76px + var(--safe-bottom))}.composer{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;z-index:30;display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + var(--safe-bottom));background:color-mix(in srgb,var(--ink-2) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--ink-4)}.composer input{border-radius:999px;min-height:44px;padding:8px 16px}.spinner{width:30px;height:30px;margin:36px auto;border-radius:50%;border:3px solid var(--ink-5);border-top-color:var(--bronze);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:36px 30px 8px}.empty img{opacity:.9;filter:drop-shadow(0 8px 20px rgba(179,0,15,.25))}.empty p{color:var(--fog);max-width:34ch}.empty .btn{max-width:340px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-bottom) + 22px);z-index:60;max-width:min(92vw,480px);padding:12px 18px;border-radius:14px;background:var(--snow);color:var(--ink);font-weight:650;text-align:center;box-shadow:0 14px 40px #00000080;animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0000009e;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 18px calc(18px + var(--safe-bottom));border-radius:26px 26px 0 0;background:var(--ink-2);border:1px solid var(--ink-4);border-bottom:0;animation:slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes slide{0%{transform:translateY(40px);opacity:0}}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--ink-5);align-self:center;margin-bottom:4px}.screen.auth{min-height:100dvh;justify-content:center;padding:calc(var(--safe-top) + 28px) 26px calc(var(--safe-bottom) + 28px);gap:18px;background:radial-gradient(120% 60% at 50% 0%,rgba(179,0,15,.16),transparent 60%),radial-gradient(90% 50% at 50% 12%,rgba(210,154,58,.1),transparent 70%)}.auth-intro{text-align:center;color:var(--fog);font-size:17px;margin-bottom:6px}.team-row{display:flex;align-items:center;gap:14px;padding:14px;width:100%}.team-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.team-row strong{font-size:17px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-row small{color:var(--fog)}.team-row>.icon{transform:rotate(180deg);color:var(--fog-dim)}.team-head,.profile-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:4px 22px 0}.team-form-preview{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:19px}.picker{display:flex;flex-wrap:wrap;gap:8px}.picker button{padding:4px;border-radius:16px;border:2px solid transparent}.picker button.on{border-color:var(--snow)}.picker.colors i{display:block;width:36px;height:36px;border-radius:50%}.invite{margin:0 14px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--bronze) 12%,var(--ink-2)),var(--ink-2) 60%);border-color:color-mix(in srgb,var(--bronze) 35%,var(--ink-4))}.invite .code{align-self:stretch;text-align:center;padding:12px;border-radius:var(--radius-sm);border:1px dashed color-mix(in srgb,var(--bronze) 60%,transparent);font:800 26px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--bronze-light)}.board{display:flex;flex-direction:column;gap:8px}.board-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--ink-2);border:1px solid var(--ink-4);width:100%}.board-row.me{border-color:color-mix(in srgb,var(--bronze) 55%,transparent)}.rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--ink-4);color:var(--fog);flex:none}.rank.r1{background:linear-gradient(145deg,var(--bronze-light),var(--bronze));color:var(--ink)}.rank.r2{background:#c9ced6;color:var(--ink)}.rank.r3{background:#a8703f;color:var(--ink)}.board-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.board-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.bar{display:block;height:5px;border-radius:3px;background:var(--ink-4);overflow:hidden}.bar b{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--bronze-deep),var(--bronze-light))}.board-value{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bio{color:#e4e4e2;max-width:40ch;white-space:pre-wrap}.follow-counts{display:flex;gap:22px;color:var(--fog);margin:2px 0 6px}.follow-counts b{color:var(--snow);font-weight:800}.profile-head .btn{max-width:320px;white-space:nowrap;padding:0 14px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.tiles.three{grid-template-columns:repeat(3,1fr)}.tile{background:var(--ink-2);border:1px solid var(--ink-4);border-radius:16px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.tile b{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile span{font-size:11.5px;color:var(--fog);text-transform:uppercase;letter-spacing:.07em;font-weight:650}.avatar-edit{position:relative;border-radius:50%}.avatar-edit>span{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:var(--bronze);color:var(--ink);display:grid;place-items:center;border:3px solid var(--ink)}.row-item{display:flex;align-items:center;gap:6px;padding:4px}.row-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:6px 4px;border-radius:14px}.row-main>span:not(.avatar){display:flex;flex-direction:column;min-width:0}.row-main strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small{color:var(--fog)}.notif{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:16px;width:100%}.notif.unread{background:color-mix(in srgb,var(--bronze) 9%,transparent)}.notif>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif small{color:var(--fog)}.dot{width:9px;height:9px;border-radius:50%;background:var(--bronze);flex:none}.install{padding:16px;display:flex;flex-direction:column;gap:10px;border-color:color-mix(in srgb,var(--bronze) 40%,var(--ink-4))}.install ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:step}.install li{display:flex;align-items:center;gap:12px}.step-icon{width:36px;height:36px;border-radius:11px;background:var(--ink-4);color:var(--bronze-light);display:grid;place-items:center;flex:none}@media(min-width:600px){.app{border-left:1px solid var(--ink-3);border-right:1px solid var(--ink-3)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}