:root{--turquoise: #00d6d8;--yellow: #f2e500;--violet: #8f5bff;--violet-text: #6350be;--ink: #020304;--ivory: #f8f7f3;--paper: #fffefa;--line: rgba(2, 3, 4, .18);--muted: #656565;--shell: 1480px;--sans: "Inter Variable", Inter, Arial, sans-serif;--mono: "IBM Plex Mono", Consolas, monospace;--ok: #0f7b3f;--danger: #b3261e}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--violet-text);outline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:9999;top:12px;left:12px;background:var(--yellow);padding:12px 16px;font-weight:800;transform:translateY(-200%)}.skip-link:focus{transform:none}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.app-main{padding-bottom:120px}.app-main--narrow{width:min(calc(100% - 48px),760px);margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.app-header{position:sticky;z-index:100;top:0;background:#f8f7f3f5;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header__inner{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;width:fit-content;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:900;letter-spacing:-.055em;line-height:1;white-space:nowrap}.brand__mark{width:11px;height:11px;background:var(--turquoise);flex:none}.app-header__nav{justify-self:center;display:flex;align-items:center;gap:clamp(18px,2.6vw,40px)}.app-header__nav a{position:relative;display:block;padding:28px 0 24px;font-family:var(--mono);font-size:.76rem;font-weight:500;text-transform:uppercase}.app-header__nav a:after{position:absolute;right:0;bottom:18px;left:0;height:3px;background:var(--turquoise);content:"";transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.app-header__nav a:hover:after,.app-header__nav a:focus-visible:after,.app-header__nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.app-header__actions{display:flex;align-items:center;justify-self:end;gap:12px}.bottom-nav{position:fixed;z-index:90;right:0;bottom:0;left:0;display:none;justify-content:space-around;padding:6px max(12px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--ivory);border-top:1px solid var(--ink)}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:64px;padding:8px 14px;border-top:3px solid transparent;font-family:var(--mono);font-size:.72rem;font-weight:500;text-transform:uppercase;color:var(--muted)}.bottom-nav a[aria-current=page]{border-top-color:var(--turquoise);color:var(--ink)}.page-head{padding:clamp(28px,4vw,56px) 0 28px;border-bottom:1px solid var(--ink);margin-bottom:28px}.page-head .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--violet-text)}.page-head .eyebrow:before{width:12px;height:12px;background:var(--yellow);content:"";flex:none}.page-title{margin:0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}.page-lead{max-width:60ch;margin:14px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}.back-link{display:inline-block;margin-bottom:18px;padding:10px 0;border-bottom:2px solid var(--turquoise);font:500 .78rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.03em}.subpage-head{width:min(calc(100% - 48px),760px);margin-inline:auto;padding-top:clamp(24px,3.5vw,48px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 20px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-family:var(--mono);font-size:.8rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn--primary{background:var(--turquoise);color:var(--ink)}.btn--primary:hover:not(:disabled){background:var(--ink);color:var(--ivory)}.btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--ivory)}.btn--quiet{border-color:transparent;padding-inline:8px;color:var(--muted);text-transform:none;letter-spacing:0}.btn--quiet:hover:not(:disabled){color:var(--ink);transform:none;text-decoration:underline;text-decoration-color:var(--turquoise);text-decoration-thickness:2px;text-underline-offset:4px}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:var(--paper)}.btn--small{min-height:44px;padding:8px 16px;font-size:.74rem}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-busy=true],.btn.is-busy{cursor:wait}.form{display:grid;gap:24px}.field{display:grid;gap:8px}.field label{font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{min-height:48px;width:100%;padding:12px 14px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink)}.field textarea{min-height:128px;resize:vertical;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field select{appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23020304' stroke-width='2'/%3E%3C/svg%3E");background-position:calc(100% - 18px) center;background-size:12px 8px;background-repeat:no-repeat}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--violet-text);outline-offset:2px;border-color:var(--ink)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger);outline-color:var(--danger)}.field__hint{color:var(--muted);font-size:.85rem}.field__hint a{color:var(--ink);border-bottom:2px solid var(--turquoise)}.field__error{color:var(--danger);font-size:.85rem}.field input[type=file]{min-height:48px;padding:10px 12px;background:var(--paper)}.choice{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;font-size:.95rem;line-height:1.6;cursor:pointer}.choice input{width:18px;height:18px;margin:4px 0 0;accent-color:var(--ink);flex:none}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:0;background:transparent;cursor:pointer;font-family:var(--mono);font-size:.76rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;transition:background .15s ease,color .15s ease}.filter:hover,.filter[aria-current],.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.card{border:1px solid var(--line);background:var(--paper)}.card--pad{padding:24px}.win-card{border:1px solid var(--line);background:var(--paper);padding:22px;margin-bottom:18px}.win-card__head{display:flex;gap:12px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover}.avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--ivory);font-family:var(--mono);font-weight:500}.win-card__author{display:grid;gap:2px;min-width:0}.win-card__author strong{overflow-wrap:anywhere}.win-card__meta{color:var(--muted);font-size:.72rem}.win-card__parent{margin:14px 0 0;color:var(--muted);font-size:.78rem}.win-card__parent a{border-bottom:2px solid var(--turquoise)}.win-card__body{margin:14px 0;font-size:1.1rem;line-height:1.65;overflow-wrap:anywhere}.win-card__body a:hover{text-decoration:underline;text-decoration-color:var(--turquoise);text-decoration-thickness:2px;text-underline-offset:4px}.win-card__media{max-width:100%;border:1px solid var(--line);margin-bottom:14px}.win-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.win-card__stat{color:var(--muted);font-size:.78rem}.win-card__treelink{color:var(--muted);font-size:.75rem;text-transform:uppercase;border-bottom:2px solid var(--line)}.win-card__treelink:hover{color:var(--ink);border-bottom-color:var(--turquoise)}.inspire{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:0;background:transparent;cursor:pointer;font-family:var(--mono);font-size:.78rem;font-weight:500;transition:background .15s ease,color .15s ease}.inspire:hover:not(:disabled){background:var(--yellow)}.inspire[aria-pressed=true]{background:var(--turquoise)}.inspire:disabled{opacity:.6;cursor:wait}.inspire__star{color:var(--violet-text)}.inspire[aria-pressed=true] .inspire__star{color:var(--ink)}.alert{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--paper);padding:14px 18px;margin:0 0 18px;font-size:.95rem;line-height:1.6}.alert--error{border-left-color:var(--danger);color:var(--danger)}.alert--success{border-left-color:var(--ok);color:var(--ok)}.alert--info{border-left-color:var(--turquoise);color:var(--ink)}.status{margin:0;color:var(--ok);font-size:.9rem}.empty{border:1px solid var(--line);background:var(--paper);padding:clamp(28px,5vw,48px);max-width:640px}.empty p{margin:0 0 12px;line-height:1.7}.empty strong{font-size:1.2rem}.feed-foot{padding:28px 0 8px;text-align:center}.feed-foot p{color:var(--muted)}.feed-foot strong{color:var(--ink)}.auth{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.auth__top{width:min(100%,420px);margin-bottom:32px}.auth__card{width:min(100%,420px);border:1px solid var(--line);background:var(--paper);padding:clamp(24px,4vw,36px)}.auth__title{margin:16px 0 8px;font-size:clamp(1.9rem,5vw,2.5rem);font-weight:900;letter-spacing:-.05em;line-height:1.05}.auth__lead{margin:0 0 28px;color:var(--muted);line-height:1.7}.auth__foot{margin:18px 0 0;font-size:.9rem}.auth__foot a{border-bottom:2px solid var(--turquoise)}.profile-head{display:grid;gap:10px;padding:clamp(24px,4vw,40px) 0 28px;border-bottom:1px solid var(--ink);margin-bottom:28px}.profile-head h1{margin:0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere}.profile-head .mono{color:var(--muted)}.profile-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin:8px 0 0;font-size:.95rem}.profile-stats a{border-bottom:2px solid var(--turquoise)}.tree-node{margin:10px 0}.tree-node__bar{border-left:2px solid var(--line);padding-left:14px}.tree-node__author{margin:0}.tree-node__author small{color:var(--muted)}.tree-node__body{margin:4px 0;font-size:1.02rem;line-height:1.6;overflow-wrap:anywhere}.tree-node__body a:hover{text-decoration:underline;text-decoration-color:var(--turquoise);text-decoration-thickness:2px;text-underline-offset:4px}.tree-toggle{min-height:44px;padding:8px 0;border:0;background:none;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}.tree-toggle:hover{color:var(--ink)}.tree-deleted{margin:10px 0;color:var(--muted);font-size:.9rem}.tree-more{margin:8px 0 12px}.tree-more .btn{min-height:44px}.settings-nav{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px}.settings-section{border:1px solid var(--line);background:var(--paper);padding:clamp(20px,3vw,28px);margin-bottom:24px}.settings-section h2{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.025em}.settings-section>p{margin:0 0 20px;color:var(--muted);line-height:1.7}.settings-section--danger{border-left:3px solid var(--danger)}.blocked-list{list-style:none;margin:0;padding:0}.blocked-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.blocked-list li:last-child{border-bottom:0}.mt-48{margin-top:48px}.mt-12{margin-top:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.modal-overlay{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0203048c}.modal{width:min(100%,560px);max-height:min(88vh,720px);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--ink);border-radius:0}.modal--sheet{align-self:flex-end}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.modal__title{margin:0;font-size:1.1rem;letter-spacing:-.02em}.modal__close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:1rem}.modal__close:hover{background:var(--ink);color:var(--ivory)}.modal__body{padding:22px;overflow-y:auto}.modal__actions{display:flex;flex-wrap:wrap;gap:12px;padding:16px 22px 22px}.share-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.share-preview{width:100%;border:1px solid var(--line);background:var(--ink)}.share-url{margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);background:var(--ivory);color:var(--muted);font-size:.8rem;word-break:break-all}.join-done{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}.join-done h1{margin:16px 0 12px;font-size:clamp(2rem,6vw,3.2rem);font-weight:900;letter-spacing:-.05em;line-height:1.02}.join-done p{max-width:40ch;margin:0 0 12px;color:var(--muted);line-height:1.7}.join-done__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:20px}.parent-note{border:1px solid var(--line);border-left:3px solid var(--turquoise);background:var(--paper);padding:18px;margin-bottom:24px}.parent-note p{margin:8px 0 0;line-height:1.6}.parent-note .mono{color:var(--muted)}.image-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.image-preview img{width:96px;height:96px;object-fit:cover;border:1px solid var(--line)}.counter{color:var(--muted);font-family:var(--mono);font-size:.75rem}.counter[data-low=true]{color:var(--danger)}.welcome{padding:clamp(28px,4vw,56px) 0}.welcome__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}.welcome h1{margin:0 0 18px;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:900;letter-spacing:-.055em;line-height:1.02}.welcome h1 span:nth-child(2){color:var(--violet-text)}.welcome__lead{max-width:52ch;margin:0 0 28px;font-size:1.1rem;line-height:1.7}.welcome__steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.welcome__steps li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.welcome__steps b{color:var(--violet-text);font:500 .82rem/1.6 var(--mono)}.welcome__steps p{margin:0;line-height:1.65}@media(max-width:1120px){.app-header__inner{gap:16px}.app-header__nav{gap:20px}.welcome__grid{grid-template-columns:1fr;gap:28px}}@media(max-width:820px){html{scroll-padding-top:80px}.shell,.app-main--narrow,.subpage-head{width:min(calc(100% - 28px),var(--shell))}.app-header__inner{min-height:66px;grid-template-columns:1fr auto;gap:12px}.app-header__nav{display:none}.bottom-nav{display:flex}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-height:92dvh;border-bottom:0;border-left:0;border-right:0}.win-card{padding:18px}.win-card__actions{gap:10px}}@media(max-width:560px){body{font-size:15px}.win-card__actions .btn--small{width:100%}.join-done__actions{align-items:stretch;flex-direction:column;width:100%}.join-done__actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}