:root{--ground:#f8fafc;--paper:#ffffff;--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--line:#e2e8f0;--line-soft:#f1f5f9;--t1:#a9bacb;--t2:#7794b4;--t3:#4a739d;--t4:#234b7c;--t5:#0f233f;--brass:#b3812c;--brass-deep:#8a6220;--brass-wash:#f6efe0;--display:"Inter",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--radius:8px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.shell{max-width:940px;margin:0 auto;padding:0 26px 160px}.hero{padding:44px 0 0}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.identity{display:flex;align-items:center;gap:22px}.portrait{width:104px;height:104px;flex:none;border-radius:50%;object-fit:cover;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.name{font-family:var(--display);font-weight:700;font-size:36px;letter-spacing:-.03em;line-height:1.1;margin:0 0 8px}.role{font-size:16.5px;color:var(--ink-soft);margin:0 0 3px;max-width:42ch}.place{font-size:14.5px;color:var(--ink-faint);margin:0}.langs{display:flex;gap:6px;flex:none;padding-top:5px}.flag{width:34px;height:24px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer;overflow:hidden;line-height:0;opacity:.45;transition:all .2s;box-shadow:var(--shadow-sm)}.flag svg{width:100%;height:100%;display:block}.flag:hover{opacity:.85;transform:translateY(-1px)}.flag[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--ink)}.accordion-btn{display:none;width:100%;padding:14px;margin:24px 0 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--body);font-weight:600;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s}.accordion-btn:hover{background:var(--line-soft)}.roadmap-wrapper{display:block;margin:40px 0 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}.btn{font-family:var(--body);font-size:14.5px;font-weight:600;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--t5);background:var(--t5);color:#fff;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:var(--shadow-sm)}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn--brass{background:var(--brass);border-color:var(--brass)}.btn--ghost{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn--ghost:hover{background:var(--line-soft);filter:none}.roadmap-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.roadmap-head h2{font-family:var(--display);font-weight:600;font-size:20px;margin:0;letter-spacing:-.02em}.roadmap-head p{margin:0;font-size:14px;color:var(--ink-faint)}.roadmap-scroll{overflow-x:visible}.frame{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 8px;box-shadow:var(--shadow-sm)}.gridlines{position:absolute;top:20px;bottom:34px;left:110px;right:22px;pointer-events:none}.gridlines span{position:absolute;top:0;bottom:0;width:1px;background:var(--line-soft)}.lane{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.lane-name{flex:none;width:74px;padding-top:5px;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--ink-faint);text-align:right;text-transform:uppercase}.track{position:relative;flex:1 1}.seg{position:absolute;top:0;height:20px;border:0;border-radius:4px;padding:0 8px;font-family:var(--body);font-size:11.5px;font-weight:500;line-height:20px;color:#fff;text-align:left;overflow:hidden;white-space:nowrap;cursor:default;transition:filter .12s}.seg:focus-visible,.seg:hover{filter:brightness(1.18);z-index:10;box-shadow:var(--shadow-sm)}.seg-text{pointer-events:none}.seg--employer{height:22px;line-height:22px}.seg--role{height:26px;line-height:26px;font-size:12px}.seg[data-tone="1"]{background:var(--t1);color:#1e293b}.seg[data-tone="2"]{background:var(--t2)}.seg[data-tone="3"]{background:var(--t3)}.seg[data-tone="4"]{background:var(--t4)}.seg[data-tone="5"]{background:var(--t5)}.seg--program{background:var(--brass-wash);color:var(--brass-deep);border-left:4px solid var(--brass);font-weight:600}.seg--program:focus-visible,.seg--program:hover{background:var(--brass);color:#fff;border-left-color:var(--brass-deep)}.axis{position:relative;height:22px;margin-left:88px;border-top:1px solid var(--line);padding-top:6px}.axis span{position:absolute;transform:translateX(-50%);font-size:11.5px;font-weight:500;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail{margin-top:16px;min-height:84px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow-sm);transition:all .2s}.detail.is-on{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}.detail-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px}.detail-tag{font-size:11px;letter-spacing:.04em;font-weight:600;color:var(--brass-deep);background:var(--brass-wash);padding:3px 8px;border-radius:4px}.detail-head strong{font-size:16px;font-weight:600;line-height:1.25}.detail-head em{font-style:normal;font-size:13px;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--ink-soft);max-width:78ch}.detail-idle{color:var(--ink-faint);font-style:italic}.talk{margin-top:48px}.intro{margin:0 0 24px;font-size:16.5px;color:var(--ink-soft);max-width:62ch}.chips{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.chip{font-family:var(--body);font-size:14.5px;text-align:left;padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink-soft);cursor:pointer;line-height:1.4;box-shadow:var(--shadow-sm);transition:all .2s}.chip:hover{border-color:var(--t4);color:var(--ink);transform:translateY(-1px)}.thread{display:flex;flex-direction:column;gap:24px}.turn--user{align-self:flex-end;max-width:78%;background:var(--t5);color:#f8fafc;padding:12px 18px;border-radius:18px 18px 4px 18px}.turn--bot,.turn--user{font-size:15px;box-shadow:var(--shadow-sm)}.turn--bot{max-width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 24px}.turn--bot p{margin:0 0 12px}.turn--bot p:last-child{margin-bottom:0}.turn--bot ul{margin:0 0 12px;padding-left:20px}.turn--bot li{margin-bottom:6px}.turn--bot strong{font-weight:600;color:var(--ink)}.thinking{color:var(--ink-faint);font-style:italic;display:flex;align-items:center;gap:8px}.thinking:after{content:"";display:inline-block;width:12px;text-align:left;animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.clear{align-self:flex-start;margin-top:8px;background:none;border:0;padding:6px 12px;border-radius:var(--radius);font-family:var(--body);font-size:13.5px;font-weight:500;color:var(--ink-faint);cursor:pointer;transition:all .2s}.clear:hover{background:var(--line);color:var(--ink)}.composer{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--ground) 74%,rgba(248,250,252,0));padding:30px 26px 18px;z-index:50}.composer-inner{max-width:940px;margin:0 auto;display:flex;gap:12px;align-items:flex-end}.composer textarea{flex:1 1;font-family:var(--body);font-size:15px;line-height:1.5;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);resize:none;background:var(--paper);color:var(--ink);max-height:140px;box-shadow:var(--shadow);transition:border-color .2s}.composer textarea:focus{outline:none;border-color:var(--t4);box-shadow:0 0 0 3px rgba(35,75,124,.1)}.composer .btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.footnote{max-width:940px;margin:12px auto 0;font-size:12px;color:var(--ink-faint);text-align:center}.footnote a{color:var(--ink-soft);font-weight:500;text-decoration:none}.footnote a:hover{text-decoration:underline}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}:focus-visible{outline:2px solid var(--t4);outline-offset:2px}@media (max-width:720px){.shell{padding:0 20px 220px}.hero{padding-top:24px}.hero-top{flex-direction:column;align-items:flex-start;gap:20px}.identity{gap:16px;flex-direction:row;align-items:center}.portrait{width:72px;height:72px}.name{font-size:28px}.actions{width:100%;justify-content:stretch}.actions .btn{flex:1 1;text-align:center;font-size:13.5px;padding:10px}.accordion-btn{display:block}.roadmap-wrapper.is-closed{display:none}.roadmap-wrapper{margin:16px 0 0}.turn--user{max-width:90%}.composer{padding:16px 20px 12px;background:var(--ground);border-top:1px solid var(--line)}.composer-inner{align-items:center}.composer textarea{min-height:52px;padding:12px 14px}.composer .btn{padding:12px;border-radius:50%;width:52px;height:52px;flex-shrink:0}.composer .btn span.btn-text{display:none}.composer .btn:after{content:"↑";font-size:24px;line-height:1}.composer .btn:disabled:after{opacity:.5}.composer .btn:has(.spinner):after{display:none}}.only-narrow{display:none}.only-wide{display:block}.stack{list-style:none;margin:0;padding:0}.stack-era{position:relative;display:flex;gap:16px;padding:0 0 24px}.stack-era:before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--line-soft)}.stack-era:last-child:before{display:none}.stack-dot{flex:none;width:14px;height:14px;margin-top:6px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--line);z-index:1}.stack-dot[data-tone="1"]{background:var(--t1)}.stack-dot[data-tone="2"]{background:var(--t2)}.stack-dot[data-tone="3"]{background:var(--t3)}.stack-dot[data-tone="4"]{background:var(--t4)}.stack-dot[data-tone="5"]{background:var(--t5)}.stack-years{display:block;font-size:12.5px;color:var(--ink-faint);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:2px}.stack-era strong{display:block;font-family:var(--display);font-weight:600;font-size:17px;line-height:1.3;color:var(--ink)}.stack-era>div>p{margin:6px 0 0;font-size:14.5px;color:var(--ink-soft);line-height:1.5}.stack-era ul{list-style:none;margin:12px 0 0;padding:0}.stack-era ul li{background:var(--paper);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-sm);border:1px solid var(--line);border-left:3px solid var(--brass)}.stack-client{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--brass-deep);font-weight:600;margin-bottom:2px}.stack-prog{display:block;font-size:15px;font-weight:500;line-height:1.3;color:var(--ink)}.stack-when{display:block;font-size:12px;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px}@media (max-width:720px){.only-narrow{display:block}.only-wide{display:none}}.rolekey{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 16px 88px;font-size:12.5px;color:var(--ink-soft)}.rolekey span{display:inline-flex;align-items:center;gap:8px}.rolekey b{font-weight:500;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch[data-tone="1"]{background:var(--t1)}.swatch[data-tone="2"]{background:var(--t2)}.swatch[data-tone="3"]{background:var(--t3)}.swatch[data-tone="4"]{background:var(--t4)}.swatch[data-tone="5"]{background:var(--t5)}