/* Shared visual system: all pages, no changes to authentication or stored data. */
@media screen {
:root{--purple:#8040b4;--green:#28774b;--muted:#6c6279;--border:#eae4f0;color:#29173f;background:#faf8fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
body{background:radial-gradient(ellipse at 90% 0,#f1e9f8 0,transparent 42%),#faf8fc}
main{max-width:1200px}h1{font-weight:700;letter-spacing:-.7px}h2{font-weight:650;letter-spacing:-.35px}p{line-height:1.6}
.card,.provider,.account-card{border:1px solid var(--border);border-radius:20px;box-shadow:0 6px 24px #44246106;background:#fff}
.primary{border-radius:12px;background:linear-gradient(110deg,#8243b8,#9850b7);border-color:#8040b4;box-shadow:0 4px 12px #71319b18;min-height:46px}
.secondary{border-radius:12px;background:#f6f1fa;border:1px solid #e7dbf0;color:#66348b;min-height:44px}
input:not([type=checkbox]):not([type=range]),select,textarea{border-radius:11px;background:#faf8fc;border:1px solid #e5dfec;color:#29173f;min-height:44px;max-width:100%}
input[type=range],input[type=checkbox]{accent-color:#8b46bd}
label{line-height:1.5}button,a,input,select,textarea{scroll-margin-block:90px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b329b;outline-offset:3px}
.page-heading{gap:16px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#79518e}
.sidebar{background:#fff;padding-top:28px}.sidebar nav{margin-top:35px}.sidebar nav a{border-radius:12px}.topbar{background:#ffffffb8;border-bottom:1px solid #eee8f3}
.home-hero{min-height:300px;border-radius:22px;padding:28px;background-image:linear-gradient(90deg,#fff7ffeb,#fff8ff88 55%,#ffffff00),url('/morgenlandschaft.png');background-position:center 48%;box-shadow:0 8px 24px #5c326813;overflow:visible}
.hero-copy h1{font-size:30px;max-width:75%;line-height:1.22}.hero-copy h2{font-size:21px;margin:8px 0}.hero-copy .eyebrow{display:none}.hero-copy p:not(.eyebrow){font-size:14px}.hero-copy{padding-bottom:25px}
.daily-cta{background:#fff;border:1px solid #eee7f1;border-radius:17px;box-shadow:0 6px 18px #40244915;max-width:480px;min-height:76px;padding:15px 18px}.daily-cta .plus{width:42px;height:42px}.daily-cta strong{font-size:15px}.daily-cta small{font-size:12px}
.quick-grid{gap:12px;margin:20px 0 24px}.quick-tile{min-height:105px;border:1px solid #ffffffa6;border-radius:17px;box-shadow:none;gap:10px}.quick-tile span{font-size:13px}.quick-tile .line-icon{width:32px;height:32px}
.metrics{gap:12px}.metrics>div{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 12px #57377305}.metrics strong{font-size:27px}.metrics span{font-size:13px}.metrics small{font-size:12px}
.section-heading{margin:23px 0 13px;gap:12px}.section-heading h2{font-size:18px}.section-heading a{font-size:13px}.home-grid{gap:16px}.community-teaser{background:linear-gradient(125deg,#f2e9f8,#fcf8fc)}
.report-teaser{border-radius:18px;padding:23px;background:linear-gradient(110deg,#f2e9fa,#faf6fd);border:1px solid #e9ddf1}.report-teaser h2{font-size:20px}.report-teaser p{font-size:14px;color:#695976}.home-therapy{margin:22px 0}
.diary-grid{gap:20px}.range-row{gap:22px;margin:20px 0}.range-row output{background:#f2e6fb;color:#773baa;border-radius:20px;padding:2px 11px}.form-grid{gap:18px;margin:20px 0}.entry{padding:12px 0}.entry-open{min-width:0;overflow-wrap:anywhere}
.period{background:#f0e9f6;padding:12px 16px;border-radius:15px;gap:14px}.chart{background:linear-gradient(180deg,#fff,#fcfaff);border-radius:14px}.table-wrap{border:1px solid var(--border);border-radius:13px}
.network-categories{gap:10px}.network-categories a.secondary{min-height:94px;padding:14px 10px;border-radius:15px;font-size:13px;gap:8px}.network-categories a::before{font-size:26px}.community-grid{border-radius:18px;padding:0 20px}.post{padding-top:20px;padding-bottom:20px}.post h2{font-size:17px;line-height:1.4}.provider-icon{border-radius:50%;margin-bottom:12px}.provider h2{font-size:18px}.tag{border-radius:8px}
.home-supporters-grid{gap:12px}.supporter-tile{border-radius:17px;box-shadow:none}.home-supporters h2{font-size:22px}.app-footer{line-height:1.8}
.app-footer-nav{background:#fffffff5;border-top:1px solid #e8dfef;box-shadow:0 -4px 20px #4e2b7006;padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));gap:2px}.app-footer-nav a{border-radius:10px;min-height:53px;font-size:11px;gap:4px}.app-footer-nav a[aria-current=page]{background:#f2e9fa;color:#7535a8}.app-footer-nav svg{width:23px;height:23px}
.privacy-page,.narrow{overflow-wrap:anywhere}details{border-radius:13px}summary{line-height:1.5;min-height:36px}
@media(max-width:800px){
 main{padding:20px 16px}.sidebar{padding:13px 16px}.brand{font-size:21px}.brand img{width:35px;height:35px}.brand small{font-size:10px}.topbar{min-height:34px;padding:5px 16px;font-size:11px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.card{padding:18px;border-radius:17px}
 .home-hero{min-height:275px;padding:23px 18px 0;background-position:65% center;border-radius:18px;margin-bottom:34px}.hero-copy h1{font-size:25px;max-width:85%;padding-right:12px}.hero-copy h1 span{top:19px;right:14px}.hero-copy h2{font-size:18px}.hero-copy p:not(.eyebrow){font-size:13px}.daily-cta{margin-bottom:-22px;min-height:73px;padding:13px 12px;gap:10px;width:100%;max-width:none}.daily-cta strong{font-size:14px}.daily-cta small{font-size:11px}.cta-arrow{font-size:23px}
 .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 22px}.quick-tile{min-height:95px;padding:12px 4px;gap:9px;border-radius:14px}.quick-tile span{font-size:11px}.quick-tile .line-icon{width:30px;height:30px}
 .metrics{gap:8px}.metrics>div{padding:13px 10px}.metrics span{font-size:11px}.metrics strong{font-size:24px}.section-heading h2{font-size:17px}.section-heading a{font-size:12px}
 .home-therapy{margin:20px 0;padding:18px}.home-therapy h2{font-size:18px}.home-therapy p{font-size:13px}.home-therapy .eyebrow{font-size:9px}.report-teaser .primary{min-height:44px}.community-teaser h2{font-size:18px}.community-symbol{width:42px;height:42px;margin-bottom:12px}
 .network-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.network-categories a.secondary{min-height:88px;font-size:12px}.community-grid{padding:0 14px}.post{padding-left:45px}.post:before{width:33px;height:33px;font-size:20px}.post h2{font-size:16px}.provider-grid{gap:12px}.provider{padding:18px}.form-grid{gap:15px}input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px}.home-supporters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supporter-tile{padding:16px 10px;font-size:11px;gap:12px}.supporter-logo-area{height:66px}.supporter-logo-area img{max-height:62px}.app-footer{padding:16px;line-height:1.9}.app-footer-nav a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
}
@media screen{
.view-today{display:flex;flex-direction:column}.view-today>*{order:6}.view-today>#notice{order:-1}.view-today>.home-hero{order:0}.view-today>.quick-grid{order:1}.view-today>.section-heading{order:2}.view-today>.metrics{order:3}.view-today>.home-grid{order:4}.view-today>.home-therapy{order:5}.view-today>.home-supporters{order:8}
@media(max-width:800px){.topbar>span:first-child{display:none}.topbar{flex-wrap:nowrap}.home-hero .daily-cta strong{line-height:1.35}.home-hero .daily-cta .cta-arrow{display:none}}
}

/* The supplied artwork is clipped with CSS so symbols stay identical across devices. */
.quick-tile .quick-reference-icon{display:block;flex:none;width:60px;height:64px;background-image:url('/quick-icons-reference.png');background-size:934.2px 189px;background-repeat:no-repeat;background-position-y:-48px}
.quick-tile.pain{background:#fdd5d5}.quick-tile.swelling{background:#e1dafe}.quick-tile.compression{background:#d1e2ff}.quick-tile.movement{background:#cfebc8}.quick-tile.mld{background:#c5ebdd}.quick-tile.mood{background:#f9d8c9}
.quick-tile.pain .quick-reference-icon{background-position-x:-60.6px}.quick-tile.swelling .quick-reference-icon{background-position-x:-210px}.quick-tile.compression .quick-reference-icon{background-position-x:-359.4px}.quick-tile.movement .quick-reference-icon{background-position-x:-508.8px}.quick-tile.mld .quick-reference-icon{background-position-x:-658.2px}.quick-tile.mood .quick-reference-icon{background-position-x:-807.6px}