@import "https://fonts.googleapis.com/css2?family=Borel&family=Inconsolata:wght@200..900&display=swap";:root{--color-primary:#a083d0;--color-secondary:#125e63;--color-soft-primary:#e6ddf7;--color-accent:#aa3bff;--color-accent-bg:#aa3bff1a;--color-accent-border:#aa3bff80;--color-background:#eaeaea;--color-surface:#f4f3ec;--color-text:#08060d;--color-text-muted:#6b6375;--color-border:#e5e4e7;--color-error:#dc3545;--color-success:#28a745;--color-warning:#ffc107;--font-family:"Inconsolata", system-ui, "Segoe UI", Roboto, sans-serif;--font-family-heading:"Borel", system-ui, "Segoe UI", Roboto, sans-serif;--font-family-mono:ui-monospace, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height:1.6;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-lg:0 10px 20px #00000026;--transition-fast:.15s ease;--transition-base:.25s ease;--max-width:1200px;--header-height:64px;font:18px/145% var(--font-family);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;padding:0 1rem;display:flex}h1{text-align:left;letter-spacing:-1.68px;font-size:36px;font-family:var(--font-family-heading);margin:20px 0}h2{font-size:20px;line-height:118%;font-family:var(--font-family);margin:0 0 8px;font-weight:500}h2,h3,th{letter-spacing:-.24px;color:var(--color-secondary)}h4{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-secondary);margin:0}p{margin:var(--space-xs) 0;font-size:var(--font-size-xl);color:var(--color-text-muted);white-space:pre-line}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}th{font-weight:600}tbody tr:hover{background:var(--color-surface)}.detailCard{margin:var(--space-md) 0;padding:var(--space-sm);background-color:var(--color-surface)}.detailRow{width:100%;margin-top:var(--space-sm);display:flex}.detail{width:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}code,.counter{font-family:var(--font-family-mono);color:var(--color-text);border-radius:4px;display:inline-flex}code{background:var(--color-surface);padding:4px 8px;font-size:15px;line-height:135%}.loginPage{justify-content:center;align-items:center;min-height:100vh;display:flex}.loginForm{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:360px;padding:2rem}.loginForm h1{margin:0 0 1.5rem;font-size:1.5rem}.loginForm label{margin-bottom:1rem;font-size:.9rem;font-weight:600;display:block}.loginForm input{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;width:100%;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;display:block}.loginForm button{border-radius:var(--radius-sm);background:var(--color-text);width:100%;color:var(--color-background);cursor:pointer;border:none;padding:.6rem;font-size:1rem}.loginForm button:disabled{opacity:.6;cursor:not-allowed}.loginError{color:var(--color-error);margin:0 0 1rem;font-size:.9rem}.pageHeader{z-index:1;margin:.5rem 0;animation:.5s ease-out fadeIn;position:relative}.pageHeader h1{margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.card:hover{box-shadow:var(--shadow-md)}.card h2{margin:0 0 .5rem;font-size:1.25rem}.card p{color:var(--color-text-muted);margin:0;font-size:.9rem}.identityCardButton{all:unset;cursor:pointer;text-align:right;width:100%;display:flex;position:relative}.identityCardButton img{opacity:.6;height:250px;position:absolute;top:30px;left:10px}.identityCardButton .card{flex:1;transition:border-bottom-left-radius .5s,border-bottom-right-radius .5s;position:relative;overflow:hidden}.identityCardButton .card p{text-align:right;align-self:flex-end;width:70%}.identityCardButtonOpen .card{border-bottom-right-radius:0;border-bottom-left-radius:0}.identityPanel{max-height:0;margin-top:-1rem;transition:max-height 1s,margin-top 1s;overflow:hidden}.identityPanelOpen{max-height:85vh;margin-top:-1rem}.identityPanelContent{padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-soft-primary)}.identityPanelContent .identityRow{margin:var(--space-sm) 0}.homePage{--scatter-speed:.9s}.homePage.scattering .pageHeader{animation:fadeOut var(--scatter-speed) ease-in forwards}.homeGridWrapper{margin-top:-17px;position:relative}.homeGrid{grid-template:"homePageCardIdentity homePageCardIdentity homePageCardIdentity homePageCardIdentity""homePageCardMedications homePageCardMedications homePageCardMedications homePageCardPeriod""homePageCardAllergies homePageCardAllergies homePageCardConditions homePageCardConditions""homePageCardContacts homePageCardContacts homePageCardConditions homePageCardConditions""homePageCardContacts homePageCardContacts homePageCardProcedures homePageCardProcedures""homePageCardTimeline homePageCardTimeline homePageCardTimeline homePageCardTimeline"/1fr 1fr 1fr 1fr;grid-auto-flow:row;gap:1rem;display:grid;overflow:hidden}.homeGrid.scattering{pointer-events:none}.scattering>.slide-left{animation:slideLeft var(--scatter-speed) ease-in forwards}.scattering>.slide-right{animation:slideRight var(--scatter-speed) ease-in forwards}.scattering>.slide-up{animation:slideUp var(--scatter-speed) ease-in forwards}.scattering>.slide-down{animation:slideDown var(--scatter-speed) ease-in forwards}@keyframes slideLeft{to{opacity:0;transform:translate(-120%)}}@keyframes slideRight{to{opacity:0;transform:translate(120%)}}@keyframes slideUp{to{opacity:0;transform:translateY(-120%)}}@keyframes slideDown{to{opacity:0;transform:translateY(120%)}}.homeGrid a{display:flex}.homeGrid .card{flex:1}.homePageCardIdentity{flex-direction:column;grid-area:homePageCardIdentity;margin-bottom:1rem;display:flex}.homePageCardMedications{grid-area:homePageCardMedications;position:relative}.homePageCardMedications img{opacity:.6;height:70px;position:absolute;bottom:7px;right:3px}.homePageCardPeriod{grid-area:homePageCardPeriod}.homePageCardPeriod .card{justify-content:center;align-items:center;display:flex}.homePageCardPeriod img{height:60px}.homePageCardAllergies{grid-area:homePageCardAllergies}.homePageCardConditions{grid-area:homePageCardConditions;position:relative}.homePageCardConditions .card{min-height:235px}.homePageCardConditions img{opacity:.5;height:100px;position:absolute;bottom:10px;right:10px}.homePageCardContacts{grid-area:homePageCardContacts;position:relative}.homePageCardContacts img{opacity:.6;height:50px;position:absolute;bottom:7px;right:7px}.homePageCardTimeline{grid-area:homePageCardTimeline;position:relative}.homePageCardTimeline .card{padding-left:var(--space-md)}.homePageCardTimeline .snail{opacity:.7;height:40px;position:absolute;bottom:5px;right:9px}.homeGridVine{pointer-events:none;height:200px;position:absolute;bottom:-14px;left:-9px}.homePageCardProcedures{grid-area:homePageCardProcedures}.loadingScreen{z-index:0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s ease-out both fadeIn;display:flex;position:fixed;top:0;left:0}.loadingScreen.fadingOut{animation:.5s ease-out both fadeOut}.loadingImage{object-fit:contain;width:120px;height:120px}.contactsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.contactCard{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);padding:1.25rem}.contactCard h3{margin:0 0 .25rem}.contactRole{color:var(--color-text-muted);font-size:.85rem;display:inline-block}.contactCard dl{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:.9rem;display:grid}.contactCard dt{font-weight:600}.contactCard dd{margin:0}html{background-color:var(--color-background)}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}#root{position:relative;overflow-x:hidden}header{padding:1rem 0}h1{color:var(--color-primary)}h2{color:var(--color-secondary)}.appHeader{justify-content:space-between;align-items:center;display:flex}.appHeader a{color:inherit;font-size:1.1rem;font-weight:700;text-decoration:none}.signOut{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .3rem;font-size:.85rem}.signOut:hover{background:var(--color-surface)}main{padding:2rem 0}.decalWrapper{position:relative}.decalWrapper img{z-index:-1}.topRightVine{pointer-events:none;z-index:2;height:55px;position:absolute;top:36px;right:-47px;transform:rotate(45deg)}a{color:inherit;text-decoration:none;display:block}
