:root{--brand-700:#0b8a85;--brand-600:#009ea1;--brand-500:#0b9f98;--brand-100:#ccebea;--brand-50:#eaf7f7;--clinical-blue:#163f70;--support-blue:#2f6fb3;--ink-900:#24364b;--ink-700:#40566d;--ink-600:#66788b;--line:#d6e0ea;--surface:#fff;--canvas:#f7fafd;--danger:#a83434;--danger-bg:#fff1f1;--title:1.75rem;--body:1rem;--note:.875rem;--radius:1.5rem;--radius-lg:2rem}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);color:var(--ink-900);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}body{background:linear-gradient(#eefafa 0,#f7fafd 18rem);min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}#app{min-height:100dvh}.app-shell{width:min(100%,48rem);min-height:100dvh;padding:env(safe-area-inset-top) 1rem calc(6rem + env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:center;align-items:center;height:4rem;display:flex;position:relative}.app-header strong{font-size:var(--body)}.page{animation:.18s ease-out page-in}.page-heading{margin:1.5rem 0}.page-heading h1{font-size:var(--title);color:var(--ink-900);margin:0;line-height:1.35}.page-heading p{color:var(--ink-600);font-size:var(--note);margin:.5rem 0 0;line-height:1.6}.card{border-radius:var(--radius-lg);background:#ffffffe6;border:1px solid #d6e0eae6;padding:1.25rem;box-shadow:0 10px 30px #1f45580f}.stack{gap:1rem;display:grid}.skeleton{background:linear-gradient(90deg,#e8eef3 25%,#f4f7f9 37%,#e8eef3 63%) 0 0/400% 100%;min-height:7rem;animation:1.4s infinite shimmer}.primary{color:#fff;background:linear-gradient(135deg,var(--brand-600),var(--brand-700));border:0;border-radius:1.5rem;width:100%;min-height:3.5rem;font-weight:650}.bottom-nav{z-index:20;width:min(100%,48rem);height:calc(4.75rem + env(safe-area-inset-bottom));padding:.45rem 1rem env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--ink-600);font-size:var(--note);background:0 0;border:0;align-content:center;place-items:center;gap:.15rem;display:grid}.nav-item[aria-current=page]{color:var(--brand-600)}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.5rem;height:1.5rem}.bind-sheet{z-index:30;width:min(100%,48rem);padding:1.5rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#fff;border-radius:2rem 2rem 0 0;margin:auto;position:fixed;inset:auto 0 0;box-shadow:0 -12px 42px #1f455824}.bind-sheet h2{margin:0;font-size:1.25rem}.bind-sheet p{color:var(--ink-600);line-height:1.6}.bind-shell{padding-inline:1.5rem}.flow-heading{margin:1.5rem 0 2rem}.flow-heading span{color:var(--brand-600);font-weight:700}.flow-heading h1{font-size:var(--title);margin:1rem 0 .5rem}.flow-heading p{color:var(--ink-600);margin:0;line-height:1.6}.bind-form{gap:1rem;display:grid}.bind-form label{color:var(--ink-700);font-size:var(--note);font-weight:650}.pill-input{border:1px solid var(--line);background:#fff;border-radius:999px;grid-template-columns:1fr 3.5rem;align-items:center;gap:.5rem;height:4.5rem;padding:.5rem;display:grid}.pill-input input{min-width:0;height:100%;color:var(--ink-900);background:0 0;border:0;outline:0;padding:0 1rem}.pill-input button{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;border:0;border-radius:50%;width:3.5rem;height:3.5rem;font-size:1.8rem}.field-error{min-height:1.4rem;color:var(--danger);font-size:var(--note);margin:0}.relation-list{gap:.75rem}.relation{border:1px solid var(--line);min-height:4.25rem;color:var(--ink-900);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;padding:0 1.25rem;font-weight:650;display:flex}.relation.is-selected{border-color:var(--brand-600);color:var(--brand-700);background:var(--brand-50)}.text-action{min-height:2.75rem;color:var(--brand-700);background:0 0;border:0}.suffix-card{border:1px solid var(--brand-100);border-radius:var(--radius);background:var(--brand-50);color:var(--ink-700);margin-bottom:1.5rem;padding:1rem 1.25rem}.back-button{width:2.75rem;height:2.75rem;color:var(--ink-900);background:0 0;border:0;font-size:2.2rem;position:absolute;left:0}.archive-switch{top:calc(env(safe-area-inset-top) + 5.6rem);color:var(--brand-700);background:0 0;border:0;font-weight:650;position:absolute;right:1rem}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:first-child,.feature-card:last-child{grid-column:1/-1}.feature-card{min-height:9.5rem}.feature-card h2{margin:.55rem 0;font-size:1.15rem}.feature-card p{color:var(--ink-600);margin:0;line-height:1.55}.eyebrow{color:var(--brand-700);font-size:var(--note);font-weight:700}.text-link{color:var(--brand-700);background:0 0;border:0;margin-top:1rem;padding:0;font-weight:650}.patient-card{background:linear-gradient(135deg,#fff,#effafa);gap:1rem;margin-bottom:1.25rem;display:grid}.patient-card span,.patient-card dt{color:var(--ink-600);font-size:var(--note)}.patient-card h2{margin:.25rem 0 0}.patient-card dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding-top:1rem;display:grid}.patient-card dd{margin:.25rem 0 0;font-weight:650}.archive-cards{gap:1rem;display:grid}.archive-card{text-align:left;width:100%;min-height:8rem;color:var(--ink-900);grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;display:grid}.archive-card>span:nth-child(2){gap:.35rem;display:grid}.archive-card small{color:var(--ink-600)}.archive-card b{color:var(--brand-600);font-size:1.6rem}.record-icon{background:var(--brand-50);width:3.5rem;height:3.5rem;color:var(--brand-700);border-radius:1.25rem;place-items:center;font-size:1.8rem;display:grid}.pulse{animation:2.4s ease-in-out infinite icon-pulse}.timeline{gap:1rem;display:grid}.timeline-item{text-align:left;width:100%;color:var(--ink-900);position:relative}.timeline-item time{color:var(--brand-700);font-size:var(--note);font-weight:700}.timeline-item h2{margin:.55rem 0 .35rem;font-size:1.15rem}.timeline-item p{color:var(--ink-600);margin:0}.timeline-item>span:last-child{color:var(--brand-700);margin-top:1rem;font-weight:650;display:block}.eye-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;display:grid}.eye-grid div{background:var(--canvas);border-radius:1rem;gap:.25rem;padding:.75rem;display:grid}.eye-grid span{color:var(--ink-600);font-size:var(--note)}.empty-state{min-height:18rem;color:var(--ink-600);text-align:center;align-content:center;place-items:center;gap:1rem;display:grid}.empty-state h2{font-size:var(--body);font-weight:500}.settings-section{gap:.75rem;margin-top:1.75rem;display:grid}.settings-section>h2{font-size:var(--body);color:var(--ink-700);margin:0}.setting-pill{border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:4.25rem;padding:.75rem 1.25rem;display:flex}.setting-pill>span{gap:.2rem;display:grid}.setting-pill small{color:var(--ink-600)}.setting-pill button,.setting-pill.standalone{color:var(--brand-700);border:0;font-weight:650}.setting-pill.standalone{border:1px solid var(--line);text-align:left}.setting-pill .danger-link,.danger-link{color:var(--danger)}.change-form{gap:.75rem;display:grid}.change-form label{color:var(--ink-700);font-size:var(--note);margin-top:.5rem;font-weight:650}.capsule-field,.reason-field{border:1px solid var(--line);width:100%;color:var(--ink-900);background:#fff;outline:0}.capsule-field{border-radius:999px;min-height:4.25rem;padding:0 1.25rem}.reason-field{border-radius:var(--radius);resize:vertical;min-height:9rem;padding:1rem 1.25rem}.change-form .primary{margin-top:.5rem}.network-toast{z-index:50;left:50%;bottom:calc(5.25rem + env(safe-area-inset-bottom));width:min(100% - 2rem,46rem);min-height:3.5rem;color:var(--danger);background:#fff;border:1px solid #f0cccc;border-radius:1.25rem;align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.2s ease-out toast-in,.25s ease-in 3.75s forwards toast-out;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #3c23231f}.network-toast span{border:1px solid;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-weight:700;display:grid}.skeleton.short{min-height:4rem}@keyframes icon-pulse{50%{background:var(--brand-100);transform:translateY(-3px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes toast-out{to{opacity:0;visibility:hidden;transform:translate(-50%,12px)}}@media (width<=420px){.home-grid{grid-template-columns:1fr}.feature-card:first-child,.feature-card:last-child{grid-column:auto}.archive-switch{margin:-1.25rem 0 1rem auto;display:block;position:static}.eye-grid{grid-template-columns:1fr}}.access-card{gap:1rem;display:grid}.access-card h2{color:var(--clinical-blue);margin:0;font-size:2rem}.access-card p{color:var(--ink-600);margin:0;line-height:1.6}.access-card dl{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:1rem 0;display:grid}.access-card dt{color:var(--ink-600);font-size:var(--note)}.access-card dd{margin:.25rem 0 0;font-weight:650}.pending-notice,.danger-notice{border-radius:var(--radius);background:var(--brand-50);color:var(--brand-700);padding:1rem}.danger-notice{background:var(--danger-bg);color:var(--danger)}.secondary-full{border:1px solid var(--brand-600);width:100%;min-height:3.5rem;color:var(--brand-700);background:#fff;border-radius:1.5rem;font-weight:650}.report-summary{background:linear-gradient(135deg,#fff,var(--brand-50))}.report-summary p{margin:0;line-height:1.7}.report-sections{margin-top:1rem}.report-sections h2{margin:0 0 .75rem;font-size:1.15rem}.report-sections ul{color:var(--ink-700);margin:0;padding-left:1.25rem;line-height:1.7}.download-actions{gap:.75rem;margin-top:1.5rem;display:grid}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}