*{box-sizing:border-box}:root{--r-card: calc(var(--radius-1) * 3.5);--r-btn: calc(var(--radius-3) * 2);--r-input: calc(var(--radius-2) * 2);--r-chip: var(--radius-pill);--shadow-1: 0 1px 2px color-mix(in srgb, var(--char) 5%, transparent), 0 4px 14px color-mix(in srgb, var(--char) 5%, transparent);--shadow-2: 0 2px 4px color-mix(in srgb, var(--char) 6%, transparent), 0 12px 32px color-mix(in srgb, var(--char) 9%, transparent);--shadow-accent: 0 6px 18px color-mix(in srgb, var(--gold) 32%, transparent);--tint-accent: color-mix(in srgb, var(--gold) 8%, var(--paper));--ring: color-mix(in srgb, var(--gold) 45%, transparent);--ease-out: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1100px 480px at 85% -10%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 60%),radial-gradient(900px 500px at -15% 30%,color-mix(in srgb,var(--gold) 4%,transparent),transparent 55%),var(--warm);background-attachment:fixed;color:var(--char);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{max-width:580px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px 12px;position:sticky;top:0;background:color-mix(in srgb,var(--topbar-bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);z-index:5}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold) 0%,color-mix(in srgb,var(--gold) 35%,transparent) 62%,transparent 100%);pointer-events:none}.brand{font-family:var(--serif);font-size:var(--brand-size, 23px);letter-spacing:3px;font-weight:var(--fw-display, 600);color:var(--gold);line-height:1}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.4px;color:var(--char);font-weight:var(--fw-med, 600);margin-top:4px;opacity:.85}.topbar-right{display:flex;align-items:center;gap:9px}.context{font-family:var(--serif);font-size:13px;color:var(--char)}.top-tab{padding:8px 13px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:var(--r-chip);background:var(--paper);color:var(--gold-d);font-size:11px;font-weight:var(--fw-strong, 700);letter-spacing:.4px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.top-tab:active{transform:scale(.97)}.top-tab.active{background:linear-gradient(180deg,var(--gold),var(--gold-d));border-color:var(--gold-d);color:var(--on-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--gold) 35%,transparent)}.top-tab:disabled{opacity:.55;cursor:default}.top-tab.new-session{background:transparent}.conn{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-med, 600);color:var(--muted);display:flex;align-items:center;gap:6px}.conn i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block}.conn.on i{background:var(--pos);box-shadow:0 0 color-mix(in srgb,var(--pos) 45%,transparent);animation:pulse 2.2s var(--ease-out) infinite}.conn.off i{background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pos) 45%,transparent)}60%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.landing{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 22px}.landing-card{text-align:center;max-width:420px;width:100%;animation:rise .45s var(--ease-out)}.landing-card h1{font-family:var(--serif);font-size:var(--h1-size, 32px);font-weight:var(--fw-display, 600);margin:0 0 12px;color:var(--char);letter-spacing:-.2px}.landing-card>p{color:var(--text-2);line-height:1.65;margin:0 auto;max-width:360px}.call{margin-top:26px;width:100%;padding:17px;font-size:16px;font-weight:var(--fw-strong, 700);letter-spacing:.3px;color:var(--on-accent);background:linear-gradient(180deg,var(--gold),var(--gold-d));border:none;border-radius:var(--r-btn);cursor:pointer;box-shadow:var(--shadow-accent);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s ease,box-shadow .2s ease,filter .15s ease}.call svg{flex:0 0 auto}@media(hover:hover){.call:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 24px color-mix(in srgb,var(--gold) 40%,transparent)}}.call:active{transform:scale(.985)}.call:disabled{opacity:.6;cursor:default;box-shadow:none}.call.compact{margin-top:0;padding:13px 14px;font-size:13px;box-shadow:0 3px 10px color-mix(in srgb,var(--gold) 24%,transparent)}.sim{margin-top:12px;width:100%;padding:12px;font-size:12.5px;font-weight:var(--fw-med, 600);letter-spacing:.3px;color:var(--gold-d);background:transparent;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:var(--r-btn);cursor:pointer;transition:background .15s ease,transform .1s ease}@media(hover:hover){.sim:hover:not(:disabled){background:var(--tint-accent)}}.sim:active{transform:scale(.985)}.sim:disabled{opacity:.5;cursor:default}.fineprint{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.55}.landing-importer{margin:22px 0 4px}.landing-importer .url-importer{text-align:left}.session{flex:1;display:flex;flex-direction:column;padding:16px;gap:14px}.mode-banner{font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:var(--fw-strong, 700);padding:10px 15px;border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:var(--paper);color:var(--gold-d);box-shadow:var(--shadow-1);display:flex;align-items:center;gap:9px}.mode-banner:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}.mode-banner.interview{background:linear-gradient(135deg,var(--char),color-mix(in srgb,var(--char) 86%,var(--gold)));color:var(--gold);border-color:var(--char)}.mode-banner.interview:before{background:var(--gold);animation:pulse 2.2s var(--ease-out) infinite}.mode-banner.done{background:var(--tint-pos);color:var(--pos);border-color:color-mix(in srgb,var(--pos) 40%,var(--line))}.mode-banner.done:before{background:var(--pos)}.call-error{font-size:13px;line-height:1.45;padding:12px 15px;border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--tint-danger);color:var(--danger)}.call-error strong{font-weight:var(--fw-strong, 700)}.call-error .hint{color:var(--muted)}.url-importer{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-card);padding:12px;box-shadow:var(--shadow-1)}.url-importer form{display:flex;gap:8px}.url-importer input{flex:1;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:var(--r-input);background:var(--card-bg);color:var(--char);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.url-importer input::placeholder{color:var(--muted)}.url-importer input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}.url-importer button{flex:0 0 auto;padding:0 15px;border:none;border-radius:var(--r-input);background:linear-gradient(180deg,var(--gold),var(--gold-d));color:var(--on-accent);font-size:12px;font-weight:var(--fw-strong, 700);cursor:pointer;transition:transform .1s ease,filter .15s ease}@media(hover:hover){.url-importer button:hover:not(:disabled){filter:brightness(1.05)}}.url-importer button:active{transform:scale(.97)}.url-importer button:disabled{opacity:.55;cursor:default}.url-help{margin:8px 3px 0;color:var(--muted);font-size:11.5px}.url-error{margin:8px 3px 0;color:var(--danger);font-size:12px;font-weight:var(--fw-med, 600)}.board-toolbar{display:flex}.board{display:flex;flex-direction:column;gap:12px}.card{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-card);padding:15px 16px;box-shadow:var(--shadow-1);animation:rise .35s var(--ease-out) backwards;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,opacity .2s ease}.card:nth-child(1){animation-delay:.02s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.14s}.card:nth-child(5){animation-delay:.18s}.card:nth-child(6){animation-delay:.22s}.card:nth-child(7){animation-delay:.26s}.card:nth-child(8){animation-delay:.3s}@media(hover:hover){.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--shadow-2);background:linear-gradient(180deg,var(--tint-accent),var(--paper) 55%)}.card.dimmed{opacity:.5}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title{font-size:15px;font-weight:var(--fw-med, 600);line-height:1.35}.badge{flex:0 0 auto;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-strong, 700);padding:3px 9px;border-radius:var(--r-chip);border:1px solid var(--line)}.badge.pursued{background:linear-gradient(180deg,var(--gold),var(--gold-d));color:var(--on-accent);border-color:var(--gold-d)}.badge.saved{background:var(--tint-pos);color:var(--pos);border-color:color-mix(in srgb,var(--pos) 45%,var(--line))}.badge.passed{background:var(--light);color:var(--muted)}.badge.deleted{background:var(--tint-danger);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.card-why{color:var(--text-2);font-size:13px;line-height:1.55;margin:7px 0 9px}.card-why.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.card-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.card-meta .angle{font-family:var(--serif-text, inherit);font-size:12px;font-style:italic;line-height:1.45;color:var(--gold-d);border-left:2px solid var(--gold);padding-left:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta .src{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.act{padding:10px 6px;font-size:12px;font-weight:var(--fw-strong, 700);letter-spacing:.2px;border-radius:var(--r-input);cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--gold-d);transition:background .15s ease,transform .1s ease,filter .15s ease}.act:active{transform:scale(.97)}.act.pursue{grid-column:1 / -1;background:linear-gradient(180deg,var(--gold),var(--gold-d));color:var(--on-accent);border-color:var(--gold-d);box-shadow:0 3px 10px color-mix(in srgb,var(--gold) 26%,transparent)}@media(hover:hover){.act.pursue:hover{filter:brightness(1.05)}.act.pass:hover,.act.save:hover{background:var(--light)}.act.delete:hover{background:var(--tint-danger)}}.act.save{color:var(--pos);border-color:color-mix(in srgb,var(--pos) 35%,var(--line))}.act.delete{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.skeleton-board{display:flex;flex-direction:column;gap:12px}.skeleton-card{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--r-card);padding:15px 16px;box-shadow:var(--shadow-1)}.skeleton-line{height:12px;border-radius:var(--r-chip);background:linear-gradient(90deg,var(--light) 25%,color-mix(in srgb,var(--light) 40%,var(--paper)) 50%,var(--light) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-line+.skeleton-line{margin-top:9px}.skeleton-line.w60{width:60%}.skeleton-line.w90{width:90%}.skeleton-line.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.interview,.draft{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-card);padding:16px 18px;box-shadow:var(--shadow-1);animation:rise .35s var(--ease-out)}.interview h3,.draft h3{font-family:var(--serif);font-size:var(--h3-size, 14px);font-weight:var(--fw-display, 600);color:var(--gold-d);margin:2px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.interview .empty{color:var(--muted);text-align:center;padding:18px 10px;line-height:1.6}.turns{display:flex;flex-direction:column;gap:10px}.turn{display:flex;flex-direction:column;gap:3px;max-width:88%;animation:rise .3s var(--ease-out)}.turn .who{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:var(--fw-strong, 700);padding:0 4px}.turn .said{font-size:14px;line-height:1.5;padding:9px 13px;border-radius:var(--r-card);background:var(--light);color:var(--text-2);border:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.turn.agent{align-self:flex-start}.turn.agent .said{border-bottom-left-radius:var(--radius-1)}.turn.operator{align-self:flex-end;align-items:flex-end}.turn.operator .who{color:var(--gold-d)}.turn.operator .said{font-weight:500;color:var(--char);background:var(--tint-accent);border-color:color-mix(in srgb,var(--gold) 30%,transparent);border-bottom-right-radius:var(--radius-1)}.draft-btn{width:100%;margin-top:15px;padding:14px;font-size:14px;font-weight:var(--fw-strong, 700);letter-spacing:.3px;color:var(--on-accent);background:linear-gradient(180deg,var(--gold),var(--gold-d));border:none;border-radius:var(--r-btn);cursor:pointer;box-shadow:var(--shadow-accent);transition:transform .12s ease,box-shadow .2s ease,filter .15s ease}@media(hover:hover){.draft-btn:hover:not(:disabled){filter:brightness(1.05)}}.draft-btn:active{transform:scale(.985)}.draft-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.draft-error{margin:9px 2px 0;color:var(--danger);font-size:12px;font-weight:var(--fw-med, 600)}.draft{position:relative;overflow:hidden}.draft:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 30%,transparent))}.draft-head{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.draft-head h3{border:none;margin:0;padding:0}.save-md{background:transparent;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold-d);font-size:11px;font-weight:var(--fw-strong, 700);letter-spacing:.3px;text-transform:uppercase;border-radius:var(--r-chip);padding:6px 13px;cursor:pointer;transition:background .15s ease,transform .1s ease}@media(hover:hover){.save-md:hover{background:var(--tint-accent)}}.save-md:active{transform:scale(.97)}.draft-body{font-family:var(--serif-text, inherit);font-size:var(--draft-body-size, 14.5px);line-height:1.7;color:var(--char)}.draft-body h2{font-family:var(--serif);font-size:calc(var(--h3-size, 14px) + 10px);font-weight:var(--fw-display, 600);margin:6px 0 12px;letter-spacing:-.2px}.draft-body h3{font-family:var(--serif);font-size:calc(var(--h3-size, 14px) + 4px);font-weight:var(--fw-display, 600);color:var(--char);border:none;padding:0;margin:22px 0 8px}.draft-body h4{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--gold-d);margin:18px 0 6px}.draft-body p{margin:0 0 12px}.draft-body ul{margin:0 0 12px;padding-left:20px}.draft-body li{margin-bottom:5px}.photo-strip{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-card);padding:14px 0 14px 14px;box-shadow:var(--shadow-1);animation:rise .35s var(--ease-out)}.photo-strip h3{font-family:var(--serif);font-size:var(--h3-size, 14px);font-weight:var(--fw-display, 600);color:var(--gold-d);margin:0 14px 11px 0}.photo-row{display:flex;gap:10px;overflow-x:auto;padding:2px 14px 6px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.photo-thumb{flex:0 0 148px;color:var(--char);text-decoration:none;scroll-snap-align:start}.photo-thumb img{display:block;width:148px;height:102px;object-fit:cover;border-radius:var(--r-input);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:var(--light);box-shadow:var(--shadow-1);transition:transform .2s var(--ease-out),box-shadow .2s ease}@media(hover:hover){.photo-thumb:hover img{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-2)}}.photo-thumb:active img{transform:scale(.98)}.photo-thumb span{display:block;margin-top:6px;color:var(--muted);font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkedin-panel{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-card);padding:16px 18px;box-shadow:var(--shadow-1);animation:rise .35s var(--ease-out)}.li-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.li-head h3{font-family:var(--serif);font-size:var(--h3-size, 14px);font-weight:var(--fw-display, 600);color:var(--gold-d);margin:0}.li-generate{background:transparent;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold-d);font-size:11px;font-weight:var(--fw-strong, 700);letter-spacing:.3px;text-transform:uppercase;border-radius:var(--r-chip);padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .1s ease}@media(hover:hover){.li-generate:hover:not(:disabled){background:var(--tint-accent)}}.li-generate:active{transform:scale(.97)}.li-generate:disabled{opacity:.6;cursor:default}.li-error{color:var(--muted);font-size:12.5px;margin:10px 0 0}.li-post{position:relative;margin-top:12px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-input);background:var(--light);padding:14px 16px;animation:rise .3s var(--ease-out)}.li-copy{position:absolute;top:8px;right:8px;background:var(--paper);border:1px solid var(--line);color:var(--char);font-size:11px;font-weight:var(--fw-med, 600);border-radius:var(--r-chip);padding:5px 11px;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .1s ease}.li-copy:active{transform:scale(.96)}.li-body{font-size:14px;line-height:1.58;color:var(--char)}.li-body p{margin:0 0 9px}.li-body p:last-child{margin-bottom:0}.actions{display:flex;gap:10px;align-items:center;justify-content:center;padding:2px 0 22px}.link{background:transparent;color:var(--gold-d);border:none;font-size:13px;font-weight:var(--fw-med, 600);cursor:pointer;padding:8px 10px;border-radius:var(--r-chip);transition:background .15s ease}@media(hover:hover){.link:hover{background:var(--tint-accent)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.print-foot{display:none}@media print{body{background:var(--card-bg)}.app{max-width:100%;padding:0}.topbar{position:static;background:var(--card-bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px 0 10px;border-bottom:2px solid var(--gold)}.topbar:after{display:none}.topbar-right,.mode-banner,.board,.url-importer,.board-toolbar,.interview,.photo-strip,.linkedin-panel,.actions,.draft-head .save-md{display:none!important}.session{padding:0;gap:18px}.draft{border:none;background:var(--card-bg);padding:0;box-shadow:none}.draft:before{display:none}.print-foot{display:block!important;font-size:11px;color:var(--muted);margin-top:18px}@page{margin:1.6cm}}
