:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #f6f6f2;--surface: #ffffff;--surface-muted: #ecede8;--ink: #20232a;--ink-muted: #626873;--line: #d7d9d4;--air-ink: #44435d;--air-ink-hover: #37364d;--soft-air: #e5e3f1;--on-air: #b9473d;--success: #2f7657;--warning: #8a5a12;--danger: #ac3737;--focus: #3569b7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-pill: 999px}:root[data-theme=dark]{color-scheme:dark;--canvas: #17181c;--surface: #212329;--surface-muted: #2a2d34;--ink: #f1f0ec;--ink-muted: #b7bac2;--line: #3c3f47;--air-ink: #d6d1ee;--air-ink-hover: #e4e0f7;--soft-air: #302f42;--on-air: #ff8478;--success: #72c89e;--warning: #e1b462;--danger: #ff8a87;--focus: #8cb8ff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #17181c;--surface: #212329;--surface-muted: #2a2d34;--ink: #f1f0ec;--ink-muted: #b7bac2;--line: #3c3f47;--air-ink: #d6d1ee;--air-ink-hover: #e4e0f7;--soft-air: #302f42;--on-air: #ff8478;--success: #72c89e;--warning: #e1b462;--danger: #ff8a87;--focus: #8cb8ff}}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{width:min(100% - 2rem,70rem);margin-inline:auto;padding-block:var(--space-6) var(--space-12)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:600;letter-spacing:-.01em}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-md);background:var(--air-ink);color:var(--canvas);font-size:.875rem}.phase-label{padding:.4rem .75rem;border-radius:var(--radius-pill);background:var(--soft-air);color:var(--ink);font-size:.875rem}.intro{display:grid;gap:var(--space-4);max-width:42rem;padding-block:var(--space-12)}.intro h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.25;letter-spacing:-.02em}.intro p{margin:0;color:var(--ink-muted);font-size:1rem;line-height:1.7}.work-surface{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.work-surface h2{margin:0 0 var(--space-3);font-size:1.25rem}.work-surface p{margin:0;color:var(--ink-muted);line-height:1.65}@media(max-width:36rem){.app-shell{width:min(100% - 2rem,70rem);padding-top:var(--space-4)}.app-header{align-items:flex-start}.intro{padding-block:var(--space-8)}}#root{min-height:100vh}.icon{display:block;flex:0 0 auto}.eyebrow{margin:0 0 var(--space-2);color:var(--air-ink);font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.button{min-height:46px;border:1px solid transparent;border-radius:var(--radius-md);padding:.7rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{background:var(--air-ink);color:var(--canvas)}.button-primary:hover{background:var(--air-ink-hover)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-secondary:hover{border-color:var(--air-ink);background:var(--surface-muted)}.login-page{width:min(100% - 2rem,68rem);min-height:100vh;margin-inline:auto;padding-block:clamp(2rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,27rem);align-items:center;gap:clamp(2.5rem,8vw,7rem)}.login-story{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-12);padding-block:var(--space-4)}.login-brand,.nav-brand,.mobile-brand{display:flex;align-items:center;gap:var(--space-3);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.brand-mascot{width:3rem;height:3rem;border-radius:var(--radius-md)}.login-copy{max-width:35rem}.login-copy h1{margin:0;font-size:clamp(2.25rem,6vw,4.25rem);line-height:1.12;letter-spacing:-.055em}.login-copy>p:last-child{max-width:31rem;margin:var(--space-6) 0 0;color:var(--ink-muted);font-size:1.05rem;line-height:1.9}.login-points{margin:0;padding:0;display:grid;gap:var(--space-3);list-style:none;color:var(--ink-muted);font-size:.9rem}.login-points li{display:flex;align-items:center;gap:var(--space-3)}.login-points .icon{color:var(--air-ink)}.login-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(1.5rem,4vw,2.25rem)}.login-panel-heading h2{margin:0;font-size:1.75rem;letter-spacing:-.035em}.login-panel-heading>p:last-child,.login-help{margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:.875rem;line-height:1.65}.login-form{margin-top:var(--space-8);display:grid;gap:var(--space-5)}.login-form label{display:grid;gap:var(--space-2);font-size:.875rem;font-weight:700}.login-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);color:var(--ink);padding-inline:var(--space-4);font-size:1rem}.login-form input::placeholder{color:var(--ink-muted);opacity:.75}.form-error{margin:calc(var(--space-2) * -1) 0 0;color:var(--danger);font-size:.85rem;line-height:1.55}.demo-access{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line);display:grid;gap:var(--space-3)}.demo-access>span{color:var(--ink-muted);font-size:.8rem;text-align:center}.login-help{text-align:center}.app-layout{min-height:100vh;display:grid;grid-template-columns:15rem minmax(0,1fr)}.side-navigation{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--surface);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column}.nav-brand{padding-inline:var(--space-3)}.nav-brand img,.mobile-brand img{width:2rem;height:2rem;border-radius:var(--radius-sm)}.side-navigation nav{margin-top:var(--space-8);display:grid;gap:var(--space-1)}.nav-item{position:relative;width:100%;min-height:46px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);padding-inline:var(--space-3);display:flex;align-items:center;gap:var(--space-3);font-weight:650;text-align:left;cursor:pointer}.nav-notification-badge{position:absolute;top:.35rem;right:.45rem;min-width:1.25rem;height:1.25rem;border:2px solid var(--surface);border-radius:var(--radius-pill);background:var(--on-air);padding-inline:.22rem;display:grid;place-items:center;color:#fff;font-size:.6rem;font-weight:850;line-height:1}.nav-item:hover{background:var(--surface-muted);color:var(--ink)}.nav-item.is-active{background:var(--soft-air);color:var(--air-ink)}.nav-item:disabled{cursor:not-allowed;opacity:.42}.profile-button{width:100%;margin-top:auto;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);text-align:left;cursor:pointer}.profile-button:hover{background:var(--surface-muted)}.profile-button>span:last-child{min-width:0;display:grid;gap:.1rem}.profile-button b,.profile-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button small{color:var(--ink-muted);display:flex;align-items:center;gap:var(--space-1)}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--soft-air);color:var(--air-ink);font-weight:800}.app-main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);padding-inline:clamp(1rem,4vw,2.5rem);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);background:var(--canvas)}.mobile-brand{display:none;margin-right:auto}.connection-status{min-height:36px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding-inline:var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:.8rem;font-weight:700}.connection-status.is-offline{border-color:color-mix(in srgb,var(--warning) 35%,var(--line));color:var(--warning)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--success)}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}.content{width:min(100% - 3rem,54rem);margin-inline:auto;padding-block:clamp(2rem,6vw,4.5rem) 7rem}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.page-heading h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.05em}.page-heading>div>p:last-child{margin:var(--space-3) 0 0;color:var(--ink-muted)}.sync-button{flex:0 0 auto}.sync-note{margin-top:var(--space-8);border-left:3px solid var(--success);background:var(--surface-muted);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.sync-note .icon{color:var(--success)}.sync-note span{display:grid;gap:.15rem}.sync-note b{font-size:.875rem}.sync-note small{color:var(--ink-muted)}.sync-note.is-warning{border-left-color:var(--warning)}.sync-note.is-warning .icon{color:var(--warning)}.announcement{margin-top:var(--space-6);border:1px solid var(--line);background:var(--surface);padding:var(--space-4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-4)}.announcement-label{border-radius:var(--radius-pill);background:var(--soft-air);color:var(--air-ink);padding:.28rem .55rem;font-size:.68rem;font-weight:800;white-space:nowrap}.announcement h2{margin:0;font-size:.95rem}.announcement p{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:.85rem;line-height:1.6}.script-section{margin-top:var(--space-12)}.section-heading{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.section-heading h2{margin:0;font-size:1.1rem;letter-spacing:-.02em}.section-heading>span{color:var(--ink-muted);font-size:.8rem}.section-heading button{min-height:40px;border:0;background:transparent;color:var(--air-ink);display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;cursor:pointer}.script-list{margin-top:var(--space-3);border-block:1px solid var(--line)}.script-row{width:100%;min-height:84px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:var(--space-4) var(--space-2);display:grid;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:var(--space-4);text-align:left;cursor:pointer}.script-row:last-child{border-bottom:0}.script-row:hover{background:var(--surface)}.script-row time{color:var(--ink-muted);font-size:.85rem;font-weight:650}.script-row-main{min-width:0;display:grid;gap:var(--space-2)}.script-row-main strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.script-row-main>span{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--ink-muted);font-size:.78rem}.script-row-main em{color:var(--air-ink);font-style:normal}.script-row-stats{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--ink-muted);font-size:.7rem}.script-row-stats>span{display:inline-flex;align-items:center;gap:var(--space-1)}.part-label{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.18rem .45rem;color:var(--ink);font-size:.68rem;letter-spacing:.04em}.part-main{background:var(--soft-air);border-color:transparent}.part-op{background:var(--surface-muted)}.script-row>.icon{color:var(--ink-muted)}.bottom-navigation{display:none}.empty-message{margin:0;border-block:1px solid var(--line);padding:var(--space-8) var(--space-2);color:var(--ink-muted);line-height:1.7}.compact-heading{align-items:flex-start}.archive-note{margin-top:var(--space-5);border-left:3px solid var(--line);background:var(--surface-muted);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--ink-muted);font-size:.84rem;line-height:1.6}.archive-note.is-warning{border-left-color:var(--warning);color:var(--warning)}.archive-state-tabs{margin-top:var(--space-6);border-bottom:1px solid var(--line);display:flex;gap:var(--space-6)}.archive-state-tabs button{min-height:44px;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ink-muted);padding-inline:var(--space-1);font-weight:750;cursor:pointer}.archive-state-tabs button.is-selected{border-bottom-color:var(--air-ink);color:var(--air-ink)}.search-controls{margin-top:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.search-field{height:48px;min-width:0;flex:1;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding-inline:var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.search-field:focus-within{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 30%,transparent)}.search-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem}.filter-group{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:.2rem;display:flex}.filter-group button{min-height:38px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);padding-inline:var(--space-3);font-size:.78rem;font-weight:750;cursor:pointer}.filter-group button.is-selected{background:var(--soft-air);color:var(--air-ink)}.result-count{margin-top:var(--space-6);color:var(--ink-muted);font-size:.8rem}.result-count+.script-list{margin-top:var(--space-3)}.archive-loading{margin-top:var(--space-3);border-block:1px solid var(--line);padding-block:var(--space-5);display:grid;gap:var(--space-3)}.archive-loading span{height:.8rem;border-radius:var(--radius-pill);background:var(--surface-muted)}.archive-loading span:nth-child(1){width:35%}.archive-loading span:nth-child(2){width:72%}.archive-loading span:nth-child(3){width:48%}.load-more{padding-block:var(--space-6) var(--space-3);display:flex;justify-content:center}.back-button{min-height:44px;border:0;background:transparent;color:var(--air-ink);padding:0;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:750;cursor:pointer}.offline-banner{margin:var(--space-4) 0 var(--space-6);border-left:3px solid var(--warning);background:var(--surface-muted);color:var(--warning);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:.8rem}.offline-banner span{display:flex;flex-wrap:wrap;gap:var(--space-2)}.script-detail{margin-top:var(--space-4)}.detail-header{max-width:42rem}.detail-kicker,.detail-meta,.detail-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--ink-muted);font-size:.85rem}.detail-header h1{margin:var(--space-4) 0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.2;letter-spacing:-.05em}.tag{border-radius:var(--radius-pill);background:var(--surface-muted);padding:.25rem .55rem;color:var(--air-ink);font-size:.75rem}.script-paper{max-width:42rem;min-height:22rem;margin-top:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(1.5rem,5vw,3rem);font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:2.05}.script-paper p{margin:0 0 1.6em;white-space:pre-wrap}.script-paper p:last-child{margin-bottom:0}.detail-footer{max-width:42rem;padding:var(--space-4) var(--space-1);justify-content:space-between}.detail-footer span{display:inline-flex;align-items:center;gap:var(--space-2)}.engagement-section{max-width:42rem;margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--line)}.reaction-list{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.reaction{min-width:64px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding-inline:var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--ink);cursor:pointer}.reaction:disabled{cursor:not-allowed;opacity:.62}.reaction.is-selected:disabled{opacity:.82}.reaction img{width:1.5rem;height:1.5rem;object-fit:contain}.reaction.is-selected{border-color:var(--air-ink);background:var(--soft-air);color:var(--air-ink)}.engagement-message{max-width:42rem;margin:var(--space-4) 0 0;border-left:3px solid var(--line);background:var(--surface-muted);padding:var(--space-3) var(--space-4);font-size:.84rem;line-height:1.6}.engagement-message.is-error,.comment-load-note.is-error{border-color:var(--danger);color:var(--danger)}.engagement-message.is-success{border-color:var(--success);color:var(--success)}.read-only-note,.settings-help{margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:.78rem;line-height:1.6}.comment-list{margin:var(--space-3) 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.comment-list li{padding:var(--space-4) var(--space-1);border-bottom:1px solid var(--line)}.comment-list li:last-child{border-bottom:0}.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);font-size:.8rem}.comment-head>span:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.comment-head small{color:var(--ink-muted)}.comment-list time{color:var(--ink-muted)}.comment-list p{margin:var(--space-2) 0 0;line-height:1.7}.comment-actions{display:flex;gap:var(--space-3)}.comment-actions button,.comment-edit-form button{min-height:32px;border:0;background:transparent;color:var(--air-ink);padding:0 var(--space-1);font-size:.78rem;font-weight:750;cursor:pointer}.comment-actions button.is-danger{color:var(--danger)}.comment-actions button:disabled,.comment-edit-form button:disabled{cursor:not-allowed;opacity:.5}.comment-load-note{margin:var(--space-3) 0 0;border-left:3px solid var(--line);padding-left:var(--space-3);color:var(--ink-muted);font-size:.8rem}.comment-form,.comment-edit-form{margin-top:var(--space-5);display:grid;gap:var(--space-2)}.comment-form>label{font-size:.86rem;font-weight:750}.comment-form textarea,.comment-edit-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:var(--space-3);line-height:1.7}.comment-form textarea:focus,.comment-edit-form textarea:focus{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 25%,transparent)}.comment-form textarea:disabled{background:var(--surface-muted);cursor:not-allowed}.comment-form>div,.comment-edit-form>div{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.comment-form small,.comment-edit-form small{margin-right:auto;color:var(--ink-muted);font-size:.75rem}.comment-form .button{min-width:7rem}.notice-list{margin-top:var(--space-8);border-block:1px solid var(--line)}.notice-list article{padding:var(--space-5) var(--space-1);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-4)}.notice-list article:last-child{border-bottom:0}.notice-list h2{margin:0;font-size:1rem}.notice-list p{margin:var(--space-2) 0;color:var(--ink-muted);line-height:1.65}.notice-list time{color:var(--ink-muted);font-size:.75rem}.notification-status{max-width:42rem;margin:var(--space-6) 0 0;border-left:3px solid var(--warning);background:var(--surface-muted);padding:var(--space-3) var(--space-4);color:var(--ink-muted);font-size:.84rem;line-height:1.65}.notification-status.is-error,.settings-error{border-color:var(--danger);color:var(--danger)}.section-heading-line{max-width:42rem;margin-top:var(--space-8);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.section-heading-line h2{margin:0;font-size:1rem}.section-heading-line>span{color:var(--ink-muted);font-size:.75rem}.section-heading-line+.notice-list{max-width:42rem;margin-top:var(--space-3)}.published-announcements{margin-top:var(--space-12)}.notice-list h3{margin:0;font-size:1rem}.notification-item.is-unread{box-shadow:inset 3px 0 0 var(--on-air);background:color-mix(in srgb,var(--soft-air) 35%,transparent)}.notification-item>button{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:0;display:grid;gap:var(--space-2);text-align:left;cursor:pointer}.notification-title-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:800}.unread-marker{border-radius:var(--radius-pill);background:var(--on-air);padding:.18rem .45rem;color:#fff;font-size:.65rem;white-space:nowrap}.notification-message{color:var(--ink-muted);line-height:1.65}.settings-section{max-width:42rem;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line)}.settings-section h2{margin:0 0 var(--space-4);font-size:1rem}.settings-list{margin:0}.settings-list>div{min-height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.settings-list dt{color:var(--ink-muted)}.settings-list dd{margin:0;text-align:right}.notification-preferences{border-top:1px solid var(--line)}.notification-preferences label{min-height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);cursor:pointer}.notification-preferences label>span{display:grid;gap:var(--space-1)}.notification-preferences b{font-size:.9rem}.notification-preferences small,.push-device-setting span{color:var(--ink-muted);font-size:.75rem;line-height:1.5}.notification-preferences input{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:var(--air-ink)}.notification-preferences input:disabled,.notification-preferences label:has(input:disabled){cursor:not-allowed;opacity:.62}.push-device-setting{margin-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.push-device-setting>div{display:grid;gap:var(--space-1)}.settings-error{margin:var(--space-4) 0 0;border-left:3px solid var(--danger);background:var(--surface-muted);padding:var(--space-3) var(--space-4);font-size:.8rem;line-height:1.6}.button-danger-outline{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:transparent;color:var(--danger)}.logout-button{margin-top:var(--space-8)}.save-success{margin:var(--space-4) 0;border-left:3px solid var(--success);background:var(--surface-muted);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);color:var(--success);font-size:.875rem;font-weight:700}.detail-actions{margin:var(--space-4) 0 var(--space-8);display:flex;justify-content:flex-end;gap:var(--space-3)}.editor-content,.history-content{width:min(100% - 3rem,48rem)}.editor-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--space-6)}.editor-heading .back-button{grid-column:1 / -1;justify-self:start}.editor-heading h1,.history-heading h1{margin:0;font-size:clamp(2rem,6vw,3rem);line-height:1.15;letter-spacing:-.05em}.dirty-indicator{margin-bottom:.35rem;color:var(--ink-muted);font-size:.8rem;font-weight:700}.dirty-indicator.is-dirty{color:var(--warning)}.script-editor{margin-top:var(--space-6);border-top:1px solid var(--line)}.editor-section{padding-block:var(--space-8);border-bottom:1px solid var(--line);display:grid;gap:var(--space-5)}.editor-section h2{margin:0;font-size:1.05rem}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.8fr);gap:var(--space-5)}.field-label{min-width:0;margin:0;padding:0;border:0;display:grid;gap:var(--space-2)}.field-label>span:first-child,.field-label>legend,.field-label legend{color:var(--ink);font-size:.875rem;font-weight:750}.field-label input:not([type=radio]):not([type=checkbox]),.field-label select,.field-label textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:1rem}.field-label input:not([type=radio]):not([type=checkbox]),.field-label select{min-height:48px;padding-inline:var(--space-3)}.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 25%,transparent);outline-offset:1px}.field-label input:disabled{background:var(--surface-muted);color:var(--ink-muted)}.field-label textarea{min-height:22rem;resize:vertical;padding:var(--space-4);line-height:1.9}.stock-toggle{min-height:44px;display:flex;align-items:center;gap:var(--space-3);font-size:.9rem;font-weight:650}.stock-toggle input{width:1.15rem;height:1.15rem;accent-color:var(--air-ink)}.part-selector>div{height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:.2rem;display:grid;grid-template-columns:1fr 1fr}.part-selector label{position:relative;display:grid;place-items:center;cursor:pointer}.part-selector input,.tag-selector input{position:absolute;width:1px;height:1px;opacity:0}.part-selector label span{width:100%;height:100%;border-radius:calc(var(--radius-sm) - .15rem);display:grid;place-items:center;color:var(--ink-muted);font-size:.8rem;font-weight:800}.part-selector input:checked+span{background:var(--soft-air);color:var(--air-ink)}.part-selector input:focus-visible+span,.tag-selector input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.tag-selector>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-selector label{position:relative;cursor:pointer}.tag-selector label span{min-height:38px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:.45rem .75rem;display:inline-flex;align-items:center;color:var(--ink-muted);font-size:.8rem;font-weight:700}.tag-selector input:checked+span{border-color:var(--air-ink);background:var(--soft-air);color:var(--air-ink)}.tag-selector p{margin:0;color:var(--ink-muted);font-size:.85rem}.character-count{justify-self:end;color:var(--ink-muted);font-size:.75rem}.field-error{color:var(--danger);font-size:.78rem}.duration-field{max-width:22rem}.editor-actions{padding-top:var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-3)}.save-message{margin-top:var(--space-6);border-left:3px solid var(--danger);background:var(--surface-muted);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.save-message.is-conflict{border-left-color:var(--warning)}.save-message>div{display:grid;gap:var(--space-1)}.save-message b{font-size:.875rem}.save-message span{color:var(--ink-muted);font-size:.82rem;line-height:1.6}.history-heading{margin-top:var(--space-6)}.history-heading>p:last-child{margin:var(--space-3) 0 0;color:var(--ink-muted);line-height:1.7}.history-loading{margin-top:var(--space-8);color:var(--ink-muted)}.version-list{margin:var(--space-8) 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.version-list>li{border-bottom:1px solid var(--line)}.version-list>li:last-child{border-bottom:0}.version-list summary{min-height:72px;padding:var(--space-4) var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;list-style:none}.version-list summary::-webkit-details-marker{display:none}.version-list summary>span{display:grid;gap:var(--space-1)}.version-list summary small{color:var(--ink-muted)}.version-list details[open] summary .icon{transform:rotate(90deg)}.version-detail{padding:0 var(--space-2) var(--space-6)}.version-detail dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-6)}.version-detail dl>div{min-width:0;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-2);font-size:.8rem}.version-detail dt{color:var(--ink-muted)}.version-detail dd{margin:0;overflow-wrap:anywhere}.version-body{max-height:18rem;margin-block:var(--space-5);overflow:auto;border-left:2px solid var(--line);padding-left:var(--space-4);color:var(--ink-muted);font-size:.9rem;line-height:1.8;white-space:pre-wrap}.loading-screen,.error-screen{width:min(100% - 2rem,32rem);min-height:100vh;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-screen img{width:4rem;height:4rem;border-radius:var(--radius-lg)}.loading-screen b{margin-top:var(--space-4);font-size:1.15rem}.loading-screen span,.error-screen p,.error-inline p{margin-top:var(--space-2);color:var(--ink-muted);line-height:1.7}.error-screen .icon{color:var(--warning)}.error-screen h1,.error-inline h1{margin:var(--space-5) 0 0;font-size:1.6rem}.error-screen>div{margin-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:48rem){.login-page{grid-template-columns:1fr;align-items:start;gap:var(--space-8)}.login-story{gap:var(--space-8)}.login-copy h1{font-size:clamp(2.25rem,12vw,3.5rem)}.login-points{display:none}.app-layout{display:block}.side-navigation{display:none}.topbar{height:60px;padding-inline:var(--space-4)}.mobile-brand{display:flex}.connection-status{border:0;background:transparent;padding-inline:var(--space-1)}.content{width:min(100% - 2rem,54rem);padding-top:var(--space-8)}.page-heading{align-items:flex-start}.sync-button{width:46px;padding:0;font-size:0}.script-row{grid-template-columns:1fr auto;gap:var(--space-3)}.script-row time{grid-column:1 / -1;margin-bottom:calc(var(--space-2) * -1)}.script-row-stats span:last-child{width:100%}.search-controls{align-items:stretch;flex-direction:column}.filter-group{align-self:flex-start}.detail-content{padding-top:var(--space-4)}.detail-header h1{font-size:clamp(1.9rem,10vw,2.7rem)}.detail-actions>.button{flex:1}.editor-content,.history-content{width:min(100% - 2rem,48rem);padding-top:var(--space-4)}.editor-heading{gap:var(--space-4)}.editor-grid,.version-detail dl{grid-template-columns:1fr}.field-label textarea{min-height:18rem}.save-message{align-items:stretch;flex-direction:column}.editor-actions{position:sticky;z-index:5;bottom:calc(64px + env(safe-area-inset-bottom));margin-inline:-1rem;border-top:1px solid var(--line);background:var(--canvas);padding:var(--space-3) 1rem}.editor-actions .button{flex:1}.script-paper{min-height:18rem;border-radius:var(--radius-md)}.notice-list article,.announcement{grid-template-columns:1fr}.push-device-setting{align-items:stretch;flex-direction:column}.bottom-navigation{position:fixed;z-index:10;right:0;bottom:0;left:0;min-height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);padding:0 var(--space-2) env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-navigation button{min-width:0;min-height:58px;border:0;background:transparent;color:var(--ink-muted);display:grid;place-items:center;align-content:center;gap:.2rem;font-size:.68rem;font-weight:700}.bottom-navigation button.is-active{color:var(--air-ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}