.character svg{width:65px;height:65px;display:block}.activity .character{line-height:1;display:block}.activities{grid-template-columns:repeat(4,1fr)}.activity{padding:24px 16px;align-items:center;min-height:164px}.activity .character svg{width:95px;height:95px}.activity strong{font-family:Georgia,serif;font-size:20px}.activity small{font-size:12px}.profile-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);padding:18px 22px;border:1px solid var(--line);border-radius:20px;margin-bottom:24px}.profile-identity{display:flex;align-items:center;gap:14px}.profile-identity svg{width:54px;height:54px}.profile-identity strong{font-size:20px;font-family:Georgia,serif}.profile-identity small{display:block;color:var(--muted);font-size:12px}.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-actions select{margin:0;width:auto;max-width:250px}.entry-who{display:flex;gap:12px;align-items:center;padding:12px 0 18px}.entry-who svg{width:45px;height:45px}.entry-who small{display:block;color:var(--muted);font-size:12px}.entry .character svg{width:43px;height:43px}.visual-field{border:0;padding:0;margin:12px 0;min-width:0;grid-column:1/-1}.visual-field legend{font-size:14px;font-weight:600;margin-bottom:10px}.visual-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-choice{display:flex;flex-direction:column;padding:10px 6px;gap:6px;background:var(--bg);text-align:center;min-width:0;min-height:135px}.visual-choice svg{width:75px;height:75px}.visual-choice span{font-size:11px;line-height:1.4}.visual-choice[aria-pressed=true]{border:2px solid var(--accent);background:var(--mint);box-shadow:0 0 0 2px var(--mint)}.unset{padding:5px 10px;font-size:11px;border:0;background:transparent;text-decoration:underline}.activity:nth-child(4){background:var(--warm)}.activity:nth-child(5){background:var(--mint)}.activity:nth-child(6){background:var(--pink)}.hero-art{background:transparent;min-height:300px}.hero-art img{width:230px;transform:none}.speech{font-size:18px}.brand img{border-radius:0}.dark .primary{background:#e1c873;color:#163229}.dark .activity .character svg{filter:brightness(.95)}.dark .visual-choice{background:#20392e}.dark .visual-choice[aria-pressed=true]{background:#395143;border-color:#e1c873}@media(max-width:900px){.profile-strip{flex-direction:column;align-items:stretch}.profile-actions select{flex:1;max-width:none}.activities{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.activities{grid-template-columns:repeat(2,1fr)}.activity{display:flex;flex-direction:column;text-align:center;min-height:150px;padding:16px}.activity .character svg{width:83px;height:83px}.activity strong{font-size:19px}.activities .activity:last-child{grid-column:auto}.profile-actions{display:grid;grid-template-columns:1fr 1fr}.profile-actions select{width:100%;grid-column:1/-1}.visual-choice svg{width:67px;height:67px}.visual-choice{min-height:123px}.hero-art{min-height:225px}.hero-art img{width:160px}}
.top .brand{font-size:clamp(22px,2.5vw,30px);line-height:1.15;gap:12px}.top .brand img{width:48px;height:48px}.top .actions #account{min-height:48px;font-size:16px;padding:12px 20px}.profile-actions #editProfile,.profile-actions #newProfile{width:165px;min-height:46px;padding:11px 14px;font-size:14px;line-height:1.5;white-space:nowrap;flex:0 0 165px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:600px){.top .brand{font-size:22px;gap:9px}.top .brand img{width:40px;height:40px}.top .actions #account{font-size:13px;padding:10px 14px;min-height:44px}.profile-actions #editProfile,.profile-actions #newProfile{width:auto;flex:1 1 0;min-width:0}.profile-actions{width:100%;display:flex;flex-wrap:wrap}.profile-actions #profileSelect{flex-basis:100%;width:100%}}@media(max-width:360px){.top .brand{font-size:19px}.top .brand img{width:34px;height:34px}.top .actions #account{padding:9px 10px;font-size:12px}}
.top{position:sticky;top:0;z-index:30;background:#e7ece0;border-bottom:1px solid var(--line);padding-top:max(18px,env(safe-area-inset-top));box-shadow:0 3px 16px #244a3b0a}.dark .top{background:#0d1e17}.site-footer{padding:22px 12px 24px!important}.activity[data-type=pee]{background:#f4e4b9}.activity[data-type=poo]{background:#dfd4bc}.activity[data-type=shower]{background:#d0e5dc}.activity[data-type=face]{background:#dce6ed}.activity[data-type=teeth]{background:#e4e0ed}.activity[data-type=hands]{background:#e5e8c9}.activity[data-type=floss]{background:#d6e6e3}.dark .activity[data-type=pee]{background:#3b3520}.dark .activity[data-type=poo]{background:#3b3027}.dark .activity[data-type=shower]{background:#214235}.dark .activity[data-type=face]{background:#243a49}.dark .activity[data-type=teeth]{background:#373047}.dark .activity[data-type=hands]{background:#343b23}.dark .activity[data-type=floss]{background:#233f3b}#profileGroup{display:inline-block;background:var(--mint);border-radius:20px;padding:3px 10px;margin-top:5px}.danger{color:#705641}.dark .danger{color:#d8bb96}#register{scroll-margin-top:105px}
#os-cafe-widget .osc-panel{padding:22px;line-height:1.4}#os-cafe-widget .osc-panel p{margin-bottom:12px}#os-cafe-widget .osc-form{display:block;gap:0}#os-cafe-widget #osc-amount{margin-bottom:12px}#os-cafe-widget #osc-donate-button{margin:12px 0;min-height:39px}#os-cafe-widget .osc-external{margin:12px 0}#os-cafe-widget .osc-panel-footer{padding-top:12px}@media(max-width:600px){.top{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px}.site-footer{padding-bottom:76px!important}#os-cafe-widget .osc-panel{padding:20px 18px}}
.install-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--mint);border-bottom:1px solid var(--line)}.install-banner[hidden]{display:none}.install-banner div{flex:1}.install-banner small{display:block;font-size:12px;color:var(--muted)}.install-dismiss{background:transparent;border:0;padding:8px;font-size:24px}.group-badge{display:inline-block;border-radius:14px;background:var(--mint);padding:2px 8px;font-size:12px}.admin-table{overflow:auto;margin:20px 0}.admin-table table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.admin-table small{display:block;margin-top:8px;color:var(--muted)}.admin-table ul{padding-left:18px}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:20px 0}.admin-version{margin-bottom:20px}.admin-version>strong{font-size:26px}.admin-version details{margin-top:16px}@media(max-width:600px){.install-banner{padding:10px 12px;gap:8px}.install-banner img{width:32px;height:32px}.install-banner .primary{font-size:12px;padding:8px 10px}.install-banner strong{font-size:13px}.install-banner small{font-size:10px}}
body{--pink:#e5e0ed}.dark{--pink:#383047}
.profile-identity>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#profileGroup{margin-top:0}.profile-actions select{min-width:185px}
.dark .activity[data-type=floss]{background:#2c4d58}.profile-strip .profile-identity{gap:6px}.profile-strip #profileAvatar{display:block;width:48px;flex:0 0 48px}.profile-strip #profileAvatar svg{width:48px;height:48px}.google-description{font-size:13px;color:var(--muted);margin:0}.auth-divider{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin-top:12px}.auth-divider:before,.auth-divider:after{content:'';flex:1;border-top:1px solid var(--line)}#authForm .google{margin:0}#authForm .auth-switch{margin:0}
body.dark .activities .activity[data-type=floss]{background:#2c4d58}

/* Keep controls below the iOS status area, with an opaque header. */
.top{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
@media(max-width:600px){.top{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
#entries{margin-top:18px}.metric-hours b{font:600 clamp(18px,2.2vw,26px)/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.metric{min-width:0}.metrics{align-items:start}

/* 1.0.0: native dates, grouped settings and compact account information. */
.date-field{display:block;position:relative;font-weight:400}.date-field input{width:100%;color:var(--ink)}.date-hint{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#858d87;pointer-events:none;font-weight:400}.date-field:not(.has-date):not(:focus-within) input::-webkit-datetime-edit{color:transparent}.date-field.has-date .date-hint,.date-field:focus-within .date-hint{display:none}.date-field:not(.has-date) input{color:#858d87}.date-field.has-date input{color:var(--ink)}
.photo-preference{margin:20px 0}.photo-preference .check-label{display:flex;align-items:center;gap:10px;margin:0;line-height:1.45}.photo-preference input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:0;align-self:center}.photo-preference .preference-note{margin:5px 0 0 30px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:400}
#photoEditor{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg);margin:20px 0}#photoEditor .photo-help{font-size:13px;line-height:1.5;margin:6px 0 12px}#photoEditor [role=status]:empty{display:none}.photo-file-button{position:relative;margin:0;overflow:hidden;font-weight:600}.photo-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.photo-file-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}#photoEditor .view-photo,#photoEditor .remove-photo{margin:8px 6px 0 0}
.account-identity{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:16px;margin:10px 0 20px}.account-eyebrow{display:block;color:var(--muted);font-size:12px}.account-name{display:block;font-size:22px;margin:2px 0}.account-email{display:block;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.account-identity p{font-size:13px;margin:10px 0 0}.account-access{display:grid;gap:10px}.account-access h3{margin:0}.account-access .account-method{font-size:14px;margin:0 0 4px}.account-access button,.account-access .button{width:100%}.account-delete{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.account-delete summary{color:var(--muted);cursor:pointer;font-size:13px}.account-delete p{font-size:13px}

/* 1.0.0: uniform statistic controls and equally sized metric cards. */
.ios-share-icon{display:inline-block;vertical-align:middle;width:24px;height:28px;margin:0 4px}.dark .ios-share-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(16%) saturate(462%) hue-rotate(94deg)}
.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}.filters label{min-width:0}.filters input,.filters select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;padding:10px 12px;margin-top:6px}.filters input[type=date]{text-align:left;display:block;overflow:hidden}.filters input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
#metrics{align-items:stretch;grid-auto-rows:1fr}#metrics .metric{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px}#metrics .metric span{margin-top:auto}
@media(max-width:600px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters input,.filters select{font-size:16px}}

/* 1.0.0: fixed visual date box independent of Safari's native editor. */
.filters .reference-date{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;height:48px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden;padding:10px 12px}
.filters .reference-date-value{display:block;min-width:0;width:100%;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);pointer-events:none}
.filters .reference-date input[type=date]{position:absolute;inset:0;display:block;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;opacity:0;appearance:none;-webkit-appearance:none;cursor:pointer}
.filters .reference-date:focus-within{outline:3px solid var(--accent);outline-offset:3px}

/* Eighth routine: a warm peach palette distinct from the other activities. */
.activity[data-type=cream]{background:#f3ddce}
body.dark .activities .activity[data-type=cream]{background:#503d2c}