:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-2:#f1f2f4;--color-ink:#1c1d1f;--color-muted:#6b6f76;--color-line:#e2e4e8;--color-accent:#2f6feb;--color-accent-2:#0d9488;--color-danger:#d64545;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:var(--font-body);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Courier New", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-panel:0 1px 2px #1018280f, 0 4px 12px #1018280a;--space-scale:1;--shell-width:1120px;--dashboard-columns:2;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:var(--app-body-background,var(--color-bg));min-width:320px;min-height:100svh;margin:0}h1,h2,h3{font-family:var(--font-heading)}button,input,textarea,select{font:inherit}button,.button-link{border:1px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-ink);min-height:40px;color:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;padding:9px 14px;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}button:hover,.button-link:hover{transform:translateY(-1px)}button:active,.button-link:active{transform:translateY(0)}button:focus-visible,.button-link:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 72%, white);outline-offset:2px}button:disabled{opacity:.6;cursor:wait;transform:none}input,textarea,select{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-ink);padding:11px 12px}textarea{resize:vertical;min-height:130px}label{color:var(--color-muted);gap:6px;font-size:.88rem;font-weight:700;display:grid}.loading-screen,.login-screen{place-items:center;min-height:100svh;padding:22px;display:grid}.login-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:min(460px,100%);box-shadow:var(--shadow-panel);padding:28px}.login-panel h1,.top-strip h1{letter-spacing:0;margin:0;font-size:clamp(2.2rem,7vw,4.9rem);line-height:.9}.login-panel form,.form-panel{gap:12px;display:grid}.app-shell{width:min(var(--shell-width), calc(100% - 28px));margin:0 auto;padding:18px 0 54px}.top-strip{justify-content:space-between;align-items:end;gap:18px;padding:20px 0;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions span{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 78%, transparent);color:var(--color-muted);font-family:var(--font-mono);padding:9px 10px;font-size:.82rem}.top-actions .origin-link{text-overflow:ellipsis;border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 78%, transparent);max-width:100%;color:var(--color-muted);font-family:var(--font-mono);padding:9px 10px;font-size:.82rem;text-decoration:none;overflow:hidden}.top-actions .origin-link:hover{color:var(--color-ink);border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-line))}.top-actions .unlock-status{border-color:color-mix(in srgb, var(--color-accent-2) 42%, var(--color-line));color:var(--color-accent-2);font-weight:800}.top-actions .unlock-status.warning{border-color:color-mix(in srgb, var(--color-danger) 58%, var(--color-line));color:var(--color-danger)}.tab-bar{z-index:5;background:color-mix(in srgb, var(--color-bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 0;display:grid;position:sticky;top:0}.tab-bar button{border-color:var(--color-line);background:var(--color-surface);color:var(--color-ink)}.tab-bar button.active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.dashboard-grid,.workspace-grid{grid-template-columns:repeat(var(--dashboard-columns), minmax(0, 1fr));gap:calc(12px * var(--space-scale));display:grid}.admin-grid{margin-top:12px}.panel{padding:calc(18px * var(--space-scale));border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.empty-state{margin-top:12px}.empty-state h2{margin:0;font-size:clamp(1.45rem,4vw,2.4rem)}.span-2{grid-column:1/-1}.module-small{min-height:190px}.module-wide,.module-full{grid-column:1/-1}.module-full{min-height:420px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel h2{margin:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.05}.panel p{color:var(--color-muted)}.kicker{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}.big-number{color:var(--color-ink);font-size:clamp(3rem,11vw,6rem);line-height:.82}.metric-row,.page-chip-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.metric-row span,.pill{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 82%, transparent);padding:8px 10px;font-weight:700}.day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.day-grid div,.plain-row,.tide-card,.detail-box,.module-row{border:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);gap:5px;min-width:0;padding:12px;display:grid}.inline-edit{min-height:unset;padding:4px 8px;font-size:.9rem}.tide-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.tide-card.high{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-line))}.tide-card.low{border-color:color-mix(in srgb, var(--color-accent-2) 45%, var(--color-line))}.tide-card span,.page-chip span,.small-note,small{color:var(--color-muted);font-size:.82rem}.stack-list,.items,.module-list{gap:8px;margin-top:12px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.stat-grid div{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);gap:3px;padding:12px;display:grid}.stat-grid strong{font-size:1.7rem;line-height:1}.stat-grid span{color:var(--color-muted);font-size:.82rem}.check-card.ok{border-color:color-mix(in srgb, var(--color-accent-2) 55%, var(--color-line))}.check-card.warn,.warning-row{border-color:color-mix(in srgb, var(--color-danger) 50%, var(--color-line))}.status-badge{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 80%, transparent);width:fit-content;font-family:var(--font-mono);padding:8px 10px;font-size:.78rem;font-weight:800}.status-badge.ok{border-color:color-mix(in srgb, var(--color-accent-2) 48%, var(--color-line));color:var(--color-accent-2)}.status-badge.warn{border-color:color-mix(in srgb, var(--color-danger) 58%, var(--color-line));color:var(--color-danger)}.plain-row{border-color:var(--color-line);background:color-mix(in srgb, var(--color-surface) 70%, transparent);width:100%;color:var(--color-ink);text-align:left;text-decoration:none}.page-chip{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 78%, transparent);min-width:min(190px,100%);color:var(--color-ink);padding:13px;text-decoration:none;display:grid}.inline-form{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.button-row,.inline-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-controls select{width:auto;min-width:120px}.compact-link{min-height:34px;padding:7px 10px}.module-controls{grid-template-columns:auto minmax(120px,.55fr) minmax(84px,.35fr);align-items:end;gap:8px;display:grid}.compact-field{gap:4px;min-width:0;font-size:.74rem}.compact-field select,.compact-field input{min-height:40px}.position-field input{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.item{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 72%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.item.done span{color:var(--color-muted);text-decoration:line-through}.icon-button{min-width:34px;min-height:34px;padding:4px}.ghost{border-color:var(--color-line);color:var(--color-ink);background:0 0}.danger{color:var(--color-danger)}button.danger:not(.ghost){border-color:var(--color-danger);background:var(--color-danger);color:var(--color-surface)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.markdown{color:var(--color-ink);overflow-wrap:anywhere}.markdown p:first-child{margin-top:0}.markdown p:last-child{margin-bottom:0}.tag-line{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);width:fit-content;font-family:var(--font-mono);padding:7px 10px;font-size:.82rem}.page-panel.peach,.standalone-page.peach{background:#fff1e5}.page-panel.moon,.standalone-page.moon{background:#efedf6}.page-panel.fern,.page-panel.botanical{background:#edf5e9}.standalone-page{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-height:min(760px,100svh - 190px);box-shadow:var(--shadow-panel);align-content:center;gap:16px;padding:clamp(24px,8vw,82px);display:grid}.standalone-page h1{max-width:780px;margin:0;font-size:clamp(2.5rem,10vw,7rem);line-height:.92}.standalone-page .button-link{width:fit-content}.standalone-page.botanical,.standalone-page.fern{background:linear-gradient(135deg,#edf5e9f2,#fffaf0f5),#edf5e9}.module-row{grid-template-columns:minmax(160px,1fr) auto minmax(86px,.3fr);align-items:center}.module-row>div:first-child,.module-summary{gap:5px;display:grid}.module-row.enabled{border-color:color-mix(in srgb, var(--color-accent-2) 55%, var(--color-line))}.user-row{border:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.user-row.inactive{opacity:.8}.user-meta{gap:4px;min-width:0;display:grid}.user-meta span{color:var(--color-muted)}.user-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.user-edit-input{width:100%}.module-config-row{grid-template-columns:minmax(220px,1fr) minmax(360px,auto);align-items:stretch}.module-config-row.uninstalled{opacity:.82}.module-meta{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.module-meta small{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 70%, transparent);width:fit-content;font-family:var(--font-mono);text-transform:capitalize;padding:4px 7px;font-size:.72rem;line-height:1}.manifest-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.manifest-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);gap:12px;min-width:0;padding:13px;display:grid}.manifest-card .panel-heading{align-items:flex-start}.manifest-card .panel-heading>div{gap:4px;min-width:0;display:grid}.manifest-card span,.manifest-fields dd{color:var(--color-muted)}.manifest-fields{gap:7px;margin:0;display:grid}.manifest-fields div{grid-template-columns:118px minmax(0,1fr);gap:8px;display:grid}.manifest-fields dt{color:var(--color-ink);font-size:.78rem;font-weight:800}.manifest-fields dd{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);margin:0;font-size:.78rem}.metadata-preview textarea{min-height:96px;font-family:var(--font-mono);font-size:.8rem}.activity-list{gap:8px;margin-top:12px;display:grid}.activity-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.activity-row>div:first-child{gap:4px;min-width:0;display:grid}.activity-row span{color:var(--color-muted);font-size:.82rem}.activity-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.activity-tags small{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 70%, transparent);font-family:var(--font-mono);padding:4px 7px;line-height:1}.notice,.form-error{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);margin:10px 0;padding:12px}.modal-backdrop{z-index:20;background:color-mix(in srgb, var(--color-ink) 35%, transparent);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{width:min(460px,100%)}.error,.form-error{border-color:color-mix(in srgb, var(--color-danger) 50%, var(--color-line));color:var(--color-danger)}.activity-filter{flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:4px;display:flex}.activity-filter select,.activity-filter input{flex:160px;width:auto}.metadata-preview{gap:6px;display:grid}.metadata-preview-header{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.toast-tray{z-index:30;gap:8px;max-width:min(360px,100vw - 44px);display:grid;position:fixed;bottom:22px;right:22px}.toast{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel);align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;animation:.18s both toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast span{flex:1}.toast-warn{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-line));background:color-mix(in srgb, var(--color-surface) 85%, var(--color-danger));color:var(--color-danger)}.toast button.ghost{min-height:unset;padding:4px 9px;font-size:1rem;line-height:1}:root[data-density=compact]{font-size:14px}:root[data-density=compact] .panel{padding:calc(13px * var(--space-scale))}:root[data-density=compact] .dashboard-grid,:root[data-density=compact] .workspace-grid{gap:calc(8px * var(--space-scale))}:root[data-surface=flat] .panel{box-shadow:none;border-color:#0000}:root[data-surface=outline] .panel{box-shadow:none;background:0 0}@media (width>=821px){:root[data-nav=side] .app-shell{grid-template-columns:180px minmax(0,1fr);align-items:start;column-gap:18px;display:grid}:root[data-nav=side] .top-strip{grid-column:1/-1}:root[data-nav=side] .tab-bar{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-area:2/1/9999;grid-template-columns:1fr;align-content:start;padding:10px;top:12px}:root[data-nav=side] .app-shell>:not(.top-strip):not(.tab-bar){grid-column:2}}.network-grid{align-items:start}.network-share-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-top:12px;display:grid}.network-credentials{gap:8px;display:grid}.network-qr-wrap{place-items:center;display:grid}.network-qr{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;width:min(280px,100%);padding:10px}.device-row{border:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.device-row>div{gap:4px;display:grid}.device-row span{color:var(--color-muted)}@media (width<=820px){.app-shell{width:min(100% - 18px,560px);padding-top:8px}.top-strip,.panel-heading{display:grid}.top-actions{justify-content:start}.tab-bar{grid-template-columns:repeat(4,max-content);overflow-x:auto}.dashboard-grid,.workspace-grid,.day-grid,.two-col,.stat-grid{grid-template-columns:1fr}.tide-track{grid-template-columns:repeat(2,minmax(0,1fr))}.module-row,.network-share-grid,.device-row,.module-config-row{grid-template-columns:1fr}.module-controls{grid-template-columns:1fr 1fr}.module-controls .inline-controls{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.module-controls .inline-controls button{width:100%}.manifest-detail-grid,.manifest-fields div,.activity-row{grid-template-columns:1fr}.activity-tags{justify-content:flex-start}.activity-filter{flex-direction:column}.activity-filter select,.activity-filter input{flex:none;width:100%}.toast-tray{max-width:calc(100vw - 24px);bottom:12px;right:12px}.module-wide,.module-full{grid-column:auto}}body{background:radial-gradient(circle at 50% -10%,#3a6f4d14,#0000 32rem),linear-gradient(#f9f8f5 0%,#f4f2ee 100%)}.app-shell{--app-green:#2f6645;--app-green-2:#477a57;--app-cream:#f7f5ef;--app-card:#fff;--app-tile:#efebe5;--app-ink:#151922;--app-muted:#76736c;--app-shadow:0 18px 34px #26392e21;width:min(568px,100% - 32px);min-height:100svh;color:var(--app-ink);padding:18px 0 112px;font-family:Aptos,Trebuchet MS,sans-serif}.app-shell:has(.admin-grid){width:min(var(--shell-width), calc(100% - 28px))}.top-strip{align-items:start;gap:14px;padding:0 4px 22px;display:grid}.top-strip h1{letter-spacing:-.04em;margin:0;font-family:Aptos Display,Trebuchet MS,sans-serif;font-size:clamp(1.25rem,4vw,1.45rem);line-height:1.1}.top-strip p{color:var(--app-muted);margin:5px 0 0;font-size:.88rem}.top-actions{justify-content:flex-start;gap:6px}.top-actions span,.top-actions .origin-link{text-overflow:ellipsis;max-width:100%;color:var(--app-muted);background:0 0;border:0;padding:0;font-size:.7rem;overflow:hidden}.top-actions button,.top-actions .ghost{min-height:30px;color:var(--app-green);box-shadow:none;background:#ffffffb8;border:1px solid #2f664533;border-radius:999px;padding:5px 9px;font-size:.78rem}.tab-bar{z-index:18;padding:10px max(12px, calc((100vw - 568px) / 2)) calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-top:1px solid #1519221f;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 24px #1519220d}.tab-bar button{color:#807c75;letter-spacing:.04em;text-transform:uppercase;min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:16px;gap:2px;padding:3px 4px;font-size:.64rem;font-weight:800;display:grid}.tab-bar button span:first-child{font-size:1.28rem;line-height:1}.tab-bar button.active{color:var(--app-green);background:0 0}.home-dashboard{grid-template-columns:1fr;gap:14px;display:grid}.home-dashboard .panel{box-shadow:var(--app-shadow);border:0;border-radius:18px}.weather-panel{background:radial-gradient(circle at 94% 18%, #ffffff1f 0 4.2rem, transparent 4.25rem), linear-gradient(135deg, var(--app-green-2), #2d6543 54%, #28583d);color:#fff;min-height:193px;padding:24px 22px 18px;position:relative;overflow:hidden}.weather-place{z-index:1;color:#ffffffb8;letter-spacing:.12em;font-size:.74rem;font-weight:900;position:relative}.weather-current{z-index:1;align-items:center;gap:18px;margin-top:10px;display:flex;position:relative}.weather-current p{color:#ffffffd1;margin:1px 0 0;font-size:.96rem;font-weight:700}.weather-icon{filter:drop-shadow(0 12px 11px #121f183d);width:64px;font-size:3.35rem;line-height:1}.weather-panel .big-number{color:#fff;letter-spacing:-.08em;font-size:clamp(3rem,11vw,3.8rem)}.weather-panel .big-number:after{content:"C";letter-spacing:0;margin-left:2px;font-size:1rem;position:relative;top:-1.05rem}.weather-panel .metric-row{z-index:1;border-top:1px solid #ffffff2e;gap:12px;margin-top:19px;padding-top:13px;position:relative}.weather-panel .metric-row span{color:#ffffffd1;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:800}.home-dashboard+*{margin-top:0}.tide-panel{background:var(--app-card);padding:18px 20px}.tide-panel .panel-heading{align-items:start;display:flex}.tide-panel .kicker{color:#74706a;letter-spacing:.08em;margin-bottom:8px;font-family:inherit;font-size:.72rem}.tide-panel h2{color:var(--app-ink);letter-spacing:-.04em;font-family:Aptos Display,Trebuchet MS,sans-serif;font-size:1.22rem}.tide-mark{background:#2f664514;border-radius:9px;place-items:center;width:28px;height:28px;display:inline-grid}.tide-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.tide-card{background:var(--app-tile);border:0;border-radius:10px;min-height:95px;padding:14px}.tide-card span{color:#6d6a65;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.tide-card em{color:#7b7772;font-size:.76rem;font-style:normal;font-weight:700}.tide-card.high span{color:#285f43}.tide-card strong{letter-spacing:-.04em;margin-top:6px;font-size:1.28rem}.tide-card small{color:#77746f;font-size:.86rem}.tide-source-note{color:#6d6a65;margin-top:12px;font-size:.83rem}.tide-source-note a{color:#285f43}.workspace-grid{grid-template-columns:1fr}.workspace-grid.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.network-panel .plain-row{text-decoration:none}.network-panel .status-badge{align-self:start}@media (width>=821px){:root[data-nav=side] .app-shell:not(:has(.admin-grid)){display:block}:root[data-nav=side] .app-shell:not(:has(.admin-grid))>*{grid-column:auto}}@media (width<=620px){.app-shell{width:min(100% - 24px,568px)}.top-actions span,.top-actions .origin-link{display:none}}@media (width<=920px){.workspace-grid.admin-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr;align-items:start}.user-actions{justify-content:flex-start}}