:root{color:#162018;background:#f5edd9;font-family:Avenir Next,Gill Sans,Trebuchet MS,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #162018;--muted: #667061;--paper: #fff8e8;--green: #214832;--green-deep: #13271d;--gold: #f1b83f;--clay: #b85f3d;--line: rgba(22, 32, 24, .16);--line-strong: rgba(22, 32, 24, .28);--shadow: 0 24px 70px rgba(33, 72, 50, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 10%,rgba(241,184,63,.36),transparent 22rem),radial-gradient(circle at 82% 18%,rgba(184,95,61,.16),transparent 18rem),linear-gradient(135deg,#f7f0df,#eef3e5 52%,#f6ead0)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(22,32,24,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,32,24,.045) 1px,transparent 1px);background-size:34px 34px}a{color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{width:100%;margin-top:8px;padding:0 14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fffcf3db;font:inherit;font-size:1rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}input:focus,select:focus,textarea:focus,.button:focus-visible,a:focus-visible{outline:3px solid rgba(241,184,63,.5);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #21483217}input,select{min-height:46px}textarea{min-height:140px;padding-top:12px;resize:vertical;line-height:1.5}label{color:var(--muted);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.92rem;font-weight:800}.app-shell{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:56px 0}.topbar{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:12px 14px 12px 20px;border:1px solid var(--line);border-radius:999px;background:#fff8e8d1;box-shadow:0 14px 44px #2148321f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif;font-weight:900;letter-spacing:-.03em;text-decoration:none}.brand span{display:inline-flex;margin-right:2px;padding:2px 7px;border-radius:999px;color:var(--paper);background:var(--green)}.topbar-links{display:flex;gap:6px;margin-left:auto}.topbar-links a{padding:9px 12px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:800;text-decoration:none}.topbar-links a:hover{color:var(--ink);background:#21483214}.auth-nav{display:flex;align-items:center;gap:10px}.auth-warning{color:#8a3b25;font-family:Trebuchet MS,Verdana,sans-serif;font-size:.88rem;font-weight:800}.hero,.dashboard,.workflow{border:1px solid var(--line);background:#fff8e8d1;box-shadow:var(--shadow)}.hero{min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:clamp(26px,6vw,72px);padding:clamp(32px,7vw,96px);border-radius:36px;overflow:hidden;background:linear-gradient(135deg,#fff8e8e0,#eef3e5c7),radial-gradient(circle at 82% 18%,rgba(241,184,63,.32),transparent 22rem)}.eyebrow{margin:0 0 14px;color:var(--green);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;max-width:820px;line-height:.95;letter-spacing:-.055em;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}h1{font-size:clamp(3.6rem,8.6vw,7.8rem)}h2{font-size:clamp(2.2rem,5vw,4.4rem)}.lede{max-width:680px;margin:28px 0 0;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.985)}.button-primary{color:#fff9ec;background:var(--green);box-shadow:0 14px 26px #21483238}.button-secondary{color:var(--ink);background:var(--gold)}.button-ghost{border:1px solid var(--line);color:var(--ink);background:#fffcf394}.hero-ledger{display:grid;gap:12px;padding:18px;border:1px solid var(--line-strong);border-radius:28px;background:#fffcf3ad;box-shadow:inset 0 1px #ffffffa8;transform:rotate(-1deg)}.hero-ledger div{padding:16px;border-radius:18px;background:#21483214}.hero-ledger span,.status-strip span{display:block;color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-ledger strong{display:block;margin-top:6px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.45rem}.hero-ledger p{margin:2px 6px 0;color:var(--muted);line-height:1.45}.status-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:0 4px}.status-strip span{width:auto;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff8e89e}.auth-status{max-width:720px;margin:22px 0 0;color:var(--muted);font-family:Trebuchet MS,Verdana,sans-serif;line-height:1.5}.auth-status strong{color:var(--ink)}.auth-status-success{color:var(--green)}.auth-status-error{color:#8a3b25}.dashboard,.workflow{margin-top:24px;padding:clamp(24px,5vw,48px);border-radius:28px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.metric-grid article{padding:20px 0 18px;border-top:1px solid var(--line);background:transparent}.metric-grid span{display:block;color:var(--muted);font-family:Trebuchet MS,Verdana,sans-serif;font-weight:800}.metric-grid strong{display:block;margin-top:10px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:3rem;line-height:1}.metric-grid p{color:var(--muted);line-height:1.45}.playtest-workspace{display:grid;gap:22px;margin-top:30px}.workspace-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(260px,.55fr);gap:22px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}.workspace-intro h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;letter-spacing:-.04em}.workspace-intro p{margin:0;color:var(--muted);line-height:1.55}.sessions-panel{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);gap:22px}.session-form,.session-list,.live-mode,.report-page{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fffcf394}.session-form,.note-form,.finish-session-form{display:grid;align-content:start;gap:18px}.session-form h3,.session-list h3,.live-mode h3,.report-page h3{margin:0;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.04em}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.session-list ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.session-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff8e8a8;transition:border-color .16s ease,background .16s ease,transform .16s ease}.session-list li:hover,.session-list li.is-selected{border-color:#21483270;background:#eef3e5e0}.session-list li.is-selected{box-shadow:inset 4px 0 0 var(--green)}.session-list strong,.session-list span{display:block}.session-list strong{font-size:1.08rem}.session-list span{color:var(--muted);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.9rem;line-height:1.45}.live-mode,.report-page{display:grid;gap:24px;background:linear-gradient(180deg,#fffcf3a3,#fff8e86b),#ffffff4d}.note-form{grid-template-columns:repeat(3,minmax(150px,.25fr)) minmax(0,1fr) auto;align-items:end}.finish-session-form{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.35fr)) auto;align-items:end;padding:18px;border:1px solid var(--line);border-radius:20px;background:#21483212}.finish-session-form .auth-status{margin-top:6px}.note-textarea-field{min-width:min(100%,320px)}.notes-timeline{padding-top:22px;border-top:1px solid var(--line)}.notes-timeline ol{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}.notes-timeline li{position:relative;padding:18px 18px 18px 24px;border:1px solid var(--line);border-radius:18px;background:#fff8e8b8}.notes-timeline li:before{content:"";position:absolute;top:22px;left:10px;width:6px;height:6px;border-radius:999px;background:var(--green)}.notes-timeline time,.notes-timeline strong{display:inline-flex;margin-right:10px;color:var(--green);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.82rem;font-weight:900;text-transform:uppercase}.notes-timeline p{margin:10px 0 0;color:var(--ink);line-height:1.55;white-space:pre-wrap}.cleaned-note{margin-top:14px;padding:14px;border-left:4px solid var(--gold);border-radius:14px;background:#f3b94129}.cleaned-note span{color:var(--green);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cleaned-note p{margin-top:8px}.note-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.note-badge{display:inline-flex;width:auto;margin:8px 8px 0 0;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--green);background:#fffcf3b8;font-family:Trebuchet MS,Verdana,sans-serif;font-size:.76rem;font-weight:900;text-transform:none}.report-card{display:grid;gap:22px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff8e8b8}.report-card span,.report-card small{color:var(--muted);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.86rem;line-height:1.5}.report-card h4{margin:0 0 10px;color:var(--green);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase}.report-card p{margin:0;line-height:1.62}.report-card ul,.report-card ol{display:grid;gap:12px;margin:0;padding-left:1.2rem;line-height:1.55}.report-card li strong{display:block;margin-bottom:6px}.report-card li p{margin-bottom:6px}.designer-message-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#21483212}.designer-message-card .button{margin-top:14px}.report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.copy-status{margin:10px 0 0;color:var(--green);font-family:Trebuchet MS,Verdana,sans-serif;font-size:.9rem;font-weight:800}.markdown-report{overflow:auto;max-height:560px;margin:0;padding:18px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:#fffcf3b8;font:.95rem/1.6 Trebuchet MS,Verdana,sans-serif;white-space:pre-wrap}.workflow ol{display:grid;gap:12px;margin:28px 0 0;padding-left:1.4rem;color:var(--muted);font-size:1.16rem;line-height:1.55}@media(max-width:760px){.app-shell{width:min(100% - 20px,1120px);padding:20px 0}.hero{min-height:auto;border-radius:24px}.metric-grid,.sessions-panel,.note-form,.finish-session-form{grid-template-columns:1fr}.section-header,.session-list li,.topbar,.auth-nav{align-items:stretch;flex-direction:column}.topbar{border-radius:24px}}