:root{--ink: #10264b;--ink-2: #2f4364;--muted: #6f7b8d;--line: #d7e0ea;--soft-line: #e8edf3;--bg: #f7f4ee;--paper: #fffdf8;--surface: #ffffff;--tambour: #ec1c2d;--navy: #082b58;--teal: #62b6ad;--mint: #cfe8dc;--peach: #f5c5a8;--coral: #df6b5d;--yellow: #f2d66d;--lavender: #c8bae4;--pain: #fff4dc;--idea: #eaf6ff;--shadow: 0 18px 50px rgba(16, 38, 75, .12);font-family:Arial,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fdf0df 0,transparent 34%),var(--bg);color:var(--ink);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:20px}.topbar{align-items:center;background:#fffdf8eb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin:0 auto 18px;max-width:1480px;padding:14px 18px;position:sticky;top:12px;z-index:30}.brand{align-items:center;display:flex;gap:16px}.brand img{background:#fff;border-radius:6px;height:56px;-o-object-fit:contain;object-fit:contain;padding:6px;width:142px}.brand p,.eyebrow,.screen-kicker{color:var(--coral);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 4px}.brand h1,.screen-heading h2,.admin-head h2{margin:0}.brand h1{font-size:26px}.top-actions,.screen-actions,.map-actions{align-items:center;display:flex;gap:10px}.primary-btn,.ghost-btn,.small-btn,.danger-btn,.icon-btn{align-items:center;border:0;border-radius:6px;display:inline-flex;gap:8px;justify-content:center;font-weight:700;min-height:42px;padding:0 16px}.primary-btn{background:var(--navy);color:#fff}.ghost-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.small-btn{background:#eef7f5;border:1px solid #c9e5df;color:#185d57;min-height:36px;padding:0 12px}.danger-btn{background:#fff1ed;border:1px solid #f2c0b8;color:#a43c30}.icon-btn{background:var(--navy);border-radius:50%;color:#fff;font-size:30px;height:42px;line-height:0;min-height:42px;padding:0;width:42px}.workspace{display:grid;gap:18px;grid-template-columns:295px minmax(0,1fr);margin:0 auto;max-width:1480px}.sidebar,.main-panel,.admin-panel{background:#fffdf8f0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.sidebar{align-self:start;display:grid;gap:14px;padding:14px;position:sticky;top:106px}.progress-panel,.saved-panel{background:#fff;border:1px solid var(--soft-line);border-radius:8px;padding:14px}.steps-nav{display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.steps-nav li{background:#f7f9fb;border:1px solid var(--soft-line);border-radius:6px;color:var(--muted);font-weight:700;padding:11px 12px}.steps-nav li.active{background:var(--navy);border-color:var(--navy);color:#fff}.panel-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.panel-title strong{align-items:center;background:var(--coral);border-radius:999px;color:#fff;display:inline-flex;height:28px;justify-content:center;min-width:28px;padding:0 8px}.saved-list{display:grid;gap:8px;max-height:420px;overflow:auto}.saved-item{background:#fbfdff;border:1px solid var(--soft-line);border-radius:6px;padding:10px;text-align:right}.saved-item button{background:transparent;border:0;color:var(--ink);display:block;font-weight:700;padding:0;text-align:right;width:100%}.saved-item small{color:var(--muted);display:block;margin-top:4px}.main-panel{min-height:calc(100vh - 132px);overflow:hidden}.screen{display:none;padding:30px}.screen.active{display:block}.screen-heading{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:20px}.screen-heading.compact{align-items:end;display:flex;gap:22px;justify-content:space-between}.screen-heading h2{font-size:34px;line-height:1.1}.screen-heading p{color:var(--muted);font-size:17px;line-height:1.55;margin:10px 0 0;max-width:760px}.form-grid,.persona-form,.stage-fields{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px}label span{color:var(--ink-2);font-size:14px;font-weight:700}input,textarea,select{background:#fff;border:1px solid #cfd9e6;border-radius:6px;color:var(--ink);outline:none;padding:12px 13px;resize:vertical;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #62b6ad2e}.wide{grid-column:1 / -1}.screen-actions{border-top:1px solid var(--line);justify-content:flex-start;margin-top:24px;padding-top:18px}.screen-actions.split{justify-content:space-between}.screen-actions.split>div{display:flex;gap:10px}.persona-gallery{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(120px,1fr));margin-bottom:20px}.persona-card{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:8px;justify-items:center;min-height:168px;padding:14px 10px}.persona-card.selected{border-color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}.avatar{align-items:center;background:var(--mint);border:2px solid var(--ink);border-radius:50%;display:inline-flex;font-size:42px;height:78px;justify-content:center;width:78px}.persona-card:nth-child(2) .avatar{background:var(--peach)}.persona-card:nth-child(3) .avatar{background:var(--idea)}.persona-card:nth-child(4) .avatar{background:var(--lavender)}.persona-card:nth-child(5) .avatar{background:var(--yellow)}.persona-card small{color:var(--muted);line-height:1.35}.journey-layout{display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr)}.stage-list-wrap,.stage-editor{background:#fff;border:1px solid var(--soft-line);border-radius:8px}.stage-list-wrap{align-self:start;padding:12px}.stage-toolbar{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.stage-tabs{display:grid;gap:8px;max-height:600px;overflow:auto}.stage-tab{background:#f8fafc;border:1px solid var(--soft-line);border-radius:6px;color:var(--ink);padding:10px;text-align:right}.stage-tab.active{background:var(--navy);color:#fff}.stage-tab span{font-size:22px;margin-left:6px}.stage-editor{padding:18px}.stage-editor-head{display:grid;gap:14px;grid-template-columns:1fr 160px;margin-bottom:18px}.emoji-field select{font-size:24px;line-height:1}.map-actions{background:#fff;border:1px solid var(--soft-line);border-radius:8px;justify-content:flex-start;margin-bottom:18px;padding:12px}.printable-map{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.map-header{align-items:start;background:linear-gradient(90deg,#fff,#f0f7f8);border-bottom:2px solid var(--navy);display:grid;gap:18px;grid-template-columns:1fr 330px;padding:18px}.map-header h2{font-size:28px;margin:0 0 8px}.map-meta{color:var(--ink-2);display:flex;flex-wrap:wrap;gap:8px}.map-meta span,.persona-summary span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.persona-summary{background:#ffffffc7;border:1px solid var(--line);border-radius:8px;padding:12px}.persona-summary strong{display:block;font-size:18px;margin-bottom:8px}.journey-table-wrap{overflow-x:auto}.journey-table{border-collapse:collapse;min-width:1020px;table-layout:fixed;width:100%}.journey-table th,.journey-table td{border:1px solid var(--navy);padding:10px;vertical-align:top}.journey-table thead th{background:var(--navy);color:#fff;font-size:16px;min-width:145px;text-align:center}.journey-table .row-label{background:#f4f7fb;color:var(--navy);font-weight:800;text-align:center;width:155px}.journey-table .emoji-row td:not(.row-label){font-size:32px;text-align:center}.journey-table .pain-row td:not(.row-label){background:var(--pain)}.journey-table .idea-row td:not(.row-label){background:var(--idea)}.journey-table td{color:var(--ink);font-size:14px;line-height:1.42;white-space:pre-wrap}.map-footer{align-items:center;color:var(--muted);display:flex;font-size:13px;justify-content:space-between;padding:12px 18px}.admin-view{display:block;margin:0 auto;max-width:1240px}.admin-card{padding:28px}.admin-tools{background:#fff;border:1px solid var(--soft-line);border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:14px}.admin-tools input{max-width:440px}.admin-content{display:grid;gap:14px}.project-group{background:#fff;border:1px solid var(--soft-line);border-radius:8px;overflow:hidden}.project-group h3{background:#f0f7f8;border-bottom:1px solid var(--soft-line);margin:0;padding:12px}.admin-map-row{align-items:center;border-bottom:1px solid var(--soft-line);display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) repeat(4,auto);padding:12px}.admin-map-row:last-child{border-bottom:0}.admin-map-row p{color:var(--muted);margin:4px 0 0}.empty-state{background:#fff;border:1px dashed #bcc8d7;border-radius:8px;color:var(--muted);padding:26px;text-align:center}@media (max-width: 1050px){.workspace,.journey-layout{grid-template-columns:1fr}.sidebar{position:static}.persona-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-heading.compact{align-items:stretch;display:block}}@media (max-width: 720px){.app-shell{padding:10px}.topbar,.brand,.top-actions,.screen-actions.split,.map-actions,.admin-tools{align-items:stretch;flex-direction:column}.form-grid,.persona-form,.stage-fields,.stage-editor-head,.map-header{grid-template-columns:1fr}.screen{padding:18px}.screen-heading h2{font-size:28px}}@media print{body{background:#fff}.topbar,.sidebar,.screen-heading.no-print,.no-print,.admin-view{display:none!important}.app-shell{padding:0}.workspace,.main-panel{display:block;margin:0;max-width:none}.main-panel,.printable-map{border:0;border-radius:0;box-shadow:none}.screen{display:none!important;padding:0}#mapScreen{display:block!important}.journey-table{min-width:0}.journey-table th,.journey-table td{padding:7px}@page{margin:10mm;size:A3 landscape}}