@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap";.study-shell{width:100%;height:100dvh;max-height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:18px clamp(14px,3vw,34px) 42px}.study-header{flex-shrink:0;width:min(100%,900px);margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.study-header button{cursor:pointer}.study-header__back{border:0;background:#ffffffd1;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;color:var(--text-main)}.study-header__case{display:flex;align-items:center;gap:8px;border:1px solid #c6e9ef;border-radius:999px;background:#edfbfd;color:#087d92;padding:10px 16px;font:700 15px Outfit,sans-serif}.study-header__count{min-width:62px;text-align:right;color:var(--text-muted);font-size:12px;font-weight:700}.study-card{flex-shrink:0;width:min(100%,900px);margin:0 auto 8px;background:#fff;padding:clamp(12px,2.2vw,20px);border-radius:28px;overflow:visible}.study-card__body{padding:22px clamp(4px,1vw,14px) 6px}.study-card__body h1{font-size:clamp(21px,3vw,29px);line-height:1.2;margin:0 0 10px}.study-card__description{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:20px}.study-card__saved{display:inline-flex;align-items:center;gap:6px;color:#087657;font-size:12px;font-weight:700;margin-bottom:12px}.study-score-card{flex-shrink:0;width:min(100%,900px);margin:0 auto;padding:clamp(12px,2.2vw,20px);background:#fff;border-radius:20px}.study-action-bar{position:sticky;top:max(6px,env(safe-area-inset-top));z-index:20;flex-shrink:0;align-self:center;width:min(100%,900px);min-height:52px;display:flex;align-items:center;gap:12px;padding:6px 10px;margin-bottom:8px;border:1px solid #dce8eb;border-radius:16px;background:#fffffff7;box-shadow:0 8px 25px #0b212a1f}.study-action-bar__button{margin-left:auto;flex-shrink:0;min-width:112px;height:39px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:0;border-radius:11px;background:#0e8295;color:#fff;font:700 13px Outfit,sans-serif;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.study-action-bar__button:active:not(:disabled){transform:scale(.97)}.study-action-bar__button:disabled{background:#d9e1e5;color:#52646f;cursor:not-allowed}.study-action-bar__button:focus-visible{outline:3px solid #77d4e2;outline-offset:2px}.study-action-bar__total{font-size:16px;animation:study-total-change .18s ease-out}.study-action-bar__message{color:#8c5d16;font-size:12px;font-weight:650;line-height:1.3}.study-action-bar__message--error{color:#a52a28}.study-action-bar__message--success{color:#087657;font-weight:700}@keyframes study-total-change{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.study-action-bar__total{animation:none}.study-action-bar__button{transition:none}}.clinical-viewer{position:relative;width:100%;max-height:72svh;min-height:250px;background:#141c2d;border-radius:20px;overflow:hidden;outline-offset:3px;user-select:none;-webkit-user-select:none}.clinical-viewer__image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;will-change:transform;animation:clinical-image-enter .24s ease-out}@keyframes clinical-image-enter{0%{opacity:.25}to{opacity:1}}.clinical-viewer__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;font-size:13px;pointer-events:none}.clinical-viewer__arrows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:12px;pointer-events:none}.clinical-viewer__arrows button{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:#fff;background:#0d14207a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.clinical-viewer__toolbar{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:end;justify-content:space-between;gap:8px;pointer-events:none}.clinical-viewer__badge{padding:7px 12px;border-radius:999px;background:#090e1ad1;color:#fff;font-size:12px;white-space:nowrap}.clinical-viewer__tools{display:flex;gap:5px;pointer-events:auto}.clinical-viewer__tools button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;color:#152132;background:#ffffffed;cursor:pointer}.probability-scorer__selected{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.probability-scorer__selected span{border-radius:999px;background:#eaf6f4;color:#20675d;padding:6px 9px;font-size:11px}.probability-scorer__search,.case-picker__search{display:flex;align-items:center;gap:9px;background:#f4f6f8;border:1px solid #e3e6eb;border-radius:12px;padding:0 12px;color:#5f6a76}.probability-scorer__search input,.case-picker__search input{width:100%;height:43px;border:0;outline:0;background:transparent;color:var(--text-main);font-size:14px}.probability-scorer__search{margin-bottom:10px}.probability-scorer__list{display:grid;gap:8px}.probability-scorer__list--compact{max-height:none;overflow:visible}.probability-scorer__row{border:1px solid #e7e9ed;border-radius:13px;background:#fbfcfd;padding:11px 12px}.probability-scorer__row-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.probability-scorer__label{color:#263444;font-weight:700;font-size:13px;flex:1;min-width:0}.probability-scorer__row-head label{display:flex;align-items:center;gap:2px;color:#566678;font-weight:700}.probability-scorer__row-head input[type=number]{width:54px;height:35px;border:1px solid #d8dee5;border-radius:8px;text-align:center;background:#fff;color:#13263a;font-weight:700}.probability-scorer__row>input[type=range]{width:100%;margin:11px 0 1px;accent-color:#12a9be}.probability-scorer__list--compact .probability-scorer__row>input[type=range]{display:block;width:min(48%,180px);margin:7px 0 1px auto}.probability-scorer__empty{padding:16px;text-align:center;color:var(--text-muted);font-size:13px}.case-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;justify-content:center;align-items:end;background:#09121f75;padding:0}.case-picker{width:min(100%,620px);max-height:min(88svh,850px);display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px #00000029;padding:22px 20px max(16px,env(safe-area-inset-bottom))}.case-picker__header{display:flex;justify-content:space-between;align-items:start;gap:16px}.case-picker__eyebrow{color:#087d92;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:3px}.case-picker__header h2{font-size:23px}.case-picker__close{width:38px;height:38px;border:0;border-radius:12px;background:#f2f4f6;display:grid;place-items:center;cursor:pointer}.case-picker__progress{color:var(--text-muted);font-size:13px;margin:7px 0 17px}.case-picker__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto;padding:15px 2px}.case-picker__case{min-height:46px;border-radius:10px;border:1px solid #dfe5e8;background:#fff;color:#586473;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px}.case-picker__case--submitted{color:#087657;border-color:#b9ded1;background:#eaf7f1}.case-picker__case--current{outline:2px solid #11a7bd;outline-offset:1px;color:#075d6b}.case-picker__empty{padding:28px 0;text-align:center;color:var(--text-muted);font-size:13px}.case-picker__legend{border-top:1px solid #e8eaed;display:flex;gap:15px;padding-top:13px;color:#63707c;font-size:11px}.study-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:30px;color:#087d92}.study-center>p{max-width:360px;color:var(--text-muted);line-height:1.5;font-size:14px}.study-center>button{max-width:270px}.study-complete{width:min(100%,430px);display:grid;justify-items:center;gap:14px;padding:30px;background:#fff}.study-complete h2{color:var(--text-main)}.study-complete p{color:var(--text-muted);font-size:14px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 600px){.study-shell{padding:12px 12px 30px}.study-header{margin-bottom:13px}.study-card{border-radius:21px;padding:10px}.study-card__body{padding:18px 8px 6px}.clinical-viewer{border-radius:15px;max-height:66svh}.clinical-viewer__arrows{padding:6px}.clinical-viewer__arrows button{width:38px;height:38px}.clinical-viewer__tools button{width:37px;height:37px}.case-picker__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}:root{--bg-color-main: #F7F7F8;--bg-color-surface: #FFFFFF;--bg-color-elevated: #F1F2F4;--bg-color-soft: #E9EAEE;--accent-gold: #D9A441;--accent-gold-dark: #C5A028;--accent-cyan: #22D3EE;--accent-cyan-dark: #0FB3CC;--surface-cream: #FFF7E6;--surface-cream-strong: #FFE3B3;--surface-cyan: #F2FAFB;--surface-cyan-strong: #B7F3FF;--surface-neutral: #F4F6FA;--surface-neutral-strong: #DADDE3;--text-main: #141416;--text-muted: #6B7280;--text-dark: #020617;--text-soft: #45464A;--text-inverse: #FFFFFF;--glass-bg: rgba(255, 255, 255, .84);--glass-border: #E1E3E8;--glass-blur: blur(16px);--shadow-soft: 0 18px 48px rgba(20, 20, 22, .08);--shadow-card: 0 10px 28px rgba(20, 20, 22, .06)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;font-family:Inter,sans-serif;background-color:var(--bg-color-main);background-image:radial-gradient(circle at top left,rgba(217,164,65,.18),transparent 700px),radial-gradient(circle at bottom right,rgba(34,211,238,.1),transparent 500px),linear-gradient(180deg,#fbfbfc,#f3f4f6);color:var(--text-main);overflow:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}button,input,textarea{font:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:20px}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:700}.btn-primary{width:100%;padding:16px;border-radius:12px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:var(--text-dark);font-weight:700;font-family:Outfit,sans-serif;font-size:16px;border:none;cursor:pointer;box-shadow:0 10px 24px #d9a44142;transition:transform .2s,opacity .2s,box-shadow .2s}.btn-primary:active{transform:scale(.96);box-shadow:0 6px 16px #d9a44138}.btn-secondary{width:100%;padding:16px;border-radius:12px;background:#ffffffd1;color:var(--text-main);font-weight:600;font-family:Inter,sans-serif;font-size:16px;border:1px solid var(--glass-border);cursor:pointer;transition:background .2s}.btn-secondary:active{background:var(--bg-color-elevated)}.home-screen-shell{flex:1;display:flex;align-items:stretch;justify-content:center;width:100%;padding:18px;overflow-y:auto}.home-shell{position:relative;width:min(100%,470px);min-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top left,rgba(217,164,65,.18),transparent 450px),linear-gradient(180deg,#fffffff0,#f8f8f9e6)}.view-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 24px 24px;animation:fadeIn .4s ease-out}.dashboard-view{padding-top:4px}.tile-accent-gold{background:linear-gradient(180deg,var(--surface-cream) 0%,#FFFFFF 100%)}.tile-accent-cyan{background:linear-gradient(180deg,var(--surface-cyan) 0%,#FFFFFF 100%)}.tile-accent-neutral{background:linear-gradient(180deg,var(--surface-neutral) 0%,#FFFFFF 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.home-screen-shell{padding:0}.home-shell{width:100%;min-height:100vh;border-radius:0;border-left:none;border-right:none}.view-container{padding:0 20px 24px}}
