:root{
  color-scheme:light;
  --ink:#1f2c29;--muted:#6e746f;--line:#d9d5cd;--paper:#f4f0e8;--surface:#fffdf8;--spruce:#143c36;--spruce-2:#23584f;--accent:#c76846;--danger:#9c3d35;--shadow:0 14px 40px rgba(34,38,35,.08);--radius:18px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;font-size:16px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{outline:none}:focus-visible{outline:3px solid rgba(199,104,70,.45);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 20px;background:var(--spruce);color:#f7f2e8;display:flex;flex-direction:column;gap:26px}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand strong{display:block;font-size:1.08rem;letter-spacing:.01em}.brand small{display:block;color:#cbd8d2;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#f7f2e8;display:grid;place-items:center;position:relative}.brand-mark:before{content:"";width:14px;height:18px;border:3px solid var(--spruce);border-radius:12px 12px 15px 15px;transform:rotate(45deg);position:absolute}.brand-mark:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#dfe9e4;border-radius:12px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;min-height:44px}.nav-item span:first-child{width:22px;text-align:center;font-size:1.05rem}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item.is-active{background:#f7f2e8;color:var(--spruce);font-weight:700}.sidebar-foot{margin-top:auto;padding:0 8px;display:grid;gap:10px}.sidebar-foot small{color:#aabcb5;line-height:1.45}.connection-pill{display:flex;gap:8px;align-items:center;font-size:.86rem;color:#dbe8e2}.connection-pill .dot{width:8px;height:8px;border-radius:50%;background:#79c392;box-shadow:0 0 0 4px rgba(121,195,146,.12)}.connection-pill.offline .dot{background:#e19a6c;box-shadow:0 0 0 4px rgba(225,154,108,.12)}
.main-area{min-width:0}.topbar{height:104px;padding:20px 34px 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(31,44,41,.08);background:rgba(244,240,232,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-title{margin-right:auto}.topbar-title p,.kicker{margin:0 0 4px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.topbar-title h1{margin:0;font-size:1.55rem;letter-spacing:-.025em}.topbar-actions{display:flex;gap:10px}.mobile-nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:42px;height:42px}.button{min-height:42px;border-radius:11px;border:1px solid transparent;padding:9px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--spruce);color:white}.button.primary:hover{background:var(--spruce-2)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:#bcb6ac}.button.ghost{background:transparent;border-color:transparent;color:var(--muted)}.button.danger{background:var(--danger);color:white}.content{padding:30px 34px 54px;max-width:1500px;margin:0 auto}.first-frame,.fatal-state{min-height:50vh;display:flex;align-items:center;justify-content:center;gap:15px;text-align:left}.first-frame strong,.first-frame span{display:block}.first-frame span{color:var(--muted);margin-top:4px}.loader-mark{width:36px;height:36px;border:3px solid #d8d1c6;border-top-color:var(--spruce);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.card-surface,.chart-card,.settings-card,.category-card,.entry-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 30px rgba(34,38,35,.035)}.journal-toolbar{border-radius:16px;padding:13px;display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.5fr));gap:10px;align-items:end}.search-field{height:44px;border:1px solid var(--line);border-radius:10px;background:white;display:flex;align-items:center;gap:9px;padding:0 12px}.search-field input{border:0;background:transparent;width:100%;min-width:0}.compact-field,.field{display:grid;gap:6px}.compact-field span,.field>span{font-size:.78rem;color:var(--muted);font-weight:700}.compact-field select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:10px 11px;min-height:42px}.field textarea{resize:vertical}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 2px 14px}.section-heading h2{margin:0;font-size:1.05rem}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.entry-list{display:grid;gap:11px}.entry-card{border-radius:15px;display:grid;grid-template-columns:5px minmax(0,1fr) auto;overflow:hidden;position:relative}.entry-card:hover{border-color:#c8c2b8}.entry-accent{background:var(--accent)}.entry-main{padding:17px 18px}.entry-title-row{display:flex;justify-content:space-between;gap:12px}.entry-title-row h3{margin:6px 0 0;font-size:1.06rem;letter-spacing:-.012em}.entry-kickers{display:flex;gap:7px;align-items:center}.status-badge,.fixture-badge,.tag{display:inline-flex;align-items:center;border-radius:999px;font-size:.72rem;font-weight:750;padding:4px 8px}.status-badge{background:#edf0ec;color:#45544f}.status-want-to-visit{background:#f1e8d3;color:#755b1f}.status-visited{background:#e1eee7;color:#285b44}.status-favorite{background:#f4dfd7;color:#834c39}.fixture-badge{background:#ece7f4;color:#5f4f83}.entry-meta{display:flex;gap:8px 14px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-top:10px}.entry-meta span+span:before{content:"•";margin-right:12px;color:#c1bbb1}.entry-notes{margin:12px 0 0;line-height:1.5;color:#4f5854}.entry-foot{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-top:13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag{background:#f0ece4;color:#575b58;font-weight:600}.rating{color:#c76846;font-size:.78rem;letter-spacing:.05em}.rating-empty{color:#d6d0c7}.updated{font-size:.75rem;color:#8a8c88;white-space:nowrap}.entry-actions{display:flex;flex-direction:column;gap:6px;padding:12px}.icon-button,.star-button{border:1px solid transparent;background:transparent;color:#66706c;border-radius:9px;min-width:38px;height:38px;display:grid;place-items:center}.icon-button:hover,.star-button:hover{background:#f0ece4}.danger-icon:hover{background:#f7e7e4;color:var(--danger)}.star-button{font-size:1.1rem}.star-button.is-on{color:#c76846}.empty-state{border:1px dashed #cfc7ba;border-radius:18px;padding:66px 24px;text-align:center;background:rgba(255,253,248,.45)}.empty-state h2{margin:12px 0 6px}.empty-state p{margin:0 auto 20px;max-width:480px;color:var(--muted)}.empty-mark{font-size:2rem;color:var(--accent)}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{border-radius:15px;padding:14px;display:grid;grid-template-columns:12px 1fr auto;gap:13px;align-items:center}.category-color{width:12px;height:44px;border-radius:99px;background:var(--category-color)}.category-card h3{margin:0;font-size:1rem}.category-card p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.category-actions{display:flex;gap:4px}.insight-topline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.metric{background:var(--spruce);color:#fff;border-radius:16px;padding:18px 20px}.metric span{font-size:1.85rem;font-weight:800;letter-spacing:-.04em}.metric small{display:block;margin-top:4px;color:#c9d8d2}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{border-radius:16px;padding:20px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chart-head h2{margin:0;font-size:1.08rem}.exact-note{font-size:.74rem;color:var(--muted)}.bar-chart{display:grid;gap:13px;margin-top:20px;min-height:148px;align-content:start}.bar-row{display:grid;gap:6px}.bar-label{display:flex;justify-content:space-between;gap:10px;font-size:.83rem}.bar-label strong{font-variant-numeric:tabular-nums}.bar-track{height:12px;border-radius:999px;background:#ece7dd;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:var(--spruce-2);min-width:8px}.chart-empty{height:148px;display:grid;place-items:center;color:var(--muted);border:1px dashed #d8d1c6;border-radius:12px;text-align:center;padding:16px}.validation-panel{margin-top:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,248,.68);overflow:hidden}.validation-panel summary{padding:15px 18px;font-weight:750;cursor:pointer}.validation-body{border-top:1px solid var(--line);padding:18px;display:grid;gap:16px}.validation-body h3{margin:0 0 5px}.validation-body p{margin:0;color:var(--muted)}.validation-actions,.button-row,.edge-cases{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.switch-row{display:flex;gap:9px;align-items:center;font-weight:650}.fixture-arithmetic{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#f2eee5}.fixture-arithmetic.pass{background:#e7f0ea;color:#285b44}.fixture-arithmetic span{font-size:.82rem}.edge-cases>span{font-size:.82rem;color:var(--muted);font-weight:700}.chip-button{border:1px solid var(--line);background:white;border-radius:999px;padding:7px 10px}.chip-button.is-active{background:var(--spruce);color:white;border-color:var(--spruce)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{border-radius:16px;padding:20px;display:grid;align-content:start;gap:14px}.settings-card h2{margin:0;font-size:1.08rem}.settings-card p{margin:0;line-height:1.5;color:#555e5a}.info-list{margin:0;display:grid;gap:8px}.info-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eee9df;padding-bottom:8px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;font-weight:750}.quiet-note{font-size:.82rem;color:var(--muted)!important}.update-state{display:flex;gap:10px;align-items:flex-start}.update-dot{width:10px;height:10px;border-radius:50%;background:#6e746f;margin-top:7px;flex:0 0 auto}.update-dot.available{background:#c76846}.update-dot.current{background:#47765b}.update-dot.error{background:#9c3d35}.update-dot.checking,.update-dot.applying{background:#b58a3a;box-shadow:0 0 0 4px rgba(181,138,58,.12)}
.modal{border:0;padding:0;background:transparent;max-width:none}.modal::backdrop{background:rgba(20,35,31,.52);backdrop-filter:blur(3px)}.modal-card{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:22px}.modal-card.compact{width:min(500px,calc(100vw - 28px))}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-size:1.35rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field.full{grid-column:1/-1}.color-field{display:flex;align-items:center;gap:12px}.color-field input{width:52px;padding:4px}.form-error{min-height:20px;color:var(--danger);font-size:.86rem}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.dialog-copy{line-height:1.55;color:#4f5854}.toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;max-width:min(360px,calc(100vw - 40px))}.toast{background:#23332f;color:white;border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);animation:toast-in .18s ease-out}.toast.warning{background:#70482f}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:980px){.app-shell{grid-template-columns:210px 1fr}.journal-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.chart-grid,.settings-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:40;transform:translateX(-102%);transition:transform .18s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open:after{content:"";position:fixed;inset:0;background:rgba(20,35,31,.35);z-index:30}.mobile-nav-toggle{display:block}.topbar{height:auto;padding:14px 16px}.topbar-title h1{font-size:1.25rem}.button-label{display:none}.content{padding:18px 16px 38px}.journal-toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.category-grid,.insight-topline{grid-template-columns:1fr}.entry-card{grid-template-columns:5px minmax(0,1fr)}.entry-actions{grid-column:2;flex-direction:row;justify-content:flex-end;padding-top:0}.entry-foot{align-items:flex-start;flex-direction:column}.updated{white-space:normal}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v1.0.0 bounded Mac PWA correction */
.brand-home{width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.brand-home:hover{background:rgba(255,255,255,.07);border-radius:14px}.brand-home:focus-visible{outline-color:rgba(255,255,255,.7)}
.nav-backdrop{position:fixed;inset:0;z-index:30;border:0;background:rgba(20,35,31,.38);padding:0;margin:0;cursor:default}.nav-backdrop[hidden]{display:none!important}
.journal-toolbar>*{min-width:0}.compact-field,.compact-field select,.search-field,.search-field input{min-width:0;width:100%}.topbar,.topbar-actions,.topbar-title{min-width:0}
.diagnostic-value.status-ready{color:#285b44}.diagnostic-value.status-unavailable{color:var(--danger)}.diagnostic-value.status-preparing{color:#8a6421}.diagnostic-warning{border:1px solid #e8c5bc;border-radius:10px;padding:10px 12px;background:#fbefec;color:#7d332d!important;font-size:.82rem}
.date-field{grid-column:1/-1;position:relative}.date-control{display:flex;gap:8px;align-items:center}.date-trigger{min-height:44px;flex:1;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.date-trigger:hover{border-color:#bcb6ac}.date-clear{min-height:42px;border:0;background:transparent;color:var(--muted);font-weight:700;padding:8px}.date-picker{width:min(540px,100%);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(34,38,35,.12);padding:14px;margin-top:4px}.date-picker[hidden]{display:none!important}.date-picker-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}.date-nav{border-color:var(--line);background:#fff;font-size:1.45rem}.date-jump{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(96px,.8fr);gap:8px}.date-jump select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:8px 10px;font-weight:700}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday-row{margin:14px 0 7px}.weekday-row span{text-align:center;color:var(--muted);font-size:.72rem;font-weight:750}.calendar-day,.calendar-blank{min-width:0;min-height:46px}.calendar-day{border:1px solid transparent;border-radius:10px;background:#f8f5ee;color:var(--ink);font-weight:700}.calendar-day:hover{background:#ece7dd}.calendar-day.is-today{border-color:#9fb0aa}.calendar-day.is-selected{background:var(--spruce);color:#fff;border-color:var(--spruce)}.calendar-day:focus-visible{outline:3px solid rgba(199,104,70,.45);outline-offset:1px}.date-picker-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;border-top:1px solid #eee9df;padding-top:8px}

@media(max-width:1180px){.journal-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.search-field{grid-column:1/-1}}
@media(max-width:860px){.journal-toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.topbar{padding-left:22px;padding-right:22px}.content{padding-left:22px;padding-right:22px}}
@media(max-width:760px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(286px,82vw);z-index:40;transform:translateX(-102%);transition:transform .18s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open:after{content:none!important}.mobile-nav-toggle{display:block}.topbar{height:auto;min-height:84px;padding:14px 16px;flex-wrap:wrap}.topbar-title h1{font-size:1.25rem}.content{padding:18px 16px 38px}.category-grid,.insight-topline{grid-template-columns:1fr}.entry-card{grid-template-columns:5px minmax(0,1fr)}.entry-actions{grid-column:2;flex-direction:row;justify-content:flex-end;padding-top:0}.entry-foot{align-items:flex-start;flex-direction:column}.updated{white-space:normal}.form-grid{grid-template-columns:1fr}.field.full,.date-field{grid-column:auto}
}
@media(max-width:540px){.topbar{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center}.topbar-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.topbar-actions .button{width:100%;min-width:0;padding-left:10px;padding-right:10px}.button-label{display:inline}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>.button{width:100%}.modal-card{width:min(100vw - 18px,720px);padding:17px}.date-picker{padding:10px}.weekday-row,.calendar-grid{gap:4px}.calendar-day,.calendar-blank{min-height:44px}.date-jump{grid-template-columns:1fr 92px}}
@media(max-width:380px){.topbar-actions{grid-template-columns:1fr}.info-list>div{align-items:flex-start;flex-direction:column;gap:3px}.date-picker-head{grid-template-columns:40px minmax(0,1fr) 40px}.date-jump{grid-template-columns:1fr}.weekday-row span{font-size:.65rem}}

@media(display-mode:standalone){.sidebar{padding-top:64px}}
@media(display-mode:standalone) and (max-width:760px){.sidebar{padding-top:64px}.topbar{padding-top:52px}}