:root{color:#17182d;background:#f7f7fb;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--accent: #6457e8;--accent-soft: #eeecff;--ink: #17182d;--muted: #767990;--line: #e3e4ed;--paper: rgba(255, 255, 255, .84);--green: #3ca877}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 8%,rgba(100,87,232,.08),transparent 26%),#f7f7fb}button,input,select{color:inherit;font:inherit}button,label,summary{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1480px,calc(100% - 80px));margin:auto;padding-bottom:38px}.topbar{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand>span:last-child{display:grid;gap:2px}.brand strong{font-size:17px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:9px;letter-spacing:.04em}.brand-mark{position:relative;width:34px;height:34px;display:block;border:1px solid rgba(100,87,232,.35);border-radius:50%}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid rgba(100,87,232,.25);border-radius:50%}.brand-mark:before{inset:5px 8px}.brand-mark:after{inset:9px 5px}.brand-mark i{position:absolute;z-index:1;width:3px;height:3px;border-radius:50%;background:var(--accent)}.brand-mark i:nth-child(1){left:9px;top:13px}.brand-mark i:nth-child(2){right:9px;top:13px}.brand-mark i:nth-child(3){left:15px;bottom:7px}.topbar nav{display:flex;gap:46px}.topbar nav a{color:#575a70;font-size:12px;text-decoration:none;transition:color .2s}.topbar nav a:hover{color:var(--accent)}.header-action{justify-self:end;min-height:43px;padding:0 20px;display:grid;place-items:center;color:#fff;border-radius:11px;background:var(--accent);box-shadow:0 10px 25px #6457e82e;cursor:pointer;font-size:11px;font-weight:650}.hero{padding:72px 0 54px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;align-items:end;transition:padding .6s ease,opacity .4s ease,transform .6s ease}.eyebrow{margin:0 0 22px;color:var(--accent);font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,6.1vw,98px);font-weight:400;line-height:.94;letter-spacing:-.055em}h1 em{color:var(--accent);font-style:normal}.intro{max-width:620px;margin:28px 0 0;color:#696c82;font-size:15px;line-height:1.7}.hero-note{padding:0 0 7px 22px;border-left:1px solid var(--line)}.hero-note span{color:var(--accent);font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.hero-note p{margin:13px 0 0;color:#777a8f;font-size:12px;line-height:1.7}.experience{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 28px 85px #2b2d500e;overflow:hidden;transition:min-height .7s cubic-bezier(.22,1,.36,1)}.upload-view{min-height:312px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;transition:opacity .35s,transform .45s}.dropzone{min-height:254px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c9c9e6;border-radius:16px;background:linear-gradient(145deg,#6457e808,#ffffff80);cursor:pointer;transition:.25s}.dropzone:hover,.dropzone.is-dragging{border-color:var(--accent);background:#6457e80e}.dropzone input{display:none}.upload-symbol{width:54px;height:54px;margin-bottom:18px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(100,87,232,.15);border-radius:17px;background:var(--accent-soft)}.upload-symbol svg{width:25px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.dropzone small{margin:8px 0 17px;color:var(--muted);font-size:11px}.dropzone b{color:#a0a2b4;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.upload-trust{display:flex;flex-direction:column;justify-content:center;padding:0 26px;border-left:1px solid var(--line)}.upload-trust span{position:relative;padding:18px 0 18px 24px;color:#5f6277;border-bottom:1px solid var(--line);font-size:11px}.upload-trust span:last-child{border-bottom:0}.upload-trust span:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.analysis-view{display:none;grid-template-columns:minmax(330px,.76fr) minmax(520px,1.24fr);min-height:720px}.experience.is-active .upload-view{display:none}.experience.is-active .analysis-view{display:grid;animation:viewIn .7s cubic-bezier(.22,1,.36,1) both}.experience.is-active{overflow:visible}.portrait-column{min-width:0;padding:28px;border-right:1px solid var(--line);background:#fafafdb3}.portrait-head{min-height:48px;display:flex;align-items:start;justify-content:space-between}.portrait-head p{margin:0 0 5px;color:#999bad;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.portrait-head strong{font-size:12px;font-weight:560}.portrait-head>p{margin:3px 0 0}.stage{position:relative;min-height:480px;max-height:590px;margin-top:17px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#ececf2}.stage canvas{display:block;width:100%;max-height:590px;object-fit:contain}.stage.is-empty canvas{display:none}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;color:#a7a9b9}.stage:not(.is-empty) .empty-state{display:none}.empty-state span{width:80px;height:100px;border:1px solid #cfd0db;border-radius:45% 45% 38% 38%}.empty-state p{font-size:10px}.scan-glow{position:absolute;left:12%;right:12%;top:0;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#9188ff,transparent);box-shadow:0 0 14px #6457e880;pointer-events:none}.stage.is-scanning .scan-glow{opacity:.7;animation:scan 2.8s ease-in-out infinite}.viewer-meta{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.viewer-meta p{margin:0;display:flex;align-items:center;gap:8px;color:#7c7e91;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.viewer-meta p i,.stage-footer p i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #6457e88c;animation:pulse 1.5s ease-in-out infinite}.viewer-meta p.ready i{background:var(--green);animation:none}.viewer-meta p.error i,.viewer-meta p.warning i{background:#d37a6c}.viewer-meta button{padding:0;color:#77798b;border:0;background:none;cursor:pointer;font-size:9px}.viewer-meta button:disabled{opacity:.35;cursor:default}.portrait-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.portrait-actions label,.portrait-actions button,.start-button{min-height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-size:9px;font-weight:600}.portrait-actions button:disabled,.start-button:disabled{opacity:.4;cursor:default}.visual-settings{margin-top:12px;border-top:1px solid var(--line)}.visual-settings summary{padding:15px 0;color:#7b7d90;cursor:pointer;font-size:9px;list-style-position:inside}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.settings>label{min-height:38px;display:flex;align-items:center;justify-content:space-between;color:#77798c;border-bottom:1px solid var(--line);font-size:9px}.settings input[type=color]{width:22px;height:22px;padding:0;border:0;background:none}.color-control,.range-wrap{display:flex;align-items:center;gap:6px}.settings output{color:#999bad;font:500 7px ui-monospace,monospace}.settings input[type=range]{width:62px;accent-color:var(--accent)}.settings select{max-width:94px;border:0;background:transparent;font-size:8px}.switch{accent-color:var(--accent)}.start-button{width:100%;margin-top:12px;grid-template-columns:1fr auto;padding:0 12px;color:#fff;border-color:var(--accent);background:var(--accent)}.response-stage{position:relative;min-width:0;display:flex;flex-direction:column;background:#ffffff8f}.stage-head,.stage-footer{min-height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.stage-head{border-bottom:1px solid var(--line)}.assistant-id{display:flex;align-items:center;gap:12px}.assistant-avatar{width:36px;height:36px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(100,87,232,.18);border-radius:11px;background:var(--accent-soft)}.assistant-avatar svg{width:17px;stroke:currentColor;stroke-width:1.4}.assistant-id div{display:grid;gap:3px}.assistant-id strong{font-size:12px;font-weight:620}.assistant-id small{color:var(--muted);font-size:9px}.session-time{color:#9a9caf;font:500 9px ui-monospace,monospace}.process,.answer{width:min(690px,calc(100% - 60px));margin-left:auto;margin-right:auto}.process{margin-top:25px}.reasoning-trigger{width:100%;padding:11px 0;display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;text-align:left}.reasoning-orbit{position:relative;width:17px;height:17px;border:1px solid #b9b5ee;border-radius:50%}.reasoning-orbit i{position:absolute;width:4px;height:4px;left:6px;top:6px;border-radius:50%;background:var(--accent)}.reasoning-trigger.is-active .reasoning-orbit{animation:orbit 2.4s linear infinite}.reasoning-label{color:#686a7f;font-size:11px;font-weight:570}.reasoning-trigger.is-active .reasoning-label{color:transparent;background:linear-gradient(100deg,#85879a 20%,#5548d7 48%,#85879a 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 2.2s linear infinite}.reasoning-time{color:#a2a4b5;font:500 8px ui-monospace,monospace}.chevron{width:15px;margin-left:auto;fill:none;stroke:#9294a6;stroke-width:1.4;transition:transform .35s}.reasoning-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.reasoning-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),opacity .3s}.reasoning-panel.is-open{grid-template-rows:1fr;opacity:1}.reasoning-inner{min-height:0;overflow:hidden}.steps{margin:3px 0 0 8px;padding:0 0 0 18px;list-style:none;border-left:1px solid var(--line)}.step{position:relative;min-height:57px;padding:0 0 16px 9px;opacity:.28;transform:translateY(3px);transition:opacity .45s,transform .45s}.step-marker{position:absolute;top:4px;left:-22px;width:7px;height:7px;border:1px solid #c4c5d0;border-radius:50%;background:#fbfbfd}.step strong{color:#626477;font-size:10px;font-weight:600}.step p{margin:5px 0 0;color:#9a9cad;font-size:9px;line-height:1.45}.step.is-active,.step.is-done{opacity:1;transform:none}.step.is-active .step-marker{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px #6457e814;animation:pulse 1.6s ease-in-out infinite}.step.is-done .step-marker{border-color:#999bad;background:#999bad}.tool-card{position:relative;min-height:72px;margin:0 0 18px 26px;padding:13px 15px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f7f7fbcc;opacity:0;transform:translateY(8px);transition:.45s}.tool-card.is-visible{opacity:1;transform:none}.tool-card.is-complete{border-color:#3ca87738}.tool-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--accent);border-radius:9px;background:var(--accent-soft)}.tool-icon svg{width:17px;stroke:currentColor;stroke-width:1.35}.tool-copy{min-width:0;display:grid;gap:3px}.tool-copy small{color:#a0a2b3;font:600 7px ui-monospace,monospace;letter-spacing:.11em}.tool-copy strong{color:#626477;font-size:10px}.tool-copy span{color:#989aad;font-size:8px}.tool-state{display:flex;align-items:center;gap:6px;color:#858798;font-size:8px}.tool-state i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.4s infinite}.tool-state b{font-weight:550}.tool-state svg{width:13px;fill:none;stroke:var(--green);stroke-width:1.8}.tool-card.is-complete .tool-state{color:var(--green)}.tool-progress{position:absolute;inset:auto 0 0;height:2px;background:#6457e812}.tool-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#9f97ff);transition:width 1.25s cubic-bezier(.22,1,.36,1)}.answer{margin-top:17px;margin-bottom:34px;opacity:0;transform:translateY(10px);transition:.5s}.answer.is-visible{opacity:1;transform:none}.answer-label{margin-bottom:14px;display:flex;align-items:center;gap:8px;color:#999bad;font:600 7px ui-monospace,monospace;letter-spacing:.13em}.answer-label span{width:14px;height:1px;background:var(--accent)}.answer-body h2{margin:0 0 15px;color:var(--ink);font-family:Georgia,serif;font-size:clamp(21px,2.4vw,31px);font-weight:400;line-height:1.2;letter-spacing:-.025em}.answer-body p{margin:0 0 12px;color:#696b7f;font-size:12px;line-height:1.72}.typing-cursor{display:none;width:6px;height:14px;margin:0 0 -2px 3px;background:var(--accent);animation:blink .7s steps(1) infinite}.typing-cursor.is-visible{display:inline-block}.traits{margin-top:30px;opacity:0;transform:translateY(10px);transition:.5s}.traits.is-visible{opacity:1;transform:none}.traits-heading{margin-bottom:11px;display:flex;align-items:end;justify-content:space-between}.traits-heading p{margin:0 0 4px;color:#9a9cad;font:600 7px ui-monospace,monospace;letter-spacing:.12em}.traits-heading h3{margin:0;font-size:14px;font-weight:600}.traits-heading>span{color:#aaaebe;font:500 7px ui-monospace,monospace;letter-spacing:.1em}.traits-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trait-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:#ffffff9e;opacity:0;transform:translateY(8px);transition:.45s}.trait-card.is-visible{opacity:1;transform:none}.trait-title{display:flex;justify-content:space-between;gap:10px}.trait-title strong{font-size:10px;font-weight:600}.trait-title b{color:var(--accent);font:600 10px ui-monospace,monospace}.trait-bar{height:2px;margin:9px 0 8px;overflow:hidden;background:var(--accent-soft)}.trait-bar i{display:block;width:0;height:100%;background:var(--accent);transition:width .95s cubic-bezier(.22,1,.36,1)}.trait-card p{margin:0;overflow:hidden;color:#8e90a2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.traits-note{margin:10px 1px 0;color:#a0a2b3;font-size:7.5px;line-height:1.45}.stage-footer{margin-top:auto;border-top:1px solid var(--line)}.stage-footer p{margin:0;display:flex;align-items:center;gap:8px;color:#8b8d9e;font-size:8px}.replay{min-height:33px;padding:0 12px;color:#6f7183;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:8px}.replay:disabled{opacity:.35;cursor:default}.is-complete .stage-footer p i{background:var(--green);animation:none}.how-it-works{min-height:78px;display:flex;align-items:center;justify-content:center;gap:28px;color:#77798d;border-bottom:1px solid var(--line);font-size:10px}.how-it-works i{color:#b9bac6;font-style:normal}body.has-photo .hero{padding:35px 0 29px;grid-template-columns:1fr auto}body.has-photo .hero h1{font-size:clamp(38px,4vw,61px)}body.has-photo .hero .intro,body.has-photo .hero-note,body.has-photo .eyebrow{display:none}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}}@keyframes scan{0%,to{transform:translateY(30px);opacity:0}20%,80%{opacity:.75}50%{transform:translateY(440px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-150% 0}}@keyframes blink{50%{opacity:0}}@media(max-width:1050px){.app-shell{width:min(100% - 40px,1480px)}.analysis-view{grid-template-columns:minmax(300px,.85fr) minmax(450px,1.15fr)}.portrait-column{padding:22px}.stage{min-height:420px}.traits-list{grid-template-columns:1fr}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:28px}.hero-note{max-width:460px}.upload-view{grid-template-columns:1fr}.upload-trust{flex-direction:row;padding:0;border-left:0;border-top:1px solid var(--line)}.upload-trust span{flex:1;border-bottom:0}.experience.is-active .analysis-view{grid-template-columns:1fr}.portrait-column{border-right:0;border-bottom:1px solid var(--line)}.stage{max-height:680px}.stage canvas{max-height:680px}body.has-photo .hero{display:none}}@media(max-width:560px){.app-shell{width:min(100% - 24px,1480px);padding-bottom:20px}.topbar{height:72px}.brand small{display:none}.header-action{min-height:37px;padding:0 13px}.hero{padding:52px 0 37px}.eyebrow{margin-bottom:15px}h1{font-size:46px}.intro{font-size:13px}.upload-view{padding:14px}.dropzone{min-height:260px;padding:20px;text-align:center}.dropzone strong{font-size:20px}.dropzone small{line-height:1.5}.upload-trust{display:grid}.upload-trust span{border-bottom:1px solid var(--line)}.portrait-column{padding:16px}.stage{min-height:350px}.settings{grid-template-columns:1fr}.stage-head,.stage-footer{padding:0 18px}.process,.answer{width:calc(100% - 36px)}.tool-card{margin-left:0;grid-template-columns:34px 1fr}.tool-state{grid-column:2}.traits-heading>span{display:none}.how-it-works{gap:8px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}