:root{color:#17201b;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7f8f5;--surface: #ffffff;--surface-strong: #16231d;--text: #17201b;--muted: #68736d;--border: #dfe5dd;--accent: #c74f32;--accent-dark: #943720;--focus: #1f6f62}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px 20px;color:#f5f7f2;background:var(--surface-strong)}.brand-block{display:flex;gap:14px;align-items:center}.brand-mark{width:48px;height:48px;flex:0 0 auto;border-radius:8px;box-shadow:0 8px 22px #0000002e}.brand-name,.brand-tagline,.workspace-kicker,.panel-heading p,.pack-row p,.workflow-card p,.scope-note p{margin:0}.brand-name{font-size:1rem;font-weight:800}.brand-tagline{margin-top:3px;color:#b8c3bd;font-size:.78rem;line-height:1.35}.section-nav{display:grid;gap:8px}.section-nav button{width:100%;padding:11px 12px;color:#d9e0dc;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer}.section-nav button:hover,.section-nav button:focus-visible,.section-nav button.active{color:#fff;background:#24342c;border-color:#385044;outline:none}.scope-note{margin-top:auto;padding:14px;background:#223128;border:1px solid #34493d;border-radius:8px}.auth-panel{display:grid;gap:8px;padding:14px;background:#223128;border:1px solid #34493d;border-radius:8px}.auth-panel>span,.auth-panel label span{color:#f4d16a;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.auth-panel strong{color:#fff;font-size:.95rem;line-height:1.25}.auth-panel p{margin:0;color:#ced8d2;font-size:.82rem;line-height:1.45}.auth-panel form{display:grid;gap:8px}.auth-panel label{display:grid;gap:5px}.auth-panel input{width:100%;min-height:38px;padding:8px 10px;color:#f5f7f2;font:inherit;background:#16231d;border:1px solid #3e574a;border-radius:7px}.auth-panel input::placeholder{color:#90a197}.auth-panel input:focus{border-color:#f4d16a;outline:3px solid rgb(244 209 106 / .18)}.auth-panel button{min-height:36px;padding:0 10px;color:#16231d;font-size:.82rem;font-weight:800;background:#f4d16a;border:0;border-radius:7px;cursor:pointer}.auth-panel button:disabled{color:#718078;background:#d4dacd;cursor:not-allowed}.auth-panel .auth-message{color:#f4d16a;font-weight:700}.scope-note span{display:block;margin-bottom:7px;color:#f4d16a;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.scope-note p{color:#ced8d2;font-size:.84rem;line-height:1.5}.workspace{display:flex;flex-direction:column;gap:22px;padding:32px}.workspace-header{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--border)}.workspace-header h1{max-width:780px;margin:6px 0 12px;color:var(--text);font-size:clamp(2rem,5vw,4.4rem);line-height:.96;letter-spacing:0}.workspace-header p:not(.workspace-kicker){max-width:740px;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.workspace-kicker{color:var(--accent-dark);font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.primary-action{flex:0 0 auto;min-height:44px;padding:0 18px;color:#fff;font-weight:800;background:var(--accent);border:0;border-radius:7px;cursor:pointer}.primary-action:hover,.primary-action:focus-visible{background:var(--accent-dark);outline:3px solid rgb(31 111 98 / .22)}.secondary-action{min-height:38px;padding:0 12px;color:#24453d;font-weight:800;background:#eef8f4;border:1px solid #a8d6c8;border-radius:7px;cursor:pointer}.secondary-action:hover,.secondary-action:focus-visible{background:#dff1ea;outline:3px solid rgb(31 111 98 / .16)}.secondary-action:disabled{color:#77837c;background:#f0f3ee;border-color:#dde4da;cursor:not-allowed}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-metric,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.status-metric{padding:14px}.status-metric span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.status-metric strong{display:block;margin-top:4px;color:var(--text);font-size:1.3rem}.storage-message{padding:10px 12px;color:#24453d;font-size:.9rem;font-weight:700;background:#eef8f4;border:1px solid #a8d6c8;border-radius:8px}.publish-message{display:grid;gap:6px;padding:12px;font-size:.9rem;border-radius:8px}.publish-message.valid{color:#24453d;background:#eef8f4;border:1px solid #a8d6c8}.publish-message.invalid{color:#7a321f;background:#fff4ee;border:1px solid #f0c4b3}.publish-message p,.publish-message ul{margin:0}.publish-message ul{display:grid;gap:4px;padding-left:18px}.author-submission-panel{display:grid;gap:10px;padding:12px;background:#fbfcfa;border:1px solid var(--border);border-radius:8px}.author-submission-list{display:grid;gap:8px}.author-submission-list article{display:grid;gap:5px;padding:10px;background:#fff;border:1px solid #e6ebe4;border-radius:8px}.author-submission-list article div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.author-submission-list strong{color:var(--text)}.author-submission-list p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.author-submission-list .review-note{color:#7a321f;font-weight:700}.submission-status{padding:4px 7px;color:#24453d;font-size:.73rem;font-weight:800;background:#eef8f4;border:1px solid #cbe4dc;border-radius:6px}.submission-status.status-pending{color:#665016;background:#fff8df;border-color:#ead68e}.submission-status.status-rejected{color:#7a321f;background:#fff4ee;border-color:#f0c4b3}.submission-status.status-withdrawn{color:#526058;background:#edf1eb;border-color:#d8e1d7}.library-view-tabs{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;background:#edf1eb;border:1px solid var(--border);border-radius:8px}.library-view-tabs button{min-height:34px;padding:0 12px;color:#526058;font-size:.82rem;font-weight:800;background:transparent;border:0;border-radius:6px;cursor:pointer}.library-view-tabs button:hover,.library-view-tabs button:focus-visible,.library-view-tabs button.active{color:#fff;background:#24453d;outline:none}.reader-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);gap:18px;align-items:start}.panel{padding:20px}.panel-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-heading p{color:var(--accent-dark);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.panel-heading h2{margin:4px 0 0;color:var(--text);font-size:1.35rem;line-height:1.2}.panel-heading span{flex:0 0 auto;padding:5px 9px;color:#526058;font-size:.76rem;font-weight:800;background:#edf1eb;border-radius:6px}.pack-list,.workflow-list{display:grid;gap:10px}.pack-row{display:flex;width:100%;gap:16px;align-items:center;justify-content:space-between;padding:14px;color:inherit;text-align:left;background:#fbfcfa;border:1px solid #e6ebe4;border-radius:8px;cursor:pointer}.pack-row:hover,.pack-row:focus-visible,.pack-row.selected{background:#fff9ed;border-color:#e3b765;outline:none}.pack-row h3,.workflow-card h3{margin:0;color:var(--text);font-size:1rem;line-height:1.25}.pack-row p{margin-top:4px;color:var(--muted);font-size:.87rem}.pack-publish-meta,.pack-detail-meta{display:flex;flex-wrap:wrap;gap:6px}.pack-publish-meta{margin-top:8px}.pack-publish-meta span,.pack-detail-meta span{padding:4px 7px;color:#24453d;font-size:.72rem;font-weight:800;background:#eef8f4;border:1px solid #cbe4dc;border-radius:6px}.pack-row-meta{display:grid;min-width:74px;justify-items:end}.pack-row-meta strong{color:var(--accent-dark);font-size:1.35rem}.pack-row-meta span{color:var(--muted);font-size:.74rem;font-weight:700}.workflow-card{padding:14px;background:#f8faf7;border:1px solid #e4e9e1;border-radius:8px}.workflow-card p{margin-top:7px;color:var(--muted);font-size:.9rem;line-height:1.55}.library-controls{display:grid;gap:10px;margin-bottom:14px}.library-controls label{display:grid;gap:6px}.library-controls span{color:var(--muted);font-size:.78rem;font-weight:800}.library-controls input,.library-controls select{width:100%;min-height:42px;padding:0 12px;color:var(--text);background:#fbfcfa;border:1px solid var(--border);border-radius:7px}.library-controls input:focus,.library-controls select:focus{border-color:var(--focus);outline:3px solid rgb(31 111 98 / .18)}.tag-row,.keyword-list,.pack-actions{display:flex;flex-wrap:wrap;gap:6px}.tag-row{margin-top:9px}.tag-row span,.keyword-list span{padding:4px 7px;color:#526058;font-size:.73rem;font-weight:800;background:#edf1eb;border-radius:6px}.pack-detail{display:grid;gap:18px}.pack-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.pack-detail-header h2,.empty-workspace h2{margin:5px 0 8px;color:var(--text);font-size:1.55rem;line-height:1.15}.pack-detail-header p:not(.workspace-kicker),.empty-workspace p:not(.workspace-kicker){margin:0;color:var(--muted);line-height:1.55}.pack-detail-meta{margin-top:12px}.pack-actions{justify-content:flex-end;max-width:240px}.pack-actions button{min-height:34px;padding:0 10px;color:#24453d;font-size:.78rem;font-weight:800;background:#eef8f4;border:1px solid #a8d6c8;border-radius:7px;cursor:pointer}.pack-actions button:disabled{color:#77837c;background:#f0f3ee;border-color:#dde4da;cursor:not-allowed}.scenario-shell{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:16px;align-items:start}.scenario-nav{display:grid;gap:8px}.scenario-nav button{display:grid;gap:5px;width:100%;padding:12px;color:var(--text);text-align:left;background:#fbfcfa;border:1px solid #e6ebe4;border-radius:8px;cursor:pointer}.scenario-nav button:hover,.scenario-nav button:focus-visible,.scenario-nav button.active{background:#eef8f4;border-color:#9bcbbc;outline:none}.scenario-nav span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.scenario-nav strong{font-size:.9rem;line-height:1.3}.scenario-detail{display:grid;gap:14px;padding:16px;background:#fbfcfa;border:1px solid #e6ebe4;border-radius:8px}.scenario-title-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.scenario-title-row h3{margin:5px 0 0;color:var(--text);font-size:1.45rem;line-height:1.16}.scenario-title-row>span{flex:0 0 auto;padding:5px 8px;color:#526058;font-size:.74rem;font-weight:800;background:#edf1eb;border-radius:6px}.severity{display:inline-flex;margin:0;padding:4px 8px;color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;border-radius:6px}.severity-critical{background:#b33222}.severity-high{background:#c74f32}.severity-medium{background:#a96b16}.severity-low{background:#3c7567}.immediate-step{padding:15px;background:#fff2d3;border:1px solid #e6c979;border-radius:8px}.immediate-step p{margin:0 0 6px;color:#7b5113;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.immediate-step strong{color:#3d2c12;font-size:1.08rem;line-height:1.45}.detail-section{display:grid;gap:9px}.detail-section h4{margin:0;color:var(--text);font-size:.9rem}.checklist,.warning-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.checklist li{display:flex;gap:10px;padding:10px;background:#fff;border:1px solid #e6ebe4;border-radius:8px}.checklist li>span{align-self:flex-start;padding:4px 6px;color:#3c7567;font-size:.68rem;font-weight:900;text-transform:uppercase;background:#eef8f4;border-radius:5px}.checklist strong,.phrase-card strong,.resource-list strong,.personal-field-list strong{color:var(--text)}.checklist p,.resource-list p,.personal-field-list p{margin:4px 0 0;color:var(--muted);line-height:1.45}.phrase-grid,.resource-list,.personal-field-list{display:grid;gap:8px}.phrase-card,.resource-list article,.personal-field-list article{padding:10px;background:#fff;border:1px solid #e6ebe4;border-radius:8px}.phrase-card p{margin:5px 0;color:var(--muted)}.phrase-card span,.resource-list span,.personal-field-list span{color:#526058;font-size:.78rem;font-weight:800}.resource-list article>div{display:flex;gap:10px;align-items:center;justify-content:space-between}.warning-list li{padding:10px;color:#7a321f;background:#fff4ee;border:1px solid #f0c4b3;border-radius:8px}.empty-state,.empty-workspace{padding:18px;background:#fbfcfa;border:1px dashed #c9d2ca;border-radius:8px}.editor-layout{display:grid;grid-template-columns:minmax(280px,.3fr) minmax(0,.7fr);gap:18px;align-items:start}.import-export-layout{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:18px;align-items:start}.review-layout{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:18px;align-items:start}.editor-empty{display:grid;gap:14px;justify-items:start}.editor-empty h2{margin:0;color:var(--text)}.editor-empty p:not(.workspace-kicker){margin:0;max-width:620px;color:var(--muted);line-height:1.55}.editor-sidebar,.editor-form,.export-panel,.import-panel,.review-list,.review-detail{display:grid;gap:14px}.review-summary{display:grid;gap:10px}.review-summary p{margin:0;color:var(--muted);line-height:1.55}.review-scenario-list{display:grid;gap:8px}.review-scenario-list article{display:grid;gap:12px;padding:12px;background:#fbfcfa;border:1px solid var(--border);border-radius:8px}.review-scenario-heading,.review-scenario-heading div,.review-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.review-scenario-heading div{justify-content:flex-end}.review-scenario-list strong{color:var(--text)}.review-scenario-list span{padding:4px 7px;color:#526058;font-size:.73rem;font-weight:800;background:#edf1eb;border-radius:6px}.review-scenario-list p{margin:0;color:var(--muted);line-height:1.45}.review-field{display:grid;gap:7px;padding-top:10px;border-top:1px solid #e6ebe4}.review-field>span{justify-self:start}.review-field ol,.review-field ul{display:grid;gap:6px;margin:0;padding-left:20px}.review-field li p{margin-top:3px}.review-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.review-card-grid>div{display:grid;gap:4px;padding:9px;background:#fff;border:1px solid #e6ebe4;border-radius:8px}.review-card-grid small{color:#526058;font-size:.76rem;font-weight:800}.review-json{padding:10px;background:#fbfcfa;border:1px solid var(--border);border-radius:8px}.review-json summary{color:var(--text);font-weight:800;cursor:pointer}.review-json pre{max-height:360px;margin:10px 0 0;overflow:auto;color:#24342c;font-size:.78rem;line-height:1.45;white-space:pre-wrap}.review-actions{justify-content:flex-start}.review-actions button{min-height:36px;padding:0 12px;color:#24453d;font-weight:800;background:#eef8f4;border:1px solid #a8d6c8;border-radius:7px;cursor:pointer}.review-actions button:disabled{color:#77837c;background:#f0f3ee;border-color:#dde4da;cursor:not-allowed}.editor-heading-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.editor-heading-actions>span{padding:5px 9px;color:#526058;font-size:.76rem;font-weight:800;background:#edf1eb;border-radius:6px}.editor-pack-list{display:grid;gap:8px}.editor-pack-row,.scenario-editor-nav button{width:100%;padding:12px;color:var(--text);text-align:left;background:#fbfcfa;border:1px solid #e6ebe4;border-radius:8px;cursor:pointer}.editor-pack-row{display:grid;gap:4px}.editor-pack-row:hover,.editor-pack-row:focus-visible,.editor-pack-row.active,.scenario-editor-nav button:hover,.scenario-editor-nav button:focus-visible,.scenario-editor-nav button.active{background:#eef8f4;border-color:#9bcbbc;outline:none}.editor-pack-row span{color:var(--muted);font-size:.78rem;font-weight:800}.form-grid,.scenario-editor-form{display:grid;gap:12px}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:.78rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:42px;padding:10px 12px;color:var(--text);font:inherit;background:#fbfcfa;border:1px solid var(--border);border-radius:7px}.field textarea{resize:vertical;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);outline:3px solid rgb(31 111 98 / .18)}.scenario-editor-shell{display:grid;grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.scenario-editor-nav{display:grid;align-content:start;gap:8px}.panel-heading.compact{margin-bottom:4px}.validation-box{padding:12px;border-radius:8px}.validation-box.valid{color:#24453d;background:#eef8f4;border:1px solid #a8d6c8}.validation-box.invalid{color:#7a321f;background:#fff4ee;border:1px solid #f0c4b3}.validation-box ul{display:grid;gap:5px;margin:8px 0 0;padding-left:18px}.export-summary{display:grid;gap:5px;padding:12px;background:#fbfcfa;border:1px solid #e6ebe4;border-radius:8px}.export-summary p{margin:0;color:var(--muted)}.export-summary span{color:#526058;font-size:.78rem;font-weight:800}.file-import{display:grid;gap:8px;padding:12px;background:#fbfcfa;border:1px dashed #bfcac1;border-radius:8px}.file-import>span{color:var(--muted);font-size:.78rem;font-weight:800}.file-import input{color:var(--muted);font:inherit}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--text);font-size:1rem}.empty-state p{margin-top:6px;color:var(--muted);line-height:1.5}@media(max-width:920px){.app-shell,.reader-layout,.scenario-shell,.editor-layout,.scenario-editor-shell,.import-export-layout,.review-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.section-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.section-nav button{text-align:center}.scope-note{margin-top:0}.workspace-header,.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.pack-detail-header{grid-template-columns:1fr}.pack-actions{justify-content:flex-start;max-width:none}}@media(max-width:640px){.workspace,.sidebar{padding:20px}.workspace-header{flex-direction:column}.workspace-header h1{font-size:2.3rem}.primary-action{width:100%}.status-strip,.section-nav{grid-template-columns:1fr}.pack-row{align-items:flex-start}.scenario-title-row,.resource-list article>div{flex-direction:column}}