:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162122;background:#f4f8f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #162122;--muted: #667777;--line: #dbe6e3;--paper: #fffdfa;--soft: #edf8f7;--teal: #0e7c7b;--teal-dark: #075c5b;--coral: #f26b5e;--amber: #f4b942;--green: #4e9f74;--blue: #4a8fcb;--shadow: 0 18px 55px rgba(22, 33, 34, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}label{display:grid;gap:8px;color:#344443;font-size:.9rem;font-weight:700}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 13px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0e7c7b1f}input:disabled{color:#6e7b7b;background:#f3f5f4}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;letter-spacing:0}h2{color:var(--ink);font-size:1.25rem;line-height:1.2;letter-spacing:0}h3{color:var(--ink);font-size:1.05rem;line-height:1.25;letter-spacing:0}.eyebrow{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.muted{color:var(--muted);line-height:1.6}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;font-weight:800;line-height:1;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{background:var(--teal);color:#fff;padding:0 18px;box-shadow:0 12px 24px #0e7c7b38}.primary-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.64;transform:none;box-shadow:none}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 16px}.secondary-button:hover{border-color:#b8cbc6;box-shadow:0 10px 24px #16212214}.danger-button{border:1px solid rgba(242,107,94,.35);background:#fff1ef;color:#ad3026;padding:0 14px}.danger-button:hover{background:#ffe4e0}.text-button{min-height:auto;background:transparent;color:var(--teal);padding:0}.text-button:hover{color:var(--teal-dark)}.icon-button{width:38px;min-height:38px;background:#f5f2ee;color:var(--ink);padding:0}.compact{min-height:38px;padding-inline:14px}.auth-page{display:grid;min-height:100vh;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:24px;padding:24px;background:linear-gradient(120deg,rgba(14,124,123,.08),transparent 34%),linear-gradient(240deg,rgba(242,107,94,.09),transparent 38%),#f4f8f7}.auth-panel{border:1px solid rgba(219,230,227,.9);border-radius:8px}.brand-panel{display:flex;min-height:calc(100vh - 48px);flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(0deg,#fffdfac2,#fffdfac2),repeating-linear-gradient(90deg,rgba(14,124,123,.11) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(242,107,94,.08) 0 1px,transparent 1px 72px),#f9fbfa;padding:32px;box-shadow:var(--shadow)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1rem;font-weight:900}.brand-mark{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:var(--teal);color:#fff;font-weight:900}.brand-copy{display:grid;max-width:520px;gap:16px}.brand-copy h1{max-width:12ch;font-size:clamp(2.45rem,5vw,4.5rem)}.brand-copy p:last-child{max-width:58ch;color:#475958;font-size:1.05rem;line-height:1.7}.auth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-metrics div{border:1px solid rgba(219,230,227,.9);border-radius:8px;background:#ffffffb8;padding:16px}.auth-metrics strong{display:block;color:var(--ink);font-size:1.35rem}.auth-metrics span{color:var(--muted);font-size:.85rem}.form-panel{display:grid;min-height:calc(100vh - 48px);place-items:center;background:var(--paper);padding:32px;box-shadow:var(--shadow)}.auth-form{display:grid;width:min(100%,520px);gap:18px}.auth-form>div:first-child{display:grid;gap:9px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.split-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.auth-switch{color:var(--muted);text-align:center}.auth-switch button{border:0;background:transparent;color:var(--teal);cursor:pointer;font-weight:900;padding:0}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr);background:linear-gradient(180deg,#fffdfae6,#edf8f7b3),#f4f8f7}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;border-right:1px solid var(--line);background:#fffdfae6;padding:22px}.nav-brand{justify-content:flex-start;border:0;background:transparent;cursor:pointer;padding:0}.nav-list{display:grid;gap:8px;margin-top:38px}.nav-list button{display:flex;min-height:46px;align-items:center;gap:12px;border-radius:8px;background:transparent;color:#42504f;cursor:pointer;font-weight:800;padding:0 12px;text-align:left}.nav-list button span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:#edf2f1;color:var(--teal);font-size:.78rem}.nav-list button.active,.nav-list button:hover{background:#e6f4f2;color:var(--teal-dark)}.sidebar-footer{display:grid;gap:14px;margin-top:auto}.user-chip{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.user-chip>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;background:#ffe3df;color:#a9362c;font-weight:900}.user-chip strong,.user-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{color:var(--muted)}.main-area{min-width:0;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar>div{display:grid;gap:6px}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px}.work-column,.side-column,.page-stack{display:grid;align-content:start;gap:20px}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);gap:20px;align-items:start}.surface{border:1px solid var(--line);border-radius:8px;background:#fffdfaf5;padding:20px;box-shadow:0 12px 36px #1621220f}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head>div{display:grid;gap:6px}.limit-badge,.severity-badge{display:inline-flex;min-height:30px;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:900;padding:0 12px;white-space:nowrap}.limit-badge{background:#fff4d7;color:#8a5b00}.severity-badge{background:#e7f3ef;color:var(--teal-dark)}.severity-badge.high,.severity-badge.severe,.severity-badge.critical{background:#ffe2dd;color:#9c2d24}.severity-badge.medium,.severity-badge.moderate{background:#fff2c7;color:#825600}.severity-badge.low,.severity-badge.mild{background:#e7f5ee;color:#286b48}.severity-badge.unknown{background:#eef1f1;color:#5b6867}.upload-form{display:grid;gap:16px}.dropzone{display:grid;width:100%;min-height:340px;place-items:center;overflow:hidden;border:1px dashed #9bbab4;border-radius:8px;background:linear-gradient(135deg,#0e7c7b12,#f4b94214),#fbfefd;color:var(--ink);cursor:pointer;padding:18px}.dropzone:hover{border-color:var(--teal)}.dropzone.has-preview{border-style:solid;background:#101818;padding:0}.dropzone img{width:100%;height:340px;object-fit:contain}.dropzone-copy{display:grid;gap:8px;justify-items:center;text-align:center}.dropzone-copy strong{font-size:1.05rem}.dropzone-copy small{color:var(--muted)}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px}.file-row strong,.file-row small{display:block}.file-row strong{max-width:min(420px,58vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:var(--muted)}.option-row{display:flex;flex-wrap:wrap;gap:12px}.toggle{display:inline-flex;min-height:42px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;padding:0 12px}.toggle input{width:18px;min-height:18px;accent-color:var(--teal)}.notice{border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:#31413f;font-size:.92rem;font-weight:700;line-height:1.45}.notice.success{border-color:#b6dfcc;background:#e9f7ef;color:#236040}.notice.error{border-color:#ffc5be;background:#fff0ed;color:#9b2e24}.notice.info{border-color:#b8d7ee;background:#eef7fd;color:#275b7f}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px}.metric strong{color:var(--ink);font-size:2rem;line-height:1}.metric span{color:var(--muted);font-size:.88rem;font-weight:800}.scan-list-item{display:grid;width:100%;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border-radius:8px;background:transparent;cursor:pointer;padding:10px;text-align:left}.scan-list-item:hover{background:#f1f7f6}.scan-list-item img{width:56px;height:56px;border-radius:8px;object-fit:cover}.scan-list-item strong,.scan-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-list-item small{color:var(--muted);margin-top:4px}.scan-list-item em{color:var(--teal);font-style:normal;font-weight:900}.doctor-callout{display:grid;gap:12px;background:linear-gradient(135deg,#fff4d7b8,#edf8f7c7),var(--paper)}.doctor-callout p:not(.eyebrow){color:var(--muted);line-height:1.55}.result-surface{display:grid;gap:20px}.result-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}.result-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-image-pair figure{display:grid;gap:8px;margin:0}.result-image-pair img{width:100%;height:270px;border-radius:8px;background:#101818;object-fit:contain}.result-image-pair figcaption{color:var(--muted);font-size:.82rem;font-weight:800}.diagnosis-panel{display:grid;align-content:center;justify-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;text-align:center}.diagnosis-panel h3{font-size:1.4rem}.confidence-ring{--confidence: 0%;display:grid;width:142px;height:142px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 58%,transparent 59%),conic-gradient(var(--teal) var(--confidence),#e8eeec 0)}.confidence-ring span{color:var(--ink);font-size:1.55rem;font-weight:900}.prediction-list{display:grid;gap:13px}.prediction-row{display:grid;gap:8px}.prediction-row>div:first-child{display:flex;justify-content:space-between;gap:12px;color:var(--ink);font-size:.92rem}.prediction-row span{color:var(--teal);font-weight:900}.bar-track{height:9px;overflow:hidden;border-radius:999px;background:#e8eeec}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recommendation-grid section,.list-block{border:1px solid var(--line);border-radius:8px;background:#fff;padding:15px}.recommendation-grid section p:not(.eyebrow){color:#42504f;line-height:1.6;margin-top:8px}.list-block ul{display:grid;gap:8px;margin:10px 0 0;padding-left:19px}.list-block li{color:#42504f;line-height:1.45}.list-block.good{border-color:#b6dfcc}.list-block.warn{border-color:#ffd3b3}.search-input,.filter-select{width:min(320px,100%)}.scan-grid,.doctor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.scan-card,.doctor-card{display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.scan-card>img{width:100%;height:180px;border-radius:8px;background:#101818;object-fit:cover}.scan-card>div{display:grid;gap:7px}.scan-card p,.doctor-card p,.doctor-card span{color:var(--muted);line-height:1.45}.date-line{color:var(--muted);font-size:.78rem;font-weight:800}.scan-card footer,.doctor-card footer{display:flex;flex-wrap:wrap;gap:9px}.doctor-card{grid-template-columns:52px minmax(0,1fr);align-items:start}.doctor-card footer{grid-column:1 / -1}.doctor-avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;background:#edf8f7;color:var(--teal);font-size:1.35rem;font-weight:900}.settings-form{display:grid;gap:15px}.back-button{justify-self:start}.empty-state{display:grid;gap:8px;justify-items:center;border:1px dashed #b8cbc6;border-radius:8px;background:#f8fbfa;padding:34px 18px;text-align:center}.empty-state strong{font-size:1rem}.empty-state p{max-width:44ch;color:var(--muted);line-height:1.55}.skeleton-stack{display:grid;gap:10px}.skeleton-stack span{height:58px;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#eef3f2,#f8fbfa,#eef3f2);background-size:220% 100%;animation:shimmer 1.25s infinite linear}@keyframes shimmer{to{background-position-x:-220%}}@media(max-width:1120px){.auth-page,.app-shell,.content-grid,.profile-grid{grid-template-columns:1fr}.auth-page{padding:16px}.brand-panel,.form-panel{min-height:auto}.brand-copy h1{max-width:16ch}.sidebar{position:static;height:auto;gap:18px}.nav-list{display:flex;flex-wrap:wrap;margin-top:0}.sidebar-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}.result-hero{grid-template-columns:1fr}.diagnosis-panel{min-height:230px}}@media(max-width:760px){.auth-page,.main-area,.sidebar{padding:14px}.topbar{align-items:stretch;flex-direction:column}.topbar .primary-button{width:100%}.two-col,.auth-metrics,.stats-grid,.recommendation-grid,.result-image-pair{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.search-input,.filter-select{width:100%}.dropzone,.dropzone img{min-height:260px;height:260px}.sidebar-footer{grid-template-columns:1fr}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-list button{min-width:0;padding-inline:10px}.scan-list-item{grid-template-columns:48px minmax(0,1fr)}.scan-list-item em{grid-column:2}}