.tb-wrap{--tb-ink:#1c2440;--tb-sub:#5f6b93;--tb-card:#fffdf9;--tb-line:#eae7dd;--tb-noor:#e0a94a;--tb-noor2:#c98a2a;--tb-mint:#3f8f78;max-width:640px;margin:0 auto;padding:clamp(18px,4vw,40px) clamp(16px,4vw,28px) 72px}@media (prefers-color-scheme:dark){.tb-wrap{--tb-ink:#eef1fb;--tb-sub:#9aa6d0;--tb-card:#161d38;--tb-line:#26304f}}.tb-age{display:flex;align-items:center;gap:12px;margin:8px 0 22px;font-size:.82rem;font-weight:700;color:var(--tb-sub)}.tb-age>span{flex:none}.tb-age input[type=range]{flex:1 1;accent-color:var(--tb-noor)}.tb-age-out{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;color:var(--tb-noor2);min-width:3ch;text-align:right}.tb-card,.tb-empty{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--tb-card),color-mix(in srgb,var(--tb-card) 92%,var(--tb-noor) 8%));border:1px solid var(--tb-line);border-radius:20px;padding:26px 24px 22px;box-shadow:0 1px 2px rgba(28,36,64,.05),0 18px 46px rgba(28,36,64,.1)}.tb-halo{position:absolute;inset:-40% 30% auto -10%;height:220px;background:radial-gradient(circle at 30% 30%,rgba(224,169,74,.22),transparent 60%);pointer-events:none;opacity:.8;transition:opacity .5s ease}.tb-glow .tb-halo{opacity:1;animation:tb-pulse .7s ease}@keyframes tb-pulse{0%{transform:scale(.9);opacity:.5}50%{opacity:1}to{transform:scale(1.15);opacity:.7}}@media (prefers-reduced-motion:reduce){.tb-glow .tb-halo{animation:none}}.tb-window{display:inline-block;font-size:.72rem;letter-spacing:.06em;color:var(--tb-mint)}.tb-draft,.tb-window{font-weight:800;text-transform:uppercase}.tb-draft{float:right;font-size:.6rem;letter-spacing:.04em;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--tb-noor) 20%,transparent);color:var(--tb-noor2)}.tb-do{font-size:1.3rem;font-weight:700;line-height:1.36;margin:12px 0 18px;text-wrap:balance;color:var(--tb-ink)}.tb-src{border-top:1px solid var(--tb-line);padding-top:14px}.tb-src-row{display:flex;gap:10px;align-items:baseline;font-size:.84rem;color:var(--tb-sub);margin-bottom:8px}.tb-k{flex:none;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px}.tb-k-dev{background:#e7f1ee;color:#2c6b58}.tb-k-sun{background:#f6ecd8;color:#8a6316}@media (prefers-color-scheme:dark){.tb-k-dev{background:#1c3b33;color:#7fd3ba}.tb-k-sun{background:#3a2f18;color:#e6b866}}.tb-replies{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.tb-r{font-size:.84rem;font-weight:700;padding:10px 18px;border-radius:12px;border:1px solid var(--tb-line);background:var(--tb-card);color:var(--tb-ink);cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease}.tb-r:hover{border-color:var(--tb-noor)}.tb-r:active{transform:translateY(1px)}.tb-r:focus-visible{outline:2px solid var(--tb-noor);outline-offset:2px}.tb-r-done{background:var(--tb-mint);color:#fff;border-color:var(--tb-mint)}.tb-r-done:hover{border-color:var(--tb-mint);filter:brightness(1.05)}.tb-empty h2{font-size:1.15rem;margin:6px 0 8px;color:var(--tb-ink)}.tb-empty p{color:var(--tb-sub);font-size:.92rem;margin:0}.tb-meter{margin-top:26px}.tb-bar{height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--tb-noor) 16%,transparent)}.tb-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--tb-noor),var(--tb-noor2));transition:width .5s cubic-bezier(.16,1,.3,1)}.tb-mrow{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin:10px 0 4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tb-mrow,.tb-note{color:var(--tb-sub)}.tb-note{font-size:.74rem;margin:0;opacity:.85}.tb-handoff{display:block;text-decoration:none;margin-top:22px;padding:18px 20px;border-radius:16px;border:1px solid var(--tb-mint);background:color-mix(in srgb,var(--tb-mint) 12%,var(--tb-card));transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.tb-handoff:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(63,143,120,.22)}.tb-handoff:focus-visible{outline:2px solid var(--tb-mint);outline-offset:3px}.tb-handoff-eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tb-mint)}.tb-handoff-title{display:block;font-size:1.06rem;font-weight:800;margin:4px 0;color:var(--tb-ink)}.tb-handoff-lead{display:block;font-size:.85rem;color:var(--tb-sub);line-height:1.4}