:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:#f7f7fb;color:#1a1a2e}.app-shell{min-height:100vh;display:flex;flex-direction:column}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.nav-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#4b3df6;color:#fff}.nav-brand{font-weight:700}.nav-spacer{flex:1}.nav-link{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}.nav-link-active{background:#fff3}.app-main{flex:1;padding:1.5rem;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.auth-form{display:flex;flex-direction:column;gap:.5rem;max-width:360px;margin:2rem auto}.auth-form input{padding:.5rem;font-size:1rem}.auth-form button[type=submit]{margin-top:.5rem;padding:.6rem;background:#4b3df6;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.link-button{background:none;border:none;color:#4b3df6;cursor:pointer;padding:0;font:inherit;text-decoration:underline}.form-error{color:#c2255c}.form-notice{color:#495057}.feed-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.feed-item{background:#fff;border-radius:.5rem;padding:.75rem 1rem;box-shadow:0 1px 2px #00000014}.feed-item-header{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.feed-item-status{font-size:.75rem;text-transform:uppercase;color:#6b7280}.feed-item-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.5rem 0 0;font-size:.85rem}.feed-item-meta dt{color:#6b7280}.feed-item-meta dd{margin:0}.record-page{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.record-meta{color:#6b7280;margin:-.5rem 0 0}.record-preview-wrap{position:relative;width:100%;max-width:480px;aspect-ratio:4 / 3;background:#111;border-radius:.5rem;overflow:hidden}.record-preview,.record-composite{width:100%;height:100%;object-fit:cover;display:block}.count-in-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;background:#00000059;pointer-events:none}.count-in-overlay-recording{font-size:1.25rem;color:#ff5c5c;align-items:flex-start;justify-content:flex-start;padding:.75rem;background:none}.record-status{color:#4b3df6;font-weight:600}.record-result{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%}.record-result-actions,.record-error-actions{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.record-composite{max-width:480px;aspect-ratio:4 / 3;background:#111}.anchor-debug{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.85rem;margin:0}.anchor-debug dt{color:#6b7280}.anchor-debug dd{margin:0}.feed-item-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.feed-item-add-to-jam{font-size:.85rem}.feed-item-grid-full{font-size:.8rem;color:#6b7280}.feed-item-name-link{background:none;border:none;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;padding:0;text-align:left}.feed-item-name-link:hover{text-decoration:underline}.feed-item-actions{gap:.5rem}.feed-item-view{font-size:.85rem}.jam-detail-page{display:flex;flex-direction:column;gap:1rem}.jam-detail-back{align-self:flex-start}.jam-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0;font-size:.85rem}.jam-detail-meta dt{color:#6b7280}.jam-detail-meta dd{margin:0}.jam-detail-video{width:100%;max-width:480px;aspect-ratio:4 / 3;background:#111;align-self:center}.jam-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.jam-detail-delete{margin-left:auto;color:#c2255c}.jam-detail-share-ready{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.jam-detail-share-ready input{flex:1;min-width:220px;padding:.4rem;font-size:.85rem}.jam-detail-comment-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.jam-detail-comment{display:flex;flex-direction:column;background:#fff;border-radius:.375rem;padding:.5rem .75rem;box-shadow:0 1px 2px #0000000f}.jam-detail-comment-author{font-weight:600;font-size:.8rem}.jam-detail-comment-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.jam-detail-comment-form textarea{padding:.5rem;font:inherit;min-height:3rem;resize:vertical}.jam-grid{display:grid;gap:.5rem;max-width:320px;aspect-ratio:1 / 1}.jam-grid-cell{display:flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.8rem;text-align:center;padding:.5rem;word-break:break-word}.jam-grid-cell-occupied{background:#4b3df6;color:#fff;font-weight:600}.jam-grid-cell-free{background:#e5e7eb;color:#6b7280;border:1px dashed #9ca3af}