@charset "UTF-8";
:root{--dock:#fffdf8f2;--dock-line:#d7dbd0;--app-accent:#075568;--app-accent-ink:#fff;--safe-bottom:env(safe-area-inset-bottom,0px)}
html{min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden}
.mobile-dock{display:none}
.update-card[hidden]{display:none!important}
.dashboard-main,.dashboard-side{display:flex;flex-direction:column}.dashboard-main>.dashboard-card,.dashboard-side>.dashboard-card{order:90}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-6{order:6!important}.order-7{order:7!important}.order-8{order:8!important}.order-9{order:9!important}.order-10{order:10!important}.order-99{order:99!important}
@media(max-width:760px){
  body{padding-bottom:calc(76px + var(--safe-bottom))}
  main{max-width:100%;min-width:0;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .navigation{display:none}
  .site-header{position:sticky;top:0;z-index:40;padding-top:max(14px,env(safe-area-inset-top));background:color-mix(in srgb,var(--cream) 94%,transparent);backdrop-filter:blur(16px)}
  .site-header .account-links{display:none}
  .quick-add-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(84px + var(--safe-bottom));z-index:55;min-width:56px;min-height:56px;border-radius:999px;padding:0 18px;box-shadow:0 8px 26px #123a3530}
  .mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;z-index:50;margin:0;padding:7px max(5px,env(safe-area-inset-right)) calc(7px + var(--safe-bottom)) max(5px,env(safe-area-inset-left));border-top:1px solid var(--dock-line);background:var(--dock);box-shadow:0 -8px 24px #22332912;backdrop-filter:blur(18px)}
  .mobile-dock a{position:relative;display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:1px;padding:4px 2px;border:0;border-radius:10px;color:var(--muted);font-size:12px;line-height:1.1;text-decoration:none}
  .mobile-dock a span{font-size:22px;line-height:1.1;color:var(--olive)}
  .mobile-dock a[aria-current]{background:var(--sage);color:var(--ink);font-weight:650}
  .dock-count{position:absolute;top:1px;right:16%;min-width:19px;height:19px;padding:2px 5px;border-radius:10px;background:var(--clay);color:#fff;font-size:11px;line-height:15px;text-align:center}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%}
  .button,.text-button,summary,.record-actions a{min-height:44px;min-width:44px}
  .record,.panel,.today-note,.message-layout>*{min-width:0}
  img,video{max-width:100%;height:auto}
}
@media(min-width:761px) and (max-width:1100px){
  main{max-width:100%;padding-inline:32px}
  .dashboard-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-side .dashboard-card{margin:0}
  .home-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .contact-layout,.heritage-split{grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr)}
}

body[data-theme="dark"],.display-home{--cream:#10262a;--paper:#173238;--ink:#f2f4ec;--muted:#b9c7c1;--olive:#b8d59d;--sage:#28484a;--line:#426064;--clay:#f1a081;--dock:#153136f2;--dock-line:#426064;background:#10262a;color:#f2f4ec}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#1e3a40;color:#f2f4ec;border-color:#547075}
body[data-theme="dark"] .button.secondary,body[data-theme="dark"] .text-button{color:#cce5b5}
body[data-theme="dark"] .site-header{background:#10262af0}
body[data-theme="dark"] .panel,body[data-theme="dark"] .record,body[data-theme="dark"] .today-note,body[data-theme="dark"] .paper-form{background:#173238}
@media(prefers-color-scheme:dark){
  body[data-theme="system"]{--cream:#10262a;--paper:#173238;--ink:#f2f4ec;--muted:#b9c7c1;--olive:#b8d59d;--sage:#28484a;--line:#426064;--clay:#f1a081;--dock:#153136f2;--dock-line:#426064;background:#10262a;color:#f2f4ec}
  body[data-theme="system"] input,body[data-theme="system"] select,body[data-theme="system"] textarea{background:#1e3a40;color:#f2f4ec;border-color:#547075}
  body[data-theme="system"] .site-header{background:#10262af0}
  body[data-theme="system"] .panel,body[data-theme="system"] .record,body[data-theme="system"] .today-note,body[data-theme="system"] .paper-form{background:#173238}
}

.app-notice{position:fixed;z-index:80;left:50%;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--paper);box-shadow:0 10px 32px #142c2830;color:var(--ink);font-size:14px;text-align:center}
.app-notice[data-kind="offline"]{background:#674333;color:#fff}.app-notice[data-kind="online"]{background:#365b47;color:#fff}.app-notice[data-kind="conflict"]{background:#79552e;color:#fff}
.update-card{position:fixed;right:18px;bottom:calc(86px + var(--safe-bottom));z-index:70;display:flex;align-items:center;gap:14px;max-width:360px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 14px 40px #142c2830}.update-card p{margin:0;font-size:14px}.update-card .button{min-height:42px;padding:8px 14px}
.install-card{position:fixed;z-index:75;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translateX(-50%);width:min(480px,calc(100vw - 28px));padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 18px 55px #142c2840}.install-card h2{font-size:25px;margin-bottom:8px}.install-card p{margin-bottom:14px}.install-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.more-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:54px}.more-grid .panel:last-child{grid-column:1/-1}.more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.more-links a{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;text-decoration:none}.more-links a span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sage);font-size:20px}.more-links a strong{font-size:14px}.app-settings-form{margin-top:0}.app-settings-form .paper-form{margin-top:0}.app-settings-form ul{list-style:none;padding:0}.app-settings-form li{margin:8px 0}.app-settings-form input[type="checkbox"]{width:22px;height:22px;margin-right:9px;vertical-align:middle}.privacy-note{padding:16px 18px;border-left:4px solid var(--olive);border-radius:4px;background:var(--sage);font-size:14px}.activation-code{margin:24px 0;padding:20px;border:2px dashed var(--olive);border-radius:12px;background:var(--paper);font:700 clamp(25px,6vw,40px)/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-align:center}.upload-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding:14px;border-radius:10px;background:var(--sage)}.upload-progress progress{width:100%;accent-color:var(--olive)}

.offline-shell{display:grid;min-height:100svh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,var(--sage),var(--cream) 65%)}.offline-shell main{width:min(620px,100%);min-height:0;padding:0}.offline-card{padding:clamp(28px,6vw,54px);border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 22px 70px #18332d18;text-align:center}.offline-card h1{font-size:clamp(38px,9vw,62px)}.offline-card img{border-radius:26px}.offline-list{list-style:none;padding:0;text-align:left}.offline-list li{border-bottom:1px solid var(--line)}.offline-list label{display:flex;align-items:center;gap:14px;min-height:54px}.offline-list input{width:24px;height:24px;accent-color:var(--olive)}.network-state{margin:22px 0 0;color:var(--clay);font-weight:650}

.display-home{min-height:100svh;padding:clamp(24px,4vw,58px);background:radial-gradient(circle at 12% 8%,#244b50,#10262a 54%);transition:background 2s ease}.display-home.display-variant-1{background:radial-gradient(circle at 86% 10%,#294f4c,#10262a 56%)}.display-home.display-variant-2{background:radial-gradient(circle at 50% 100%,#2b4740,#10262a 58%)}.display-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:1500px;margin:0 auto 34px}.display-header h1{margin:0;font-size:clamp(35px,5vw,66px)}.display-clock{text-align:right}.display-clock time{display:block;font:clamp(48px,8vw,102px)/.95 var(--serif);font-variant-numeric:tabular-nums}.display-clock span{font-size:clamp(15px,2vw,23px);color:var(--muted)}.display-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,34px);max-width:1500px;min-height:0;margin:0 auto;padding:0}.display-card{padding:clamp(24px,3vw,42px);border:1px solid #527076;border-radius:26px;background:#173238d9;box-shadow:0 22px 60px #07141635}.display-card h2{font-size:clamp(28px,3vw,43px)}.display-card ul{list-style:none;padding:0;margin:0}.display-card li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:56px;border-bottom:1px solid #3f5a5f;font-size:clamp(16px,1.7vw,24px)}.display-card li:last-child{border:0}.display-card time,.display-card span{color:var(--muted);font-size:.85em}.display-footer{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:30px auto 0;padding:14px 0;border:0;color:var(--muted);font-size:14px}.display-footer form{margin:0}.display-footer .text-button{color:#bed7c2}.display-activate{text-align:center}.display-activate img{border-radius:24px}

@media(max-width:760px){
  .more-grid,.settings-grid{grid-template-columns:1fr;gap:16px}.more-grid .panel:last-child{grid-column:auto}.more-links{grid-template-columns:1fr 1fr}.app-page-heading{padding-top:30px}.update-card{left:14px;right:14px;bottom:calc(84px + var(--safe-bottom));max-width:none}.display-home{padding:22px}.display-header{align-items:flex-start}.display-clock time{font-size:48px}.display-grid{grid-template-columns:1fr}.display-card{padding:24px}.display-footer{align-items:flex-start;gap:12px}.install-card{bottom:calc(82px + var(--safe-bottom))}
}
@media(max-width:430px){.more-links{grid-template-columns:1fr}.display-header{flex-direction:column}.display-clock{text-align:left}.upload-progress{grid-template-columns:1fr auto}.upload-progress progress{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.display-home{transition:none}}