:root{--color-bg:#fafafa;--color-surface:#fff;--color-fg:#111;--color-muted:#6b6b6b;--color-border:#e5e5e5;--color-accent:#2f6feb;color:var(--color-fg);background:var(--color-bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{min-height:100vh;padding-bottom:198px}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.brand,.topbar-right,.step-heading,.step-buttons,.nav-actions,.stage-caption,.modal-heading,.card-header,.field-row{align-items:center;display:flex}.brand{gap:10px}.brand-mark{border:1px solid var(--color-fg);letter-spacing:-.05em;place-items:center;width:34px;height:34px;font:700 11px ui-monospace,monospace;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.02em;font-size:14px}.brand div span{color:var(--color-muted);margin-top:2px;font-size:11px}.topbar-right{gap:18px}.session-chip,.eyebrow,.panel-label,.side-label{color:var(--color-muted);letter-spacing:.11em;font:700 10px ui-monospace,monospace}.quiet-button,.icon-button{color:color-mix(in srgb, var(--color-muted) 90%, var(--color-fg));text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}.workspace{grid-template-columns:260px 1fr;max-width:1510px;min-height:calc(100vh - 72px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);min-width:0;padding:26px 18px}.event-list{gap:7px;margin-top:12px;display:grid}.event-card{text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:31px 1fr;gap:10px;width:100%;padding:12px 10px;display:grid}.event-card:hover,.event-card.active{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-border))}.event-card.active{box-shadow:inset 3px 0 var(--color-accent)}.event-id,.slot-badge,.card-index{color:var(--color-accent);font:700 11px ui-monospace,monospace}.event-card strong,.event-card small{display:block}.event-card strong{font-size:12px;line-height:1.45}.event-card small{color:var(--color-muted);margin-top:3px;font-size:10px;line-height:1.35}.scene-label{justify-content:space-between;margin-top:31px;display:flex}.scene-label span{letter-spacing:0;font-weight:400}.scene-strip{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px;display:grid}.scene-chip{border:1px solid var(--color-border);background:var(--color-bg);text-align:left;min-height:52px;padding:7px 5px}.scene-chip:hover,.scene-chip.active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}.scene-chip b{color:var(--color-accent);font:700 10px ui-monospace,monospace}.scene-chip b,.scene-chip span{display:block}.scene-chip span{margin-top:4px;font-size:9px;line-height:1.25}.fiction-note{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-border) 12%, var(--color-surface));gap:8px;margin-top:26px;padding:11px 10px;display:flex}.fiction-note>span{color:var(--color-accent)}.fiction-note strong{font-size:10px}.fiction-note p{color:var(--color-muted);margin:3px 0 0;font-size:10px;line-height:1.45}.main-column{min-width:0;padding:37px 42px 40px}.step-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;padding-bottom:24px}.step-heading h1{letter-spacing:-.04em;margin:8px 0 0;font:600 clamp(22px,3vw,36px)/1.15 Georgia,serif}.step-helper{color:var(--color-muted);align-self:flex-end;font-size:11px}.activity-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px;margin-top:28px;display:grid}.stage-column{min-width:0}.stage-wrap{border:1px solid var(--color-border);background:var(--color-surface);min-width:0}.stage{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-border) 38%, var(--color-surface)), color-mix(in srgb, var(--color-border) 38%, var(--color-surface)) 10px, color-mix(in srgb, var(--color-border) 52%, var(--color-surface)) 10px, color-mix(in srgb, var(--color-border) 52%, var(--color-surface)) 11px);place-items:center;min-width:0;min-height:388px;display:grid;position:relative;overflow:hidden}.stage-image{object-fit:cover;width:100%;min-width:0;max-width:100%;height:388px;transition:transform .2s;display:block}.stage-visual{width:100%;height:388px}.scene-sprite{background-repeat:no-repeat;background-size:400% 200%}.sprite-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.image-fallback{text-align:center;width:100%;height:388px;color:color-mix(in srgb, var(--color-muted) 80%, var(--color-fg));align-content:center;place-items:center;padding:30px;display:grid}.fallback-mark{border:1px solid var(--color-accent);color:var(--color-accent);margin-bottom:14px;padding:7px 9px;font:700 13px ui-monospace,monospace}.image-fallback strong{color:var(--color-fg);font:600 21px Georgia,serif}.image-fallback p{font-size:12px;line-height:1.55}.watermark{color:var(--color-surface);background:color-mix(in srgb, var(--color-fg) 78%, transparent);letter-spacing:.08em;padding:6px 8px;font:700 9px/1.4 ui-monospace,monospace;position:absolute;bottom:15px;left:16px}.crop-outline{border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent);pointer-events:none;position:absolute}.stage-caption{border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;min-width:0;padding:13px 15px}.stage-caption>div{flex:1;min-width:0}.stage-caption strong,.stage-caption div span{display:block}.stage-caption strong{font-size:12px}.stage-caption div span{color:var(--color-muted);margin-top:3px;font:10px ui-monospace,monospace}.status-tag,.outline-tag,.claim-type{border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));color:var(--color-accent);overflow-wrap:anywhere;min-width:0;padding:4px 6px;font:700 9px ui-monospace,monospace;display:inline-block}.fallback-notice{color:var(--color-muted);margin:8px 0 0;font-size:11px}.activity-card,.claim-panel{border:1px solid var(--color-border);background:var(--color-surface);margin-top:18px;padding:24px}.card-header,.claim-intro{align-items:flex-start;gap:13px}.activity-card h2,.claim-panel h2{letter-spacing:-.03em;margin:0;font:600 21px Georgia,serif}.activity-card>p,.claim-panel p{font-size:12px;line-height:1.6}.card-index,.step-mark{border-top:2px solid var(--color-accent);min-width:26px;padding-top:5px;display:inline-block}.label-row{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.muted{color:var(--color-muted)}.fact-list,.question-list,.evidence-slots{gap:7px;margin-top:13px;display:grid}.fact-item,.question-item,.evidence-slot{border:1px solid var(--color-border);align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.fact-item.selected,.question-item.selected,.evidence-slot.selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}.fact-item span{color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));padding:3px 5px;font:700 9px ui-monospace,monospace}input[type=checkbox]{accent-color:var(--color-accent)}.out-frame,.panel-callout,.request-sentence{background:color-mix(in srgb, var(--color-border) 30%, var(--color-surface));border-left:2px solid var(--color-fg);margin-top:15px;padding:12px 14px}.out-frame strong,.panel-callout strong{font-size:11px}.out-frame p,.panel-callout p{color:color-mix(in srgb, var(--color-muted) 80%, var(--color-fg));margin:5px 0 0;font-size:11px;line-height:1.55}.crop-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.crop-option{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);min-width:0;padding:12px}.crop-option:hover,.crop-option.selected{border-color:var(--color-accent);box-shadow:inset 0 2px var(--color-accent)}.crop-option span,.crop-option strong,.crop-option small{display:block}.crop-option span{color:var(--color-accent);font:700 10px ui-monospace,monospace}.crop-option strong{margin-top:12px;font-size:12px}.crop-option small{color:var(--color-muted);margin-top:9px;font-size:10px;line-height:1.45}.field-label{margin:16px 0 7px;font-size:11px;font-weight:700;display:block}select,textarea{border:1px solid color-mix(in srgb, var(--color-muted) 25%, var(--color-surface));background:var(--color-surface);width:100%;color:var(--color-fg);padding:11px 12px}textarea{resize:vertical;min-height:80px;line-height:1.5}.headline-preview,.headline-card{border:1px solid color-mix(in srgb, var(--color-muted) 25%, var(--color-surface));margin-top:14px;padding:16px}.headline-preview strong,.headline-card strong{margin:8px 0;font:600 22px/1.25 Georgia,serif;display:block}.headline-preview small{color:var(--color-muted);font-size:10px}.order-tools{margin-top:20px}.order-list{flex-wrap:wrap;gap:6px;display:flex}.order-item{border:1px solid var(--color-border);background:var(--color-surface);padding:8px 11px;font:11px ui-monospace,monospace}.order-item b{color:var(--color-muted);margin-right:6px}.order-item.selected{border-color:var(--color-accent);color:var(--color-accent)}.mini-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mini-actions button{border:1px solid color-mix(in srgb, var(--color-muted) 25%, var(--color-surface));background:var(--color-surface);padding:7px 9px;font-size:10px}.reset-button{margin-left:auto}.primary-button,.secondary-button{border:1px solid var(--color-fg);background:var(--color-fg);color:var(--color-surface);padding:11px 16px;font-size:12px}.secondary-button{background:var(--color-surface);color:var(--color-fg);border-color:color-mix(in srgb, var(--color-muted) 25%, var(--color-surface))}.claim-panel .primary-button{margin-top:15px}.form-message{color:var(--color-accent);font-size:11px!important}.claim-history{border-top:1px solid var(--color-border);margin-top:22px;padding-top:7px}.count,.journal-count small{color:var(--color-accent);font:700 10px ui-monospace,monospace}.claim-card{border-left:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-border) 25%, var(--color-surface));margin-top:8px;padding:11px}.claim-type{margin-bottom:4px}.claim-type.inference{color:color-mix(in srgb, var(--color-fg) 60%, var(--color-accent));border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.claim-type.unsupported{color:color-mix(in srgb, var(--color-fg) 55%, var(--color-muted));border-color:color-mix(in srgb, var(--color-muted) 35%, var(--color-border))}.claim-card p{margin:3px 0;font-size:12px}.claim-card small{color:var(--color-muted);font-size:10px}.question-item{cursor:pointer}.question-item span:nth-child(2){border:1px solid color-mix(in srgb, var(--color-muted) 25%, var(--color-surface));width:22px;height:22px;color:var(--color-muted);place-items:center;font:700 10px ui-monospace,monospace;display:grid}.question-item.selected span:nth-child(2){background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.question-item strong,.question-item small{display:block}.question-item small{color:var(--color-muted);margin-top:2px;font-size:10px}.request-sentence{font-size:12px;line-height:1.6}.request-sentence b{color:var(--color-accent)}.record-panel{border-left:1px solid var(--color-border);padding-left:24px}.metadata{grid-template-columns:74px minmax(0,1fr);gap:12px 8px;margin:18px 0;display:grid}.metadata dt{color:var(--color-muted);font-size:10px}.metadata dd{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.45}.mono{font-family:ui-monospace,monospace}.headline-card strong{font-size:19px}.journal-count{align-items:baseline;gap:8px;margin:22px 0 18px;display:flex}.journal-count b{font:600 39px Georgia,serif}.journal-count span{color:var(--color-muted);font-size:11px}.summary-stack{gap:8px;margin-top:18px;display:grid}.summary-stack span{border-bottom:1px solid var(--color-border);padding-bottom:8px;font-size:11px}.step-nav{z-index:4;background:color-mix(in srgb, var(--color-surface) 96%, transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;width:100%;padding:14px 34px 18px;position:fixed;bottom:0;left:0}.step-nav>*{pointer-events:auto}.progress-line{background:var(--color-border);max-width:1510px;height:2px;margin:0 auto 13px}.progress-line span{background:var(--color-accent);height:100%;transition:width .2s;display:block}.step-buttons{justify-content:space-between;max-width:1510px;margin:0 auto}.step-buttons button{color:color-mix(in srgb, var(--color-muted) 75%, var(--color-surface));touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:5px;min-height:40px;padding:4px 0;font-size:10px;display:flex}.step-buttons button span{font:700 10px ui-monospace,monospace}.step-buttons button.current{color:var(--color-fg)}.step-buttons button.current span,.step-buttons button.done span{color:var(--color-accent)}.nav-actions{justify-content:flex-end;gap:7px;max-width:1510px;margin:13px auto 0}.gi-pulse{animation:1.8s ease-in-out infinite pulse}.modal-backdrop{z-index:10;background:color-mix(in srgb, var(--color-fg) 25%, transparent);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-fg);width:min(420px,100%);box-shadow:8px 8px 0 var(--color-fg);padding:24px}.modal h2{margin:8px 0 0;font:600 24px Georgia,serif}.modal p{font-size:12px;line-height:1.6}.modal-heading{justify-content:space-between;align-items:flex-start}.icon-button{font-size:23px;line-height:1;text-decoration:none}.stage-visual{justify-content:center;align-items:center;display:flex}.scene-sprite-window{width:auto;max-width:100%;height:100%;aspect-ratio:var(--sprite-aspect);position:relative;overflow:hidden}.scene-sprite-image{width:400%;max-width:none;height:200%;display:block;position:absolute}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 16%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gi-pulse{border:2px solid var(--color-accent);box-shadow:none}}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:16px 22px}.event-list{grid-template-columns:repeat(3,1fr);min-width:0}.scene-strip{min-width:0;max-width:100%;display:flex;overflow-x:auto}.scene-chip{min-width:74px}.fiction-note{display:none}.main-column{padding:28px 24px 34px}.activity-grid{grid-template-columns:minmax(0,1fr)}.record-panel{border-left:0;border-top:1px solid var(--color-border);padding:20px 0 0}.step-buttons button{font-size:9px}.step-nav{padding-left:22px;padding-right:22px}}@media (width<=560px){.app-shell{padding-bottom:20px}.step-nav{pointer-events:auto;padding:14px;position:static}.step-nav>*{pointer-events:auto}.event-list,.crop-list{grid-template-columns:1fr}.stage,.stage-image,.stage-visual,.image-fallback{height:250px;min-height:250px}.stage-caption .status-tag{flex-basis:100%;margin-left:37px}.stage-caption{flex-wrap:wrap;align-items:flex-start}.stage-caption>div{flex:calc(100% - 50px)}.stage-caption .status-tag{flex:none;max-width:100%;margin-left:0}}.self-check{border-left:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));margin-top:14px;padding:10px 12px;font-size:11px}.self-check strong,.self-check span{display:block}.self-check span{color:var(--color-muted);margin-top:4px}.preview-warning{border-left:2px solid var(--color-accent);color:var(--color-fg);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));margin:8px 0;padding:8px 10px;font-size:11px;line-height:1.5}.export-button{margin:18px 8px 0 0}
