.accounts{gap:1.5rem;padding-bottom:5rem;display:grid}.accounts .muted{color:var(--cc-subtle);margin:0}.accounts .card{border:1px solid var(--cc-line-soft);border-radius:var(--cc-radius);background:var(--cc-surface-soft);padding:1.25rem}.accounts .card p{margin:0}.accounts a{color:var(--cc-ink);text-decoration-color:var(--cc-chalk);text-underline-offset:3px}.accounts .error{border-radius:var(--cc-radius);color:var(--cc-ink);border:1px solid #f2797973;margin:0;padding:.9rem 1.1rem}.accounts .badge{border:1px solid var(--cc-chalk);color:var(--cc-chalk);vertical-align:.1em;border-radius:999px;margin-left:.5rem;padding:.05rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.accounts .badge.quiet{border-color:var(--cc-line);color:var(--cc-subtle);font-weight:600}.accounts .list{gap:.9rem;display:grid}.accounts .list-head{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.accounts .list-head input{border:1px solid var(--cc-line);background:var(--cc-surface);color:var(--cc-ink);font:inherit;border-radius:999px;flex:0 22rem;padding:.6rem .9rem}.accounts .table-wrap{border:1px solid var(--cc-line-soft);border-radius:var(--cc-radius);overflow-x:auto}.accounts table{border-collapse:collapse;width:100%;min-width:44rem;font-size:.92rem}.accounts th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-subtle);border-bottom:1px solid var(--cc-line-soft);padding:.7rem .9rem;font-size:.75rem;font-weight:700}.accounts td{border-bottom:1px solid var(--cc-line-soft);color:var(--cc-muted);vertical-align:middle;padding:.75rem .9rem}.accounts tbody tr{cursor:pointer}.accounts tbody tr:hover{background:#ffffff08}.accounts tbody tr:last-child td{border-bottom:0}.accounts td.who a{color:var(--cc-ink-strong);font-weight:600;text-decoration:none}.accounts td.num{font-variant-numeric:tabular-nums}.accounts .plan-cell{gap:.2rem;display:grid}.accounts .sub{color:var(--cc-subtle);font-size:.8rem}.accounts .progress{align-items:center;gap:.5rem;display:inline-flex}.accounts .bar{background:#ffffff14;border-radius:999px;width:5.5rem;height:6px;display:inline-block;overflow:hidden}.accounts .bar span{background:var(--cc-chalk);border-radius:inherit;height:100%;display:block}.accounts .progress-text{font-variant-numeric:tabular-nums;font-size:.82rem}.accounts .detail{gap:1.75rem;max-width:52rem;display:grid}.accounts .detail>p{margin:0}.accounts .detail-head h2{overflow-wrap:anywhere;margin:0;font-size:1.6rem}.accounts .badges{margin:.4rem 0 0}.accounts .badges .badge:first-child{margin-left:0}.accounts .facts{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin:0;display:grid}.accounts .facts div{border:1px solid var(--cc-line-soft);background:var(--cc-surface-soft);border-radius:12px;padding:.7rem .9rem}.accounts .facts dt{color:var(--cc-subtle);font-size:.75rem}.accounts .facts dd{color:var(--cc-ink);margin:.2rem 0 0}.accounts .block{gap:.75rem;display:grid}.accounts .block h3{margin:0;font-size:1.2rem}.accounts .plan-head{gap:.4rem;display:grid}.accounts .summary{color:var(--cc-ink);margin:0}.accounts .milestone{border:1px solid var(--cc-line-soft);border-radius:var(--cc-radius);gap:.4rem;padding:.9rem 1rem;display:grid}.accounts .milestone.done{opacity:.75}.accounts .m-title{color:var(--cc-ink-strong);flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem;margin:0;font-weight:600;display:flex}.accounts .m-num{font-family:var(--cc-serif);color:color-mix(in srgb, var(--cc-chalk) 85%, transparent)}.accounts .m-status{color:var(--cc-subtle);font-size:.8rem;font-weight:400}.accounts .done-when{font-size:.88rem}.accounts .items{gap:.45rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.accounts .item{grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;font-size:.92rem;display:grid}.accounts .kind{border:1px solid var(--cc-line);color:var(--cc-subtle);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:600}.accounts .item-main{gap:.1rem;display:grid}.accounts .item .title{color:var(--cc-ink)}.accounts .item .why{color:var(--cc-subtle);font-size:.85rem}.accounts .state{white-space:nowrap;color:var(--cc-subtle);font-size:.78rem}.accounts .state.s-got_it,.accounts .state.s-working{color:var(--cc-chalk)}.accounts .state.s-too_hard{color:#f3b3b3}.accounts .simple{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.accounts .simple li{color:var(--cc-muted);grid-template-columns:11rem 1fr auto;gap:.9rem;font-size:.92rem;display:grid}.accounts .simple .when{color:var(--cc-subtle)}.accounts .plays{flex-wrap:wrap;gap:.75rem;display:flex}.accounts .play{border:1px solid var(--cc-line-soft);border-radius:12px;align-items:start;gap:.75rem;padding:.7rem;display:flex}.accounts .play canvas{border-radius:6px}.accounts .play .title{color:var(--cc-ink);margin:0;font-weight:600}.accounts .conversation{border:1px solid var(--cc-line-soft);border-radius:12px;padding:.6rem .9rem}.accounts .conversation+.conversation{margin-top:.6rem}.accounts .conversation summary{cursor:pointer;color:var(--cc-ink)}.accounts .transcript{gap:.5rem;margin:.75rem 0 .3rem;padding:0;list-style:none;display:grid}.accounts .transcript .msg{grid-template-columns:4rem 1fr;gap:.6rem;font-size:.92rem;display:grid}.accounts .transcript .who{font-family:var(--cc-hand);color:var(--cc-chalk);font-size:1.05rem}.accounts .transcript .player .who{color:var(--cc-subtle)}.accounts .transcript p{color:var(--cc-muted);white-space:pre-wrap;margin:0}.accounts .transcript .player p{color:var(--cc-ink)}.accounts .convs{gap:.75rem;margin-top:1rem;display:grid}.accounts .convs h2{margin:0;font-size:1.4rem}.accounts .filters{flex-wrap:wrap;gap:.4rem;display:flex}.accounts .filters button{border:1px solid var(--cc-line);color:var(--cc-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.accounts .filters button[aria-pressed=true]{border-color:var(--cc-chalk);color:var(--cc-chalk)}.accounts .conversation summary{flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem;display:flex}.accounts .conversation summary .when{color:var(--cc-ink)}.accounts .conversation summary .badge{margin-left:0}.accounts .conv-plan{border-left:2px solid var(--cc-chalk);margin:.4rem 0 .2rem;padding:.75rem .9rem}.accounts .conv-plan .summary{margin:0 0 .4rem;font-size:.92rem}.accounts .conv-plan ol{gap:.25rem;margin:0;padding-left:1.2rem;font-size:.9rem;display:grid}@media (width<=600px){.accounts .simple li{grid-template-columns:1fr;gap:.1rem}.accounts .item{grid-template-columns:1fr;gap:.3rem}.accounts .kind{justify-self:start}}