:root{--story-background: #f5f6fc;--story-navy: #0f1223;--story-ink: #181d32;--story-muted: #60708b;--story-purple: #7956ef;--story-action: #6842d5;--story-action-hover: #5531b9;--story-lavender: #eee8ff;--story-line: #dfe3f0;--story-mint: #70dac8;--story-mint-soft: #ddf5ef;--story-success: #205b50}:root{font:17px/1.6 Helvetica Neue,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--story-ink);background:var(--story-background)}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:minmax(270px,35%) 1fr}aside{background:var(--story-navy);color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}aside p{color:#b7c0d8;max-width:390px}aside h2{font-size:32px;line-height:1.3}.brand{font-size:33px;font-weight:750;color:#fff;text-decoration:none}.brand span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--story-mint);color:var(--story-navy)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.15em;font-weight:750;color:var(--story-action)}.aside-note{font-size:14px}main{width:min(100%,800px);padding:55px 70px;align-self:center}.preview{display:inline-block;padding:5px 12px;border:1px solid #d8ccfa;border-radius:5px;background:var(--story-lavender);font-size:13px;color:var(--story-action);margin-bottom:34px}h1{font-size:44px;line-height:1.12;letter-spacing:-1.5px;margin:14px 0 24px}p{color:var(--story-muted)}form{margin:32px 0 18px}label{display:block;font-weight:650;margin:22px 0 10px}input,textarea{display:block;width:100%;font:inherit;padding:14px 16px;border:1px solid #b9bed3;border-radius:8px;background:#fff;margin-top:8px;color:var(--story-ink)}textarea{min-height:130px;resize:vertical}button{font:inherit;font-weight:650;padding:13px 22px;border:0;border-radius:8px;color:#fff;background:var(--story-action);cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:var(--story-action);border:1px solid #c9bbed}.notice{background:var(--story-lavender);border-radius:9px;padding:18px;font-size:14px}.error,.success{padding:15px;border-radius:8px}.error{background:#ffefe8;color:#a13f23}.success{background:var(--story-mint-soft);color:var(--story-success)}footer{margin-top:50px;font-size:12px;color:var(--story-muted)}:focus-visible{outline:3px solid var(--story-action);outline-offset:3px}@media(max-width:750px){.layout{display:block}aside{padding:22px 25px;gap:0}aside>div,aside>.aside-note{display:none}main{padding:28px 25px}h1{font-size:35px}.preview{margin-bottom:22px}}.memory-card{padding:22px;background:#fff;border:1px solid var(--story-line);border-radius:12px;margin:20px 0}.memory-card h2{margin:0 0 12px;font-size:22px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.memory-editor{min-height:250px}.memory-journey small{color:var(--story-muted)}details{margin-top:24px}.skill-builder label small{display:block;font-weight:400;color:var(--story-muted)}.skill-builder select{display:block;padding:12px;border:1px solid #b9bed3;border-radius:8px;font:inherit;max-width:100%;margin:8px 0}.skill-builder .check{display:flex;align-items:flex-start;gap:12px;font-size:15px}.skill-builder .check input{width:auto;margin:7px 0 0}.skill-builder pre{font:14px/1.6 ui-monospace,monospace}.skill-builder h2{margin-top:32px}.session-recovery{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #b9bed3;border-radius:16px;padding:28px;color:var(--story-ink);background:#fff}.session-recovery::backdrop{background:#0c1e2aa6}.session-recovery strong{overflow-wrap:anywhere}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid .memory-card{margin:0;overflow-wrap:anywhere}.dashboard-grid details{margin-bottom:16px}@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}}.workshop-progress details{margin-top:16px}.workshop-progress li{padding:8px 0}.workshop-progress li small{display:block;margin-top:4px}.workshop-progress li[aria-current=step]{border-left:3px solid var(--story-purple);padding-left:12px}.os-map{border-block:1px solid var(--story-line);padding:18px 0;margin:24px 0}.os-map h2{font-size:1.15rem}.os-map ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;gap:12px}.os-map li{border-top:3px solid var(--story-line);padding:12px 6px;overflow-wrap:anywhere}.os-map li[aria-current]{border-color:var(--story-purple);background:var(--story-lavender)}.os-map span,.os-map small{display:block;margin-top:6px}.os-map p{font-size:.9rem}@media(max-width:720px){.os-map ol{grid-template-columns:1fr 1fr}}button:not(:disabled):hover{background:var(--story-action-hover)}button.secondary:not(:disabled):hover{background:var(--story-lavender);color:var(--story-action-hover)}input,textarea,select{accent-color:var(--story-action)}input:focus,textarea:focus,select:focus{border-color:var(--story-action)}main a{color:var(--story-action);text-underline-offset:3px}main a:hover{color:var(--story-action-hover)}aside .eyebrow{color:var(--story-mint)}aside .secondary{color:var(--story-mint);border-color:#536078}aside button.secondary:not(:disabled):hover{color:#fff;background:#28233e}summary{cursor:pointer;color:var(--story-action);font-weight:650}.os-map li[aria-current]{border-radius:0 0 8px 8px}@media(prefers-reduced-motion:no-preference){button,input,textarea{transition:background-color .12s ease,border-color .12s ease}}input::placeholder,textarea::placeholder{color:#72748a;opacity:1;font-weight:400}.field-guidance{color:var(--story-muted);font-size:14px;font-weight:400}