/* UI01–140 shared shell, scoped theme tokens. Source kits are not imported. */
body[data-theme="cyber-neo-tech-cat"]{color-scheme:dark;--bg:#06111F;--paper:#0B1D33;--ink:#F4F9FF;--muted:#A9BDD2;--line:#29465f;--accent:#38BDF8;--accent-ink:#06111f;--surface-2:#10283f;--focus:#38BDF8;--success:#79e1b2;--warning:#f9cd68;--danger:#fb99ab;--shadow:0 12px 36px #0004;}
body[data-theme="japanese-mint"]{color-scheme:light;--bg:#F4FBF6;--paper:#FFFFFF;--ink:#245B3C;--muted:#526e5b;--line:#A5D6A7;--accent:#276b36;--accent-ink:#ffffff;--surface-2:#E8F5E9;--focus:#276b36;--success:#226443;--warning:#815600;--danger:#a02c47;--shadow:0 10px 28px #583e3012;}
body[data-theme="macaron-cream"]{color-scheme:light;--bg:#FFFBF5;--paper:#FFFFFF;--ink:#704D58;--muted:#795b68;--line:#F4DCE5;--accent:#994765;--accent-ink:#ffffff;--surface-2:#FFF0E6;--focus:#994765;--success:#226443;--warning:#815600;--danger:#a02c47;--shadow:0 10px 28px #583e3012;}
body[data-theme="milk-tea-watercolor"]{color-scheme:light;--bg:#F8F0E5;--paper:#FFFDF9;--ink:#5B3E31;--muted:#705447;--line:#DFC8B0;--accent:#87532f;--accent-ink:#ffffff;--surface-2:#EADBC8;--focus:#87532f;--success:#226443;--warning:#815600;--danger:#a02c47;--shadow:0 10px 28px #583e3012;}
body[data-theme="warm-sunlight"]{color-scheme:light;--bg:#FFF8E1;--paper:#FFFEF7;--ink:#654838;--muted:#715c43;--line:#F1CF70;--accent:#855c00;--accent-ink:#ffffff;--surface-2:#FFE9A8;--focus:#855c00;--success:#226443;--warning:#815600;--danger:#a02c47;--shadow:0 10px 28px #583e3012;}
html{background:#06111f}body{--rail:232px}button,input,select,textarea{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,.icon-button,.soft-button,.chip,input,select{min-height:44px}input,select,textarea{font-size:16px;min-width:0;max-width:100%}input[type=date]{width:100%;min-width:0}input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px;accent-color:var(--accent)}.button.primary,.chip.active{color:var(--accent-ink)}.button.danger{background:var(--danger);color:var(--paper)}.app-shell{max-width:1440px}main{min-width:0;overflow-wrap:anywhere}.topbar{height:64px;gap:6px}.brand{font-size:14px}.scopebar{min-width:0}.scopebar label.scope-icon{display:grid;place-items:center;width:32px;color:var(--accent)}.scope-icon svg{width:26px;height:26px}.scopebar select{background:var(--paper);border-color:var(--line);font-weight:700}.bottom-nav{width:100%;max-width:none;background:var(--paper)}.bottom-nav button{min-width:0;font-size:11px}.bottom-nav button svg{width:23px;height:23px}.bottom-nav button.active{background:var(--surface-2);border-radius:12px}.drawer{background:var(--paper);max-height:100dvh;overflow:auto}.drawer-footer{background:var(--paper)}.drawer [data-go]{color:var(--ink)}.record-inner{background:var(--paper);isolation:isolate}.record-card .swipe-primary,.record-card .swipe-actions{visibility:hidden}.record-card.open-left .swipe-actions,.record-card.open-right .swipe-primary{visibility:visible}.density-compact .record-meta,.density-compact .record-top>.badge,.density-compact .record-note,.density-compact .record-photo,.density-compact .extra-meta{display:none}.density-standard .record-note,.density-standard .record-photo,.density-standard .card-photo-strip,.density-standard .record-inner>.photo-strip{display:none}.density-compact .record-inner{padding:12px 15px}.density-standard .record-inner{padding:16px}.density-relaxed .record-inner{padding:22px}.record-list{grid-template-columns:1fr}.welcome-hero{border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.welcome-copy{position:relative;z-index:1}.welcome-art{width:45%;opacity:.9}.welcome-art img{width:100%;height:100%;object-fit:cover}.tool-summary{background:var(--paper);color:var(--ink)}.tool-summary .kit-icon{width:58px;height:58px;object-fit:contain}.today-panel.privacy-compact .today-row .tool-orb,.today-panel.privacy-compact .today-row small,.today-panel.privacy-compact .section-head>span{display:none}.today-panel.privacy-compact .today-row{grid-template-columns:minmax(0,1fr) auto}.today-panel .section-head{flex-wrap:wrap}.privacy-toggle{font-size:13px}.desktop-add{display:none}.toolbar [data-action=add]{display:none}.form-grid .date-field{grid-column:1/-1}.date-control{display:flex;gap:6px;min-width:0}.date-control input{flex:1;width:0}.date-control button{flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);min-width:44px}.date-control svg{width:22px;height:22px}.date-control+small{font-weight:400}.form-grid label{color:var(--ink)}
/* Same dialog host and fields; no duplicated save handlers or removed controls. */
#modal{max-width:100vw;max-height:var(--viewport-height,100dvh)}#modal.ui-editor{width:100vw;height:var(--viewport-height,100dvh);max-height:var(--viewport-height,100dvh);margin:0;border-radius:0;max-width:100vw}#modal.ui-editor #modal-form{height:100%;max-height:none;display:grid;grid-template-rows:auto auto minmax(0,1fr)}#modal.ui-editor #modal-form>header{grid-row:1;align-items:center;padding-top:calc(10px + env(safe-area-inset-top));min-width:0}#modal.ui-editor #modal-form>header h2{font-size:19px;overflow-wrap:anywhere}#modal.ui-editor #modal-actions{grid-row:2;padding:8px 14px;justify-content:flex-end;flex-wrap:wrap;background:var(--paper)}#modal.ui-editor #modal-body{grid-row:3;min-height:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}#modal.ui-editor .form-grid{grid-template-columns:minmax(0,1fr)}.ui-form-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding:4px 2px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:3}.ui-form-tabs button{background:transparent;color:var(--muted);border:0;border-radius:8px;padding:6px 14px;white-space:nowrap}.ui-form-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--accent);font-weight:800}.form-error{border:1px solid var(--danger);border-radius:12px;padding:12px;margin-bottom:14px;color:var(--danger);background:var(--paper)}.field-error{color:var(--danger);display:block}.form-error button{background:none;border:0;color:inherit;text-decoration:underline;text-align:left;display:block}.form-grid [aria-invalid=true]{border-color:var(--danger)}#modal.ui-confirm{margin:auto auto 0;border-radius:20px 20px 0 0;width:min(650px,100vw)}#modal.ui-confirm footer{flex-wrap:wrap}#discard-dialog{padding:24px;width:min(480px,calc(100vw - 24px));max-height:90dvh}#discard-dialog h2{margin:0}body.editor-open{overflow:hidden}
#date-dialog{width:min(420px,100vw);max-height:var(--viewport-height,100dvh);margin:auto auto 0;border-radius:20px 20px 0 0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}#date-dialog header{padding:0 0 10px;border:0;align-items:center}#date-dialog .date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.date-grid button{border:0;border-radius:8px;background:var(--surface-2);color:var(--ink);min-width:0;padding:2px}.date-grid button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.date-grid small{text-align:center}.date-grid button:disabled{opacity:.35}.date-month{display:flex;gap:6px;margin:10px 0}.date-month select{min-width:0;flex:1;width:0}.date-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.date-shortcuts button{flex:1;white-space:nowrap}.date-layout{min-width:0}
#toast{display:flex;flex-direction:column;gap:8px;background:none;box-shadow:none;padding:0;opacity:1;max-width:min(420px,calc(100vw - 28px));width:max-content;bottom:calc(150px + env(safe-area-inset-bottom));pointer-events:none}.ui-toast{background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);pointer-events:auto;display:flex;gap:10px;align-items:center}.ui-toast button{background:transparent;border:0;color:inherit;text-decoration:underline}.ui-toast[data-level=error]{border:2px solid var(--danger)}#connection-state{position:fixed;left:12px;right:12px;top:5px;margin:auto;max-width:650px;z-index:50;background:var(--paper);color:var(--warning);border:1px solid var(--warning);padding:8px 12px;border-radius:10px;font-size:13px}.offline #app{padding-top:54px}
@media(min-width:1000px) and (min-height:550px){.app-shell{margin-left:var(--rail);width:calc(100% - var(--rail));max-width:none;padding-bottom:24px}.topbar{position:sticky;top:0;height:68px}.scopebar{position:fixed;left:0;top:0;width:var(--rail);height:116px;padding:16px 12px;z-index:8;display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px}.scopebar select{max-width:100%;width:100%;font-size:14px}.scopebar #family-button{grid-column:1/-1}.bottom-nav{left:0;top:116px;bottom:0;transform:none;width:var(--rail);max-width:none;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:16px 12px;overflow-y:auto;overscroll-behavior:contain}.bottom-nav button{display:flex;align-items:center;gap:14px;text-align:left;font-size:15px;padding:12px;flex:none;min-height:52px}.bottom-nav button span{width:26px;flex:none}.brand{flex:1}.fab-wrap{display:none}.toolbar [data-action=add],.desktop-add{display:inline-flex}.overview-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:22px;align-items:start}.overview-secondary .quick-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-secondary .tool-summary{display:flex}.overview-secondary .widget-grid{grid-template-columns:1fr}.overview-secondary .dashboard-widget{grid-column:auto}.welcome-hero{min-height:225px}#toast{left:auto;right:24px;bottom:24px;transform:none}#modal.ui-editor{width:calc(100vw - var(--rail));margin-left:var(--rail)}#modal.ui-editor #modal-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-content:start;column-gap:24px}#modal.ui-editor .ui-form-tabs{grid-column:1;grid-row:1/span 20;flex-direction:column;overflow:visible;align-self:start}#modal.ui-editor #modal-body>:not(.ui-form-tabs){grid-column:2}#modal.ui-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#modal.ui-confirm{margin:auto;border-radius:20px}#date-dialog{margin:auto;border-radius:18px}body.rail-collapsed{--rail:88px}.rail-collapsed .bottom-nav button{font-size:0;justify-content:center;padding:10px}.rail-collapsed .scopebar{grid-template-columns:1fr}.rail-collapsed .scope-icon,.rail-collapsed #family-button{display:none}.rail-collapsed .scopebar select{font-size:12px}}
@media(orientation:landscape) and (max-height:549px) and (min-width:550px){body{--rail:82px}.app-shell{margin-left:var(--rail);width:calc(100% - var(--rail));padding-bottom:12px;max-width:none}.topbar{height:52px}.scopebar{position:fixed;top:0;left:0;z-index:8;width:82px;height:88px;display:flex;flex-direction:column;padding:5px;gap:1px;background:var(--paper)}.scopebar .scope-icon{display:none}.scopebar select{max-width:100%;width:100%;font-size:11px;min-height:40px}.scopebar #family-button{font-size:11px;padding:3px;min-height:32px;width:100%}.bottom-nav{top:88px;bottom:0;left:0;transform:none;width:82px;display:flex;flex-direction:column;gap:4px;padding:4px;overflow-y:auto;border:0;border-right:1px solid var(--line);overscroll-behavior:contain}.bottom-nav button{flex:none;min-height:48px;padding:3px;display:grid;grid-template-columns:1fr;font-size:10px}.bottom-nav button svg{height:20px;width:20px}main{padding:12px 18px}.record-list{grid-template-columns:1fr}.fab-wrap{right:calc(18px + env(safe-area-inset-right));bottom:calc(15px + env(safe-area-inset-bottom))}#toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:55vw}#modal.ui-editor{width:100vw;margin:0}#modal.ui-editor #modal-form{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto}#modal.ui-editor #modal-form>header{grid-row:1;grid-column:1;padding:8px 12px}#modal.ui-editor #modal-actions{grid-row:1;grid-column:2;border:0;padding:4px 10px}#modal.ui-editor #modal-body{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px}#modal.ui-editor .ui-form-tabs{grid-column:1;grid-row:1/span 20;flex-direction:column;align-self:start}#modal.ui-editor #modal-body>:not(.ui-form-tabs){grid-column:2}#date-dialog{width:100vw;height:var(--viewport-height,100dvh);max-width:none;margin:0;border-radius:0;padding:8px 16px}#date-dialog .date-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.45fr);gap:20px}#date-dialog .date-shortcuts{display:flex;flex-direction:column;margin:0}.date-grid button{min-height:30px}.date-month{margin:2px 0}.date-month select{min-height:36px}#date-dialog header{padding-bottom:0}#date-dialog header button{min-height:36px}}
@media(max-width:420px){.brand{display:none}.topbar{justify-content:flex-end;height:50px}.scopebar{padding-right:10px;padding-left:10px}.scopebar select{max-width:none}.scopebar #family-button{font-size:12px;padding:6px}#modal.ui-editor #modal-actions .button{font-size:14px;min-height:44px}.welcome-copy{max-width:73%}.welcome-copy h1{font-size:24px}.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep selection above the swipe layer while the card body stays clickable. */
.record-card[data-bulk-select]{padding-left:48px;background:var(--paper)}.asset-bulk-check{position:absolute;left:4px;top:8px;z-index:4;width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.asset-bulk-check input{width:22px;height:22px;min-height:22px;margin:0}.asset-bulk-bar{position:sticky;top:64px;z-index:4;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:12px}.welcome-art{pointer-events:none}.ui-toast svg{flex:none}#date-dialog input,#date-dialog select{background:var(--paper);color:var(--ink)}
