:root{--bg:#091120;--panel:#101d30;--panel2:#15253b;--line:#253953;--text:#f1f5fb;--muted:#9aacc4;--primary:#7ce0c5;--a:#638afa;--warning:#f4c37b;--red:#f68b91;--radius:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 95% 2%,#193353 0,transparent 33%),var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--primary)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{padding:29px 18px;position:sticky;top:0;height:100vh;background:#0c1728;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 30px;font-size:22px;font-weight:800;letter-spacing:-.9px}.mark{height:32px;width:32px;border:2px solid var(--primary);border-radius:11px;display:grid;place-items:center;color:var(--primary);font-size:18px;transform:rotate(-12deg)}.mark span{transform:rotate(12deg)}.nav-btn{border:0;background:transparent;width:100%;text-align:left;color:var(--muted);border-radius:11px;padding:12px 13px;margin:3px 0;display:flex;align-items:center;gap:12px;font-weight:650}.nav-btn.active,.nav-btn:hover{background:#20334c;color:#fff}.nav-btn .ic{font-size:18px;min-width:24px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 10px 0;color:var(--muted);font-size:12px}.main{padding:26px 4vw 65px;max-width:1510px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:35px}.topbar small{color:var(--muted);font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #41645e;background:#183a39;color:#a7f3d9;padding:6px 12px;border-radius:99px;font-weight:650;font-size:11px;letter-spacing:.6px}.user{display:flex;align-items:center;gap:11px;color:var(--muted)}.avatar{display:grid;place-items:center;background:linear-gradient(125deg,#456391,#26496a);width:37px;height:37px;color:#fff;font-weight:700;border-radius:50%}h1{font-size:clamp(29px,4vw,41px);line-height:1.13;letter-spacing:-1.45px;margin:0 0 10px}h2{font-size:18px;letter-spacing:-.35px;margin:0}p{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.intro p{margin:0}.actions{display:flex;flex-wrap:wrap;gap:9px}button.btn{background:var(--primary);border:1px solid var(--primary);color:#09202a;font-weight:750;border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;gap:7px}button.ghost{background:#17273e;color:#e1ecf9;border-color:#314763}button.btn:hover{filter:brightness(1.09)}.grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#132238,#111c2c);border-radius:var(--radius);padding:20px}.stat .label{font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.3px}.stat strong{font-size:27px;display:block;margin:12px 0 3px;font-variant-numeric:tabular-nums}.sub{font-size:12px;color:var(--muted)}.accent{color:var(--primary)}.two{grid-template-columns:1.3fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:15px}.linkbtn{border:0;background:transparent;color:var(--primary);font-weight:700;padding:4px}.item{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:12px}.item:first-of-type{border-top:0}.item strong{display:block;font-size:14px}.item small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.right{text-align:right}.tag{border-radius:6px;font-weight:650;display:inline-block;font-size:11px;padding:4px 7px;background:#233852;color:#bcd4ee}.tag.good{background:#193e38;color:#87ebc5}.tag.warn{background:#453724;color:#f4cd8a}.tag.blue{background:#243959;color:#aac9ff}.cols{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:14px;overflow:auto;padding-bottom:10px}.lane{background:#101e31;border:1px solid var(--line);padding:13px;border-radius:14px;min-height:250px}.lane-head{display:flex;justify-content:space-between;margin-bottom:14px;font-weight:750}.deal{border:1px solid #2a405a;background:#172942;border-radius:11px;padding:14px;margin-bottom:10px;cursor:pointer;transition:transform .13s}.deal:hover{transform:translateY(-2px);border-color:#57858d}.deal h3{font-size:14px;margin:10px 0 6px}.deal p{margin:0 0 10px;font-size:12px}.deal .foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px;color:#bbcadc;font-weight:650;font-size:12px;margin-bottom:14px}.field input,.field select,.field textarea{color:var(--text);background:#0d1a2c;border:1px solid #334863;padding:12px;border-radius:9px;outline:none;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary)}.field textarea{min-height:102px;resize:vertical}.field select option{background:#15253b}.span2{grid-column:1/-1}.helper{font-size:12px;color:var(--muted);margin:0 0 16px}.banner{border:1px solid #355c64;padding:16px 18px;border-radius:12px;background:#112d35;margin:0 0 24px;display:flex;align-items:start;justify-content:space-between;gap:16px}.banner b{color:#b9f9e8}.banner p{margin:5px 0 0;font-size:12px}.flowline{margin:13px 0;padding:10px;background:#102537;border:1px solid #30565d;border-radius:8px;color:#beeadd;font-size:13px}.screen{display:none}.screen.visible{display:block}.mobile-nav{display:none}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:660px}.data-table th{text-align:left;font-size:12px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 12px;border-bottom:1px solid var(--line)}.empty{color:var(--muted);padding:20px;text-align:center}.notice{font-size:12px;color:#aabed1;margin-top:22px;line-height:1.5}.modalback{position:fixed;inset:0;background:#020813bc;display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modalback.open{display:flex}.modal{max-width:520px;width:100%;background:#15263b;border:1px solid #35516c;border-radius:16px;padding:22px;max-height:90vh;overflow:auto}.modal h2{margin:0 0 13px}.modalclose{float:right;background:transparent;color:#fff;border:0;font-size:24px}.modal p{line-height:1.6}.modal .grid{grid-template-columns:1fr 1fr}.toast{position:fixed;bottom:24px;right:24px;background:#23473c;color:#dbfff3;border:1px solid #5fba9b;border-radius:11px;padding:13px 18px;display:none;z-index:100;box-shadow:0 10px 30px #0005}.minor{font-size:13px;color:var(--muted)}.kbd{border:1px solid var(--line);padding:3px 7px;border-radius:6px}.sep{height:1px;background:var(--line);margin:20px 0}footer{margin-top:35px;color:#8498b3;font-size:12px}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.side{width:200px}.shell{grid-template-columns:200px 1fr}.main{padding:25px}}@media(max-width:680px){.shell{display:block}.side{display:none}.main{padding:22px 16px 100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0c1729;border-top:1px solid #30445d;justify-content:space-around;padding:7px 3px max(7px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#9aaec8;font-size:10px;display:grid;gap:2px;place-items:center;padding:5px 3px}.mobile-nav button.active{color:var(--primary)}.mobile-nav span{font-size:21px}.topbar{margin-bottom:26px}.topbar .user span{display:none}.intro{align-items:start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:9px}.card{padding:16px}.stat strong{font-size:23px}.formgrid{grid-template-columns:1fr;gap:0}.span2{grid-column:auto}.three{grid-template-columns:1fr}.banner{flex-direction:column}.cols{grid-template-columns:repeat(4,250px)}h1{font-size:31px}.modal{padding:17px}}

:focus-visible{outline:3px solid var(--primary);outline-offset:4px}button,input,select{min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.skip{position:absolute;left:10px;top:-100px;z-index:100}.skip:focus{top:10px}.modal{color:var(--text);margin:auto}.modal::backdrop{background:#020813cc}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.steps span{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.steps .current{border-color:var(--primary);color:var(--primary)}.hero{padding:28px;background:radial-gradient(circle at 90% 20%,#224957,transparent 55%),var(--panel);margin-bottom:22px}.hero h1{max-width:720px}.hero p{max-width:650px;font-size:16px}.record{margin-bottom:14px}.record p{overflow-wrap:anywhere}.stack{display:grid;gap:12px}.form-error{color:var(--red);margin-bottom:12px}.success{color:var(--primary)}.report{background:white;color:#17283c;border-radius:12px;padding:26px}.report p,.report small{color:#40536c}.report .item{border-color:#d3dbe5}.report h2{margin:20px 0 10px}.field:has(textarea){margin-bottom:16px}details{margin:15px 0}summary{cursor:pointer;padding:12px 0;color:var(--primary)}.filter{max-width:350px}.cols{grid-template-columns:repeat(6,minmax(210px,1fr))}.deal{display:block;width:100%;text-align:left;color:var(--text)}.mobile-nav button{min-width:44px;min-height:52px}.toast{max-width:calc(100vw - 32px)}.tag{letter-spacing:0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field small{font-weight:400;color:var(--muted)}@media(max-width:680px){.hero{padding:20px}.topbar small{font-size:11px}.toast{bottom:82px;right:16px}.cols{display:grid;grid-template-columns:1fr;overflow:visible}.lane{min-height:0}.steps{gap:5px}.steps span{padding:6px;font-size:11px}.report{padding:16px}.item{align-items:flex-start}.modal{max-height:85dvh}.actions .btn{justify-content:center}.hero h1{font-size:30px}}@media print{body{background:white;color:black}.side,.topbar,.mobile-nav,footer,.no-print,.toast,.skip{display:none!important}.shell{display:block}.main{padding:0;max-width:none}.report{padding:0}.report .item{break-inside:avoid}.report h2{break-after:avoid}@page{margin:18mm}}
.item>.row{flex-wrap:nowrap;flex:1;min-width:0}.item>.row>div{min-width:0;overflow-wrap:anywhere}.item .tag{white-space:nowrap}.item input[type=checkbox]{width:24px;min-width:24px;height:44px;accent-color:var(--primary)}.hero>.actions{align-items:flex-end}.hero>.actions .field{margin-bottom:0}.hero>.actions .btn{align-self:flex-end}
.grid>*{min-width:0}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.field input,.field select,.field textarea{width:100%}.field select{text-overflow:ellipsis}.report{overflow-wrap:anywhere}@media(max-width:680px){.formgrid{grid-template-columns:minmax(0,1fr)}.field input,.field select,.field textarea{font-size:16px}.actions .btn{max-width:100%;white-space:normal;text-align:center}.hero>.actions .field{width:100%}}
@media print{#view>.intro{display:none!important}}

/* Orbit V0.2.1 — language and visual appearance preferences */
.topbar-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.preferences{display:inline-flex;align-items:center;gap:9px}
.preferences label{font-size:12px;color:var(--muted)}
.preferences select,.theme-toggle{font-size:13px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 10px;min-height:44px}
.preferences select{min-width:99px;max-width:125px}
.theme-toggle{width:44px;display:grid;place-items:center;font-size:21px;line-height:1}
.preferences select:hover,.theme-toggle:hover{border-color:var(--primary)}
html[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--panel:#ffffff;--panel2:#eaf0f8;--line:#d2deea;--text:#16283d;--muted:#50657b;--primary:#087966;--a:#2c5abb;--warning:#935516;--red:#ba3044}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:radial-gradient(circle at 93% 3%,#e5effb 0,transparent 36%),var(--bg)}
html[data-theme="light"] .side{background:#fff;border-color:var(--line)}
html[data-theme="light"] .nav-btn.active,html[data-theme="light"] .nav-btn:hover{background:#e6f1ee;color:#123d36}
html[data-theme="light"] button.btn{color:#fff}
html[data-theme="light"] button.ghost{background:#fff;color:#235649;border-color:#9eb9b1}
html[data-theme="light"] .card{background:#fff;box-shadow:0 1px 4px #1738580a}
html[data-theme="light"] .hero{background:radial-gradient(circle at 95% 20%,#e2f4ed,transparent 53%),#fff}
html[data-theme="light"] .lane{background:#edf3f9}
html[data-theme="light"] .deal{background:#fff;color:var(--text);border-color:#cbd7e5}
html[data-theme="light"] .deal:hover{border-color:#087966}
html[data-theme="light"] .field{color:#354e65}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{color:var(--text);background:#fff;border-color:#9fb3c9}
html[data-theme="light"] .field select option{background:#fff;color:var(--text)}
html[data-theme="light"] .pill{background:#e6f5ee;color:#13543f;border-color:#a6d6c2}
html[data-theme="light"] .tag{background:#e8eff7;color:#334f69}
html[data-theme="light"] .tag.good{background:#e0f5e9;color:#175b44}
html[data-theme="light"] .tag.warn{background:#fff1d9;color:#784a10}
html[data-theme="light"] .tag.blue{background:#e3edff;color:#264f91}
html[data-theme="light"] .banner{border-color:#b3d6d4;background:#edfaf8}
html[data-theme="light"] .banner b{color:#145c54}
html[data-theme="light"] .flowline{background:#edfaf8;border-color:#add8d1;color:#155e51}
html[data-theme="light"] .modal{background:#fff;border-color:#c8d8e5}
html[data-theme="light"] .modalclose{color:#17283c}
html[data-theme="light"] .toast{background:#e8f7ee;color:#154d35;border-color:#7eba9a;box-shadow:0 10px 30px #1232}
html[data-theme="light"] .mobile-nav{background:#fff;border-color:var(--line)}
html[data-theme="light"] .mobile-nav button{color:#50657b}
html[data-theme="light"] .mobile-nav button.active{color:#075d52}
html[data-theme="light"] .steps .current{color:#087966}
html[data-theme="light"] .notice{color:#50657b}
html[data-theme="light"] footer{color:#657991}
html[data-theme="light"] .report{background:#fff;color:#17283c;border:1px solid #d2deea}
@media(max-width:960px){.topbar-right{gap:10px}.topbar-right small{display:none}}
@media(max-width:680px){.topbar{gap:6px}.preferences label{display:none}.preferences select{min-width:91px;padding:6px}.topbar-right{gap:6px}.pill{font-size:9px;padding:6px 8px}}
@media(max-width:350px){.pill{font-size:8px;letter-spacing:0}.preferences select{min-width:88px;max-width:90px}.theme-toggle{width:42px}}
@media print{html[data-theme="light"] body,html[data-theme="dark"] body{background:#fff!important;color:#000!important}html[data-theme="light"] .report{border:0}}
@media(prefers-reduced-motion:reduce){.deal{transition:none}.deal:hover{transform:none}}

/* V0.2.2 demo comprehension: make the tour handoff unmistakable. */
.guide-target{border:2px solid var(--primary);border-radius:11px;padding:13px 12px!important;margin:8px 0;background:var(--panel2)}
.guide-target strong{margin-top:7px}
.guide-target .tag{margin-bottom:5px}
.guide-next{align-items:center;flex-wrap:wrap}
.guide-next .btn{flex-shrink:0}
html[data-theme="light"] .guide-target{background:#eaf8f2;border-color:#087966}
@media(max-width:380px){.mobile-nav button{font-size:9px;letter-spacing:-.1px}.guide-next .btn{max-width:100%;white-space:normal;text-align:left}}

/* Guided task: keep the action, status and date legible in narrow viewports. */
.guide-target{flex-direction:column;align-items:stretch;gap:7px}
.guide-target>.row{width:100%;flex:0 0 auto}
.guide-target>.tag{align-self:flex-end;margin:0}
.guide-target .row .tag{white-space:normal;max-width:100%;line-height:1.3;overflow-wrap:anywhere}

/* V0.2.3 — Personal intro and opt-in discovery, no backend. */
.about-page{display:grid;gap:17px;max-width:1050px;margin:0 auto}.about-hero{padding:clamp(24px,4vw,46px);background:radial-gradient(circle at 100% 0%,#1c555c 0,transparent 52%),var(--panel)}
.about-hero h1{max-width:760px;margin:12px 0 16px}.eyebrow{display:inline-block;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1.4px}.about-lead{max-width:750px;font-size:17px;line-height:1.65;color:var(--text)}.about-note,.privacy-note{font-size:12px;color:var(--muted);line-height:1.6}.about-actions{margin:23px 0 17px}.about-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.about-flow .card{min-width:0}.about-flow h2{margin:10px 0 9px}.about-flow p{line-height:1.65}.step-label{display:inline-flex;font-weight:800;color:var(--primary);letter-spacing:.8px;font-size:13px}.about-person{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px}.person-monogram{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid var(--primary);color:var(--primary);font-weight:800;font-size:17px}.about-person h2,.about-feedback h2{margin:7px 0 9px;font-size:21px}.about-person p{max-width:760px;line-height:1.65}.methodline{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.methodline span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:650}.about-feedback{scroll-margin-top:22px}.about-feedback>p{max-width:740px;line-height:1.65}.about-feedback form{margin-top:17px;max-width:680px}.about-feedback .field{font-size:13px;margin-bottom:14px}.about-feedback .field label small{color:var(--muted);font-weight:400}.about-feedback textarea{min-height:84px}.privacy-note{padding:10px 12px;border-left:3px solid var(--primary);background:var(--panel2);border-radius:4px;margin:12px 0 18px}.about-shortcut{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;margin-bottom:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.about-shortcut p{margin:3px 0 0;font-size:12px}.about-shortcut .btn{flex-shrink:0}
html[data-theme="light"] .about-hero{background:radial-gradient(circle at 100% 0%,#d8f1ec 0,transparent 55%),#fff}
@media(max-width:680px){.about-flow{grid-template-columns:1fr}.about-person{grid-template-columns:1fr}.about-lead{font-size:15px}.about-shortcut{align-items:flex-start;flex-direction:column}.about-hero{padding:22px}.about-hero h1{font-size:30px}}
@media(max-width:350px){.about-actions .btn,.about-feedback .actions .btn{width:100%;justify-content:center;white-space:normal}}
@media print{.about-page .actions,.about-feedback form{display:none}}

/* V0.2.4: concise personal cover → explanation → optional discovery */
.about-three-blocks{gap:19px;max-width:960px}
.about-three-blocks .about-hero{position:relative;overflow:hidden;padding:clamp(25px,4vw,44px);background:radial-gradient(circle at 92% 14%,rgba(26,181,153,.16),transparent 47%),var(--panel)}
.about-signature{display:flex;gap:13px;align-items:center;margin-bottom:30px}
.about-signature .person-monogram{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--primary);color:var(--primary);font-size:15px;font-weight:800}
.about-signature strong{display:block;font-weight:750;line-height:1.25;font-size:16px}
.about-signature small{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.about-three-blocks .about-hero h1{max-width:680px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;line-height:1.13;margin:12px 0 14px}
.about-three-blocks .about-lead{max-width:640px;font-size:17px;color:var(--muted);line-height:1.65}
.about-three-blocks .about-actions{margin:25px 0 19px}
.about-three-blocks .about-note{font-size:12px;color:var(--muted);line-height:1.65}
.about-explainer{padding:clamp(22px,3vw,32px)}
.about-explainer h2{font-size:clamp(23px,3vw,30px);line-height:1.22;margin:10px 0 14px;letter-spacing:-.02em}
.about-explainer p{max-width:800px;line-height:1.68;margin:0 0 13px}
.about-explainer strong{color:var(--text)}
.about-steps{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:21px 0 18px}
.about-steps span:not(.about-arrow){background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-weight:650;font-size:13px}
.about-arrow{color:var(--primary);font-weight:750}
.about-three-blocks .about-feedback{padding:clamp(22px,3vw,32px)}
.about-three-blocks .about-feedback h2{font-size:clamp(23px,3vw,30px);line-height:1.22;letter-spacing:-.02em}
.about-three-blocks .about-feedback>p{max-width:780px}
.about-three-blocks .about-feedback form{max-width:760px}
html[data-theme="light"] .about-three-blocks .about-hero{background:radial-gradient(circle at 92% 14%,rgba(25,169,145,.1),transparent 49%),#fff}
@media(max-width:680px){.about-three-blocks{gap:14px}.about-three-blocks .about-hero{padding:25px 21px}.about-three-blocks .about-hero h1{font-size:32px}.about-three-blocks .about-lead{font-size:15px}.about-signature{margin-bottom:25px}.about-steps{gap:8px}.about-steps span:not(.about-arrow){font-size:12px;padding:8px}.about-explainer,.about-three-blocks .about-feedback{padding:21px}.about-steps .about-arrow{font-size:12px}}
@media(max-width:370px){.about-three-blocks .about-actions .btn{width:100%;white-space:normal;justify-content:center}.about-steps{gap:6px}}