.shelf{--ground:#0b0d10;--surface:#11151a;--raise:#11151a;--line:#20262e;--ink:#f4f2ee;--muted:#a7abb2;--dim:#858b92;--acid:#d9ff3d;--on-acid:#0b0d10;--warn:#ff9e6b;--warn-soft:#2a1a12;--cool:#8ab4ff;--ok:#9be28a;--display:"Anton",Impact,"Arial Narrow",sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:dark;min-height:100dvh;background:var(--ground);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}html:has(.shelf) body{background:#0b0d10}.shelf *{box-sizing:border-box}.shelf h1,.shelf h2{text-wrap:balance}.shelf a{color:inherit}.shelf button{font:inherit;cursor:pointer}.shelf a:focus-visible,.shelf button:focus-visible,.shelf input:focus-visible,.shelf select:focus-visible,.shelf summary:focus-visible,.shelf textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.shelf button:disabled{opacity:.55;cursor:default}.shelf .nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--ground);border-bottom:1px solid var(--line)}.shelf .nav-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding-block:8px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.shelf .logo{font:400 24px/1 var(--display);letter-spacing:.02em;color:var(--ink);text-transform:uppercase}.shelf .tabs{display:flex;gap:4px}.shelf .nav-tools{display:flex;align-items:center;gap:8px}.shelf .tab{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:999px;padding:0 16px;height:40px;font-size:15px;display:inline-flex;align-items:center}.shelf .tab[aria-current=page]{color:var(--on-acid);background:var(--ink);border-color:var(--ink)}.shelf .tabbar{display:none}.shelf .main{max-width:1080px;margin:0 auto;padding-block:36px 64px;animation:shelf-in .22s ease-out both;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.shelf .kick{font:400 12px/1.4 var(--mono);letter-spacing:.12em;color:var(--muted);margin:0}.shelf .h,.shelf .kick{text-transform:uppercase}.shelf .h{font:400 clamp(34px,5vw,48px)/.95 var(--display);margin:0 0 14px;letter-spacing:.005em}.shelf .h2{font:400 30px/1 var(--display);text-transform:uppercase;margin:0 0 8px}.shelf .sub{color:var(--muted);font-size:16px;line-height:1.55;max-width:62ch;margin:0 0 18px}.shelf .grid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}.shelf .col,.shelf .doors-content{min-width:0}.shelf .empty-state{max-width:620px;padding:8px 0 4px}.shelf .page-intro{margin-bottom:6px}.shelf .empty-action{margin-top:0}.shelf .search-action{margin:0 0 24px}.shelf .search-content{gap:48px}.shelf .search-activity{max-width:68ch;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:var(--muted)}.shelf .activity-detail,.shelf .activity-status{font-size:14px;line-height:1.55;margin:0 0 8px;max-width:62ch}.shelf .search-activity summary{display:list-item;min-height:44px;padding:10px 0;font-size:14px;color:var(--ink);cursor:pointer}.shelf .panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px 22px}.shelf .status{font:400 12px/1.9 var(--mono);color:var(--muted);letter-spacing:.04em;margin:0}.shelf .status b{color:var(--ink);font-weight:500}.shelf .ledger{margin:0;border-top:1px solid var(--line)}.shelf .ledger>div{display:grid;grid-template-columns:108px minmax(0,1fr);grid-gap:16px;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.shelf .ledger dt{font:500 10.5px/1.9 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.shelf .ledger dd{margin:0;min-width:0;overflow-wrap:anywhere}.shelf .btn{padding:11px 20px;border-radius:8px;border:1px solid transparent;background:var(--acid);color:var(--on-acid)}.shelf .btn,.shelf .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;font:500 15px/1.35 var(--body);text-decoration:none;white-space:normal;text-align:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.shelf .ghost{padding:11px 18px;border-radius:8px;border:1px solid var(--line);color:var(--ink);background:transparent}.shelf .ghost.dark{border-color:var(--ink)}.shelf .linkbtn{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:8px 0;color:var(--cool);text-decoration:underline;text-underline-offset:3px;font-size:14px}.shelf .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}.shelf .err{color:var(--warn);font-size:13.5px;margin:10px 0 0}.shelf .door{min-width:0;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px 24px 18px;margin-bottom:14px}.shelf .door.opened{border-color:var(--ink)}.shelf .door .co{font:400 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.shelf .door .t{font:400 26px/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:8px 0}.shelf .door .m{font-size:15px;color:var(--muted);margin:0}.shelf .door .why{margin:14px 0 0;font-size:16px;line-height:1.55;max-width:62ch}.shelf .door .catch{margin:12px 0 0;font-size:16px;background:var(--warn-soft);border-left:2px solid var(--warn);padding:8px 11px;border-radius:0 8px 8px 0;max-width:62ch}.shelf .door .catch b{color:var(--warn);font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-right:8px}.shelf .door .foot{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px;font:400 11px/1.5 var(--mono);letter-spacing:.06em;color:var(--dim)}.shelf .ask{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);font-size:14.5px}.shelf .ask p{margin:0}.shelf .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.shelf .chip{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:0 16px;height:44px;font-size:16px;display:inline-flex;align-items:center}.shelf .chip[aria-pressed=true]{background:var(--ink);color:var(--on-acid);border-color:var(--ink)}.shelf .line{display:block;width:100%;margin-top:12px;background:transparent;border:0;border-bottom:1.5px solid #3a434e;color:var(--ink);padding:10px 0;font-size:20px;border-radius:0;outline:0;caret-color:var(--ink)}.shelf .line:focus{border-bottom-color:var(--ink)}.shelf .line::placeholder{color:var(--dim)}.shelf .stage{display:flex;gap:4px;margin-top:12px;max-width:340px}.shelf .stage i{flex:1 1;height:4px;border-radius:2px;background:var(--line)}.shelf .stage i.on{background:var(--ink)}.shelf .select{height:44px;border:1px solid var(--line);border-radius:999px;background:var(--ground);color:var(--ink);padding:0 14px;font-size:15px}.shelf .rowline{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.shelf .rowline .r,.shelf .rowline>span:first-child{min-width:0;overflow-wrap:anywhere}.shelf .rowline .r{color:var(--muted);font:400 12px var(--mono);max-width:60%;text-align:right}.shelf .join{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.shelf .kept{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}.shelf .kept li{font:400 12px var(--mono);border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--muted)}.shelf .plans-tile{background:transparent;color:var(--ink);padding:0}.shelf .preview{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:13.5px;color:var(--muted)}.shelf .closed{margin-top:28px}.shelf textarea.line{resize:vertical;font:inherit}.shelf .settings-content{max-width:760px;min-width:0}.shelf .settings-section{margin-top:32px;min-width:0}.shelf .section-title{font:400 24px/1.05 var(--display);text-transform:uppercase;margin:0 0 12px;color:var(--ink)}.shelf .account-rows{border-top:1px solid var(--line)}.shelf .settings-content .plans-tile{min-width:0;overflow-wrap:anywhere}.shelf .settings-content .plans-tile button{min-height:44px;max-width:100%;font-size:14px!important;line-height:1.35;border-radius:8px!important}.shelf .settings-content .plans-tile input{min-height:44px}.shelf .settings-content .plans-tile a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.shelf .danger{margin-top:36px;padding:24px 0 0;border-top:1px solid var(--line);max-width:760px}.shelf .danger .sub{margin-bottom:0}.shelf .join .h{font-size:36px;margin-top:10px}.shelf .kick.warn,.shelf .warnline b{color:var(--warn)}.shelf .warnline{margin:0;font-size:15px}.shelf .ghost.warn{border-color:var(--warn);color:var(--warn)}.shelf .danger-tile{margin-top:16px;padding:0}.shelf .danger-tile:focus{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}.shelf .closed .rowline{opacity:.85}@media (max-width:820px){html:has(.shelf){scroll-padding-block:16px calc(84px + env(safe-area-inset-bottom,0px))}.shelf .grid2{grid-template-columns:1fr}.shelf .nav{position:static}.shelf .tab.settings,.shelf .tabs{display:none}.shelf .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--ground);border-top:1px solid var(--line);gap:4px;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.shelf .tabbar button{flex:1 1;min-width:0;min-height:44px;background:transparent;border:0;color:var(--muted);font:500 13px/1.25 var(--body);padding:8px 2px;border-radius:8px;overflow-wrap:anywhere}.shelf .tabbar button[aria-current=page]{color:var(--on-acid);background:var(--ink)}.shelf .logo{font-size:19px}.shelf .main{padding-block:24px calc(100px + env(safe-area-inset-bottom,0px))}.shelf .main :is(button,a,input,textarea,select,summary,[tabindex]){scroll-margin-block:16px calc(84px + env(safe-area-inset-bottom,0px))}.shelf .door{padding:20px 18px 16px}.shelf .btn,.shelf .ghost{min-height:48px;border-radius:10px;font-size:16px;font-weight:600}.shelf .ghost{font-weight:500}.shelf .door .acts.split .btn{flex:1 1 100%}.shelf .door .acts.split .ghost{flex:1 1}.shelf input,.shelf select,.shelf textarea{font-size:16px!important}.shelf .settings-section{margin-top:28px}.shelf .join .h{font-size:30px}}@media(max-width:600px){.shelf .ledger>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0}.shelf .ledger dt{font-size:11px;line-height:1.4}.shelf .ledger dd{font-size:16px;line-height:1.55}.shelf .rowline{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 0}.shelf .rowline .r{max-width:100%;text-align:left;font:400 15px/1.5 var(--body)}.shelf .rowline .linkbtn{padding-block:6px}.shelf .search-content{gap:28px}}@keyframes shelf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.shelf *{transition:none!important;animation:none!important}}