@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500..800&family=Inter:wght@400..600&family=JetBrains+Mono:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-container-lowest:#0b0f0f;--surface-container-low:#171c1c;--surface-container:#262b2b;--surface-container-high:#2b3031;--surface-container-highest:#313536;--glass-bg:#262b2ba6;--glass-bg-raised:#31353699;--glass-border:#ffffff0f;--on-surface:#e0e3e3;--on-surface-variant:#bec9c9;--outline:#889394;--outline-variant:#3e494a;--primary:#80d4db;--primary-bright:#9fe3e9;--primary-dim:#5fb6bd;--on-primary:#00363a;--primary-glow:#80d4db38;--primary-tint:#80d4db24;--secondary:#b3c5ff;--tertiary:#c3b8f2;--tertiary-container:#3d3760;--on-tertiary-container:#e4defc;--pain-low:#8fd6ab;--pain-low-bg:#8fd6ab24;--pain-low-border:#8fd6ab66;--pain-medium:#e0c481;--pain-medium-bg:#e0c48124;--pain-medium-border:#e0c48166;--pain-high:#e2a099;--pain-high-bg:#e2a09924;--pain-high-border:#e2a09966;--error:#ffb4ab;--error-container:#93000a;--font-display:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--space-unit:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--container-padding-mobile:20px;--container-padding-desktop:40px;--section-gap:48px;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--touch-target-min:44px;--button-height:52px;--transition-fast:.12s ease;--transition-base:.2s ease;--shadow-elevated:0 8px 24px #00000059;--text-muted:#8b9695}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-hyphens:auto;hyphens:auto}html,body{min-height:100%;margin:0;padding:0}body{background:var(--surface-container-lowest);color:var(--on-surface);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.5}body:before,body:after{content:"";z-index:-1;filter:blur(90px);pointer-events:none;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#80d4db29,#0000 65%);width:55vmax;height:55vmax;top:-18vmax;left:-12vmax}body:after{background:radial-gradient(circle,#7a76d624,#0000 65%);width:60vmax;height:60vmax;bottom:-22vmax;right:-15vmax}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}*{scrollbar-color:var(--surface-container-highest) var(--surface-container-lowest)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px var(--primary-glow)}.active-incident,.last-entry-summary,.stat-card,.export-section,.details-inline,.wizard-sheet,.privacy-section,.verlauf-item,.verlauf-detail-pane,.backdate-form,.disclaimer{-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:500}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.pain-indicator{border-radius:var(--radius-full);width:40px;height:40px;font-family:var(--font-display);font-variant-numeric:tabular-nums;background:var(--pain-medium-bg);border:1px solid var(--pain-medium-border);color:var(--pain-medium);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.pain-indicator--sm{width:26px;height:26px;font-size:var(--text-xs)}.pain-indicator--low{background:var(--pain-low-bg);border-color:var(--pain-low-border);color:var(--pain-low)}.pain-indicator--medium{background:var(--pain-medium-bg);border-color:var(--pain-medium-border);color:var(--pain-medium)}.pain-indicator--high{background:var(--pain-high-bg);border-color:var(--pain-high-border);color:var(--pain-high)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;flex:1;display:flex}.app-topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-5);height:56px;padding:0 var(--container-padding-desktop);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--glass-border);display:flex;position:sticky;top:0}.app-topbar__brand{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;font-weight:800}.app-topbar__nav{align-items:center;gap:var(--space-2);display:flex}.app-topbar__nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:var(--on-surface-variant);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;min-height:var(--touch-target-min);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.app-topbar__nav-item .material-symbols-outlined{font-size:18px}.app-topbar__nav-item:hover{color:var(--on-surface);border-color:var(--outline-variant)}.app-topbar__nav-item--active{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.app-topbar__nav-item--muted{color:var(--text-muted)}.app-shell__content{width:100%;min-width:0;max-width:760px;padding:0 var(--container-padding-mobile) calc(var(--touch-target-min) + var(--space-6));flex:1;margin:0 auto}@media (width>=1024px){.app-shell__content{padding:0 var(--container-padding-desktop) var(--space-6)}}.app-shell__bottom-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);border-top:1px solid var(--glass-border);padding:var(--space-2) var(--space-2) max(var(--space-2), env(safe-area-inset-bottom));z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.app-shell__bottom-item{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);min-height:var(--touch-target-min);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.app-shell__bottom-icon{font-size:22px}.app-shell__bottom-item--active{color:var(--primary)}.app-shell__bottom-item--active .app-shell__bottom-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.auth-page{max-width:400px;padding:var(--space-7) var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.auth-page h1{font-size:var(--text-2xl);margin:0 0 var(--space-2);text-align:center}.auth-page__subtitle{text-align:center;color:var(--text-muted);margin:0 0 var(--space-3);font-size:var(--text-sm)}.auth-page__form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);font-size:var(--text-sm);color:var(--on-surface-variant);flex-direction:column;display:flex}.auth-field input{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--touch-target-min);color:var(--on-surface)}.auth-page__error{color:var(--error);font-size:var(--text-sm);text-align:center}.auth-page__switch{text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-bright);box-shadow:0 0 0 4px var(--primary-glow)}.btn--secondary{color:var(--on-surface);border-color:var(--outline);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.btn--danger{color:var(--error);border-color:var(--error);background:0 0}.btn--link{color:var(--primary);min-height:var(--touch-target-min);background:0 0;border:none}.btn--block{width:100%}.btn .material-symbols-outlined{font-size:20px}@media (width<=679.98px){.btn:not(.btn--link){width:100%}}@media (width<=430px){.btn{min-height:56px}}.consent-screen{max-width:480px;padding:var(--space-7) var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.consent-screen h1{font-size:var(--text-2xl);margin:0}.consent-screen__intro{color:var(--on-surface-variant);font-size:var(--text-sm);line-height:1.6}.consent-screen__checkbox{gap:var(--space-3);background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);align-items:flex-start;line-height:1.5;display:flex}.consent-screen__checkbox input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.consent-screen__error{color:var(--error);font-size:var(--text-sm)}.privacy-page{max-width:640px;padding:var(--space-5) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.privacy-page h1{font-size:var(--text-2xl);margin:0}.privacy-section{gap:var(--space-3);background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-5);flex-direction:column;display:flex}.privacy-section h2{font-size:var(--text-lg);margin:0}.privacy-section p{color:var(--on-surface-variant);font-size:var(--text-sm);margin:0}.privacy-consent-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.privacy-consent-row p{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.privacy-feedback{color:var(--primary-bright);font-size:var(--text-sm)}.privacy-section--danger{border-color:color-mix(in srgb, var(--error) 40%, var(--outline-variant))}.privacy-delete-confirm{background:var(--glass-bg-raised);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.privacy-delete-confirm__actions{gap:var(--space-3);display:flex}.chip{align-items:center;gap:var(--space-3);border:1px solid var(--outline-variant);background:var(--glass-bg-raised);color:var(--on-surface-variant);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);font-size:var(--text-sm);text-align:left;min-height:var(--touch-target-min);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);display:inline-flex}.chip:hover{border-color:var(--primary-dim)}.chip__icon-wrap{border-radius:var(--radius-full);background:var(--surface-container-highest);width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.chip__icon{font-size:18px}.chip__check{border-radius:var(--radius-full);background:var(--primary);width:15px;height:15px;color:var(--on-primary);justify-content:center;align-items:center;font-size:12px;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.chip__label{-webkit-hyphens:auto;hyphens:auto}.chip--selected{background:var(--primary-tint);border-color:var(--primary);color:var(--on-surface);font-weight:600}.chip--selected .chip__icon-wrap{background:var(--primary);color:var(--on-primary)}.chip-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));width:100%;display:grid}.details-section{gap:var(--space-3);flex-direction:column;display:flex}.details-section__title{font-size:var(--text-sm);color:var(--on-surface-variant);margin:var(--space-3) 0 0;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.details-section__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.details-section__chips{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));display:grid}.med-row{gap:var(--space-2);background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.med-row{grid-template-columns:2fr 1fr 1fr auto;align-items:center}}.med-row input{background:var(--glass-bg-raised);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:var(--touch-target-min);color:var(--on-surface)}.med-row__remove{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--text-muted);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);background:0 0}.med-row__remove:hover{color:var(--error);border-color:var(--error)}.add-medication-btn{background:var(--glass-bg-raised);border:1px dashed var(--outline-variant);border-radius:var(--radius-md);color:var(--primary-bright);padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);align-self:flex-start;font-weight:500}.add-medication-btn:hover{border-color:var(--primary)}.notes-textarea{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;min-height:120px;padding:var(--space-3);color:var(--on-surface);resize:vertical}.wizard-overlay{z-index:50;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.wizard-sheet{background:var(--glass-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:88dvh;padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;overflow-y:auto}.wizard-sheet__header{justify-content:space-between;align-items:center;display:flex}.wizard-sheet__close{background:var(--glass-bg-raised);border-radius:var(--radius-full);width:var(--touch-target-min);height:var(--touch-target-min);color:var(--on-surface-variant);border:none}.wizard-sheet__progress{gap:var(--space-2);display:flex}.wizard-sheet__dot{background:var(--surface-container-highest);border-radius:50%;width:8px;height:8px}.wizard-sheet__dot--active{background:var(--primary)}.wizard-sheet__title{font-size:var(--text-xl);margin:0}.wizard-sheet__body{flex:1;overflow-y:auto}.wizard-sheet__footer{gap:var(--space-2);flex-direction:column;display:flex}.details-inline{gap:var(--space-5);background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5);flex-direction:column;display:flex}.details-inline__save{align-self:flex-start}.backdate-form{max-width:560px;padding:var(--space-5) var(--space-4);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.backdate-form__field{gap:var(--space-2);font-size:var(--text-sm);color:var(--on-surface-variant);flex-direction:column;display:flex}.backdate-form__field input{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--touch-target-min);color:var(--on-surface)}.backdate-form__chips{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));display:grid}.backdate-form__error{color:var(--error);font-size:var(--text-sm)}.backdate-form__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.backdate-form__actions .btn{flex:1}.track-page{align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.track-page--loading{color:var(--text-muted)}.start-button{background:var(--primary);width:min(72vw,260px);height:min(72vw,260px);color:var(--on-primary);padding:var(--space-5);box-shadow:var(--shadow-elevated), 0 0 60px var(--primary-glow);transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.start-button:hover:not(:disabled){background:var(--primary-bright);box-shadow:var(--shadow-elevated), 0 0 90px var(--primary-glow);transform:scale(1.02)}.start-button:active:not(:disabled){transform:scale(.98)}.start-button__label{font-family:var(--font-display);font-size:var(--text-xl);-webkit-hyphens:manual;hyphens:manual;font-weight:800;line-height:1.3}.last-entry-summary{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;padding:var(--space-4)}.last-entry-summary__label{font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.last-entry-summary__row{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--on-surface-variant);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.last-entry-summary__intensity{align-items:center;gap:var(--space-2);display:inline-flex}.active-incident--low{border-color:var(--pain-low-border)}.active-incident--medium{border-color:var(--pain-medium-border)}.active-incident--high{border-color:var(--pain-high-border)}.active-incident{align-items:center;gap:var(--space-4);background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:100%;padding:var(--space-5);flex-direction:column;display:flex}.active-incident__elapsed-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:500}.active-incident__elapsed{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);color:var(--primary);font-variant-numeric:tabular-nums}.active-incident__slider-label{align-self:flex-start;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--on-surface-variant);display:flex}.active-incident__slider-row{align-items:center;gap:var(--space-3);width:100%;font-size:var(--text-xs);color:var(--text-muted);display:flex}.active-incident__slider-row input[type=range]{accent-color:var(--primary);min-height:var(--touch-target-min);flex:1}.active-incident__chips{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));width:100%;display:grid}.entry-detail-pane{gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-4);background:var(--glass-bg-raised);border-radius:var(--radius-md);flex-direction:column;display:flex}.entry-detail-pane__meta{gap:var(--space-1);font-size:var(--text-sm);color:var(--on-surface-variant);flex-direction:column;display:flex}.entry-detail-pane__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.verlauf-page{padding:var(--space-4);max-width:900px;margin:0 auto}.verlauf-page--loading,.verlauf-page--empty{color:var(--text-muted);text-align:center;padding:var(--space-7) var(--space-4)}.verlauf-page--split{gap:var(--space-5);grid-template-columns:360px 1fr;align-items:start;max-width:1200px;display:grid}.verlauf-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.verlauf-item{text-align:left;background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);gap:var(--space-1);min-height:var(--touch-target-min);flex-direction:column;display:flex}.verlauf-item--active{border-color:var(--primary)}.verlauf-item__row{font-size:var(--text-sm);justify-content:space-between;display:flex}.verlauf-item__row--muted{color:var(--text-muted);font-size:var(--text-xs);align-items:center}.verlauf-item__intensity{align-items:center;gap:var(--space-2);display:inline-flex}.verlauf-item__status{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.verlauf-item__status--open{color:var(--primary)}.verlauf-detail-pane{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-5);top:var(--space-4);position:sticky}.verlauf-detail-pane__placeholder{color:var(--text-muted)}.disclaimer{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-3);background:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);margin:0;line-height:1.5}.export-panel{gap:var(--space-4);flex-direction:column;display:flex}.export-panel__range{gap:var(--space-3);display:flex}.export-panel__range label{gap:var(--space-2);font-size:var(--text-sm);color:var(--on-surface-variant);flex-direction:column;flex:1;display:flex}.export-panel__range input{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--touch-target-min);color:var(--on-surface)}.export-panel__error{color:var(--error);font-size:var(--text-sm)}.statistik-page{padding:var(--space-4);gap:var(--space-5);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.statistik-page--loading{color:var(--text-muted);text-align:center;padding:var(--space-7)}.stat-cards{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat-card__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--text-2xl);color:var(--primary)}.stat-card__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--space-2);font-weight:500}.export-section h2{font-size:var(--text-lg);margin:0 0 var(--space-3)}