.ob-state{text-align:center;padding:1.6rem 1.2rem;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);margin:0}.ob-state[hidden]{display:none}.ob-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.8rem}.ob-list:empty{display:none}.ob-item{min-width:0}.ob-card{display:flex;flex-direction:column;gap:.45rem;height:100%;box-sizing:border-box;padding:1rem 1.1rem .9rem;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ob-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text)}.st-making>.ob-card{border-top-color:#f59e0b}.st-done>.ob-card{border-top-color:#10b981}.is-fresh>.ob-card{border:2px solid #10b981;border-top-width:4px}.ob-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ob-st,.ob-scene,.ob-fresh,.ob-newmark,.ob-kind,.ob-sleep{font-size:.72rem;font-weight:800;border-radius:var(--radius-pill);padding:.12rem .6rem;border:1px solid var(--border-strong);color:var(--text-muted);background:var(--bg-elev);line-height:1.5}.ob-newmark{color:#fff;background:#ef4444;border-color:#ef4444;letter-spacing:.06em}.ob-fresh{color:#fff;background:#10b981;border-color:#10b981}.ob-st.st-open{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ob-st.st-making{color:#b45309;border-color:#fcd34d;background:#fef3c7}.ob-st.st-done{color:#047857;border-color:#6ee7b7;background:#ecfdf5}.ob-st.st-found{color:#0e7490;border-color:#67e8f9;background:#ecfeff}.st-found>.ob-card{border-top-color:#06b6d4}.ob-kind{color:#0e7490;border-color:#67e8f9}.ob-sleep{color:var(--text-soft);background:var(--bg-subtle)}.is-sleep>.ob-card{opacity:.78}.ob-title{font-size:1.05rem;line-height:1.5;margin:0;overflow-wrap:anywhere}.ob-sub{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ob-sub span{font-weight:700;color:var(--text-soft)}.ob-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin-top:auto;padding-top:.3rem;font-size:.8rem;color:var(--text-soft)}.ob-n{font-weight:700;color:var(--text-muted)}.ob-n-mk{color:#b45309}.ob-first{font-weight:700;color:var(--accent)}.ob-near{font-size:.72rem;font-weight:700;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);padding:0 .5rem}.ob-invite>a{display:flex;flex-direction:column;justify-content:center;gap:.3rem;height:100%;box-sizing:border-box;padding:1rem 1.1rem;border:2px dashed var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-weight:800;text-align:center}.ob-invite>a small{font-weight:600;color:var(--text-muted);font-size:.8rem}.ob-invite>a:hover{background:var(--bg-elev)}.ob-stats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.ob-stats.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ob-stats li[hidden]{display:none}.ob-stats li{min-width:0;text-align:center;padding:.8rem .5rem;border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border)}.ob-stats b{display:block;font-size:1.7rem;line-height:1.2;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.ob-stats b small{font-size:.85rem;font-weight:800;margin-left:.1em}.ob-stats b i{font-style:normal}.ob-stats .ob-stl{display:block;font-size:.8rem;font-weight:700;color:var(--text-muted)}.ob-stats em{display:block;font-style:normal;font-size:.72rem;font-weight:700;color:var(--accent);margin-top:.2rem}.ob-stats em:empty{display:none}.done-band{border:2px solid #6ee7b7;background:linear-gradient(120deg,#ecfdf5,#fefce8);border-radius:var(--radius);padding:.9rem 1.1rem;margin:0 0 1.4rem}.db-head{margin:0 0 .4rem;font-weight:900;color:#065f46;font-size:1.02rem}.db-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.db-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;overflow-wrap:anywhere}.db-title{font-weight:800;color:var(--text)}.db-who{font-size:.85rem;color:var(--text-muted)}.db-who a,.db-who strong{font-weight:700}.db-go{font-weight:800;color:#047857}.ob-stats-note{display:none}@media(max-width:768px){.ob-list{gap:.5rem}.ob-card{padding:.7rem .85rem .65rem;gap:.3rem}.ob-chips{flex-wrap:nowrap;overflow:hidden}.ob-chips>*{white-space:nowrap;flex:none}.ob-title{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ob-sub{font-size:.9375rem;-webkit-line-clamp:1}.ob-foot{font-size:.85rem;padding-top:.1rem}.ob-invite>a{padding:.7rem .9rem;min-height:44px}.ob-invite>a small{font-size:.85rem}.ob-newmark{background:#dc2626;border-color:#dc2626}.ob-stats,.ob-stats.is-4{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}.ob-stats li{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3rem;padding:.45rem .3rem;border-radius:999px}.ob-stats b{display:inline;font-size:1.15rem}.ob-stats b small{font-size:.75rem}.ob-stats .ob-stl{display:inline;order:-1;font-size:.75rem}.ob-stats em{display:none}.ob-stats-note:not(:empty){display:block;margin:.35rem 0 0;text-align:center;font-size:.9375rem;font-weight:700;color:var(--accent)}.done-band{padding:.7rem .9rem;margin:0 0 1rem}}@media(max-width:768px)and (prefers-color-scheme:dark){.ob-st.st-open,.ob-invite>a{color:#aaa6ff}}@media(prefers-color-scheme:dark){.ob-st.st-making{background:#fcd34d1f;color:#fcd34d;border-color:#fcd34d66}.ob-st.st-done{background:#6ee7b71a;color:#6ee7b7;border-color:#6ee7b766}.ob-n-mk{color:#fcd34d}.ob-st.st-found,.ob-kind{color:#67e8f9;border-color:#67e8f973;background:#67e8f914}.done-band{background:linear-gradient(120deg,#10b9811f,#facc1514);border-color:#6ee7b773}.db-head{color:#a7f3d0}.db-go{color:#6ee7b7}}.act{min-width:0}.act[hidden]{display:none}.act-h{margin:0 0 .4rem;font-size:1rem;font-weight:900}.act-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.15rem}.act-list>li{min-width:0}.act-row{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.3rem .5rem;border-radius:8px;color:var(--text);font-size:.88rem;line-height:1.5}.act-row:hover{background:var(--bg-elev);color:var(--text)}.act-mk{flex:none;width:1.6rem;height:1.6rem;display:inline-grid;place-items:center;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);font-size:.8rem}.act-tx{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-t{flex:none;font-size:.75rem;color:var(--text-soft)}.act-full{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:.8rem .8rem .6rem;margin:0 0 1.6rem}.act-mini .act-h{font-size:.72rem;font-weight:800;color:var(--text-soft);margin:0 0 .15rem .5rem}.act-mini .act-row{font-size:.8rem;padding:.15rem .5rem}.act-mini .act-mk{width:1.3rem;height:1.3rem;font-size:.7rem}.act-more{display:none}@media(max-width:768px){.act-row,.act-mini .act-row{min-height:44px;font-size:.9rem;padding:.2rem .4rem}.act-mini .act-h,.act-t{font-size:.8rem}.act-mini .act-list>li:nth-child(n+3),.act-full:not(.is-all) .act-list>li:nth-child(n+5){display:none}.act.has-more .act-more:not([hidden]){display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem;font:inherit;font-size:.9rem;font-weight:700;color:var(--accent);background:none;border:0;cursor:pointer}.act-full{padding:.6rem .6rem .4rem;margin:0 0 1.2rem}}
