.app-icon[data-v-3402abed]{flex:0 0 auto}:root{color-scheme:light;--color-canvas: #f8fafc;--color-surface: #ffffff;--color-surface-subtle: #f1f5f9;--color-surface-container-low: #eff4ff;--color-surface-container: #e5eeff;--color-surface-container-high: #dce9ff;--color-surface-container-highest: #d3e4fe;--color-primary: #9d4300;--color-primary-action: #f97316;--color-primary-action-hover: #ea580c;--color-primary-on: #ffffff;--color-primary-container: #ffdbca;--color-primary-container-on: #582200;--color-secondary: #006a61;--color-secondary-on: #ffffff;--color-secondary-container: #86f2e4;--color-secondary-container-on: #005049;--color-tertiary: #904d00;--color-tertiary-container: #e68117;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-placeholder: #94a3b8;--color-text-disabled: #94a3b8;--color-border-subtle: #e2e8f0;--color-border: #cbd5e1;--color-border-strong: #8c7164;--color-focus: #f97316;--color-focus-ring: rgb(249 115 22 / 15%);--color-success: #0d9488;--color-success-on: #065f46;--color-success-container: #ecfdf5;--color-success-border: #a7f3d0;--color-warning: #b45309;--color-warning-container: #fffbeb;--color-warning-border: #fde68a;--color-error: #ba1a1a;--color-error-on: #93000a;--color-error-container: #fff1f2;--color-error-border: #fecdd3;--color-progress: #0284c7;--color-progress-container: #e0f2fe;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-hero: 2.25rem;--font-size-hero-mobile: 1.75rem;--font-size-headline-lg: 1.5rem;--font-size-headline-md: 1.25rem;--font-size-title-sm: 1rem;--font-size-body: .9375rem;--font-size-body-compact: .8125rem;--font-size-label: .6875rem;--font-size-metric: .875rem;--font-size-timestamp: .75rem;--line-height-hero: 2.75rem;--line-height-hero-mobile: 2.25rem;--line-height-headline-lg: 2rem;--line-height-headline-md: 1.75rem;--line-height-title-sm: 1.5rem;--line-height-body: 1.5rem;--line-height-body-compact: 1.25rem;--line-height-label: 1rem;--line-height-metric: 1.25rem;--line-height-timestamp: 1rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--gutter-mobile: 1rem;--gutter-desktop: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-width: 1px;--shadow-card: 0 1px 3px 0 rgb(15 23 42 / 4%), 0 1px 2px -1px rgb(15 23 42 / 4%);--shadow-floating: 0 10px 25px -5px rgb(15 23 42 / 8%), 0 8px 10px -6px rgb(15 23 42 / 4%);--shadow-primary: 0 2px 4px rgb(249 115 22 / 20%);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3rem;--touch-target-min: 2.75rem;--content-max-width: 37.5rem;--entry-max-width: 30rem;--header-height: 3.5rem;--nav-height: 4rem;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}:root{color:var(--color-text-primary);background:var(--color-canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%;background:var(--color-canvas)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-canvas);color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body)}button,input,textarea,select{font:inherit}button,[role=button],a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),[role=button]:not([aria-disabled=true]),a{cursor:pointer}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}img,svg{display:block}img{max-width:100%}::selection{background:var(--color-primary-container);color:var(--color-primary-container-on)}#app{min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.u-content-width{width:min(100%,var(--content-max-width));margin-inline:auto}.u-page-gutter{padding-inline:var(--gutter-mobile)}.u-safe-top{padding-top:var(--safe-area-top)}.u-safe-bottom{padding-bottom:var(--safe-area-bottom)}.u-card{border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.u-surface-floating{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-floating)}.u-focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.u-mono-label{font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:600;line-height:var(--line-height-label);letter-spacing:.06em;text-transform:uppercase}.u-tabular{font-variant-numeric:tabular-nums}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(min-width:640px){.u-page-gutter{padding-inline:var(--gutter-desktop)}}.entry-view{display:grid;min-height:100vh;place-items:center;padding:calc(var(--space-xl) + var(--safe-area-top)) calc(var(--space-xl) + var(--safe-area-bottom))}.entry-panel{width:min(100%,var(--entry-max-width));padding:var(--space-2xl);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center}.entry-mark{margin:0 0 var(--space-sm);color:var(--color-secondary);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact);font-weight:700;letter-spacing:.08em}.entry-panel h1{margin:0;color:var(--color-text-primary);font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.entry-message{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}@media(max-width:540px){.entry-view{padding:calc(var(--space-md) + var(--safe-area-top)) calc(var(--space-md) + var(--safe-area-bottom))}.entry-panel{padding:var(--space-xl) var(--space-lg)}}.app-shell{min-height:100vh}.shell-content{width:min(100%,var(--content-max-width));min-height:calc(100vh - var(--nav-height));margin:0 auto;padding:calc(var(--space-xl) + var(--safe-area-top)) var(--gutter-mobile) calc(var(--nav-height) + var(--space-xl) + var(--safe-area-bottom))}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,var(--content-max-width));height:calc(var(--nav-height) + var(--safe-area-bottom));margin:0 auto;padding:var(--space-xs) var(--gutter-mobile) var(--safe-area-bottom);border-top:1px solid var(--color-border-subtle);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-target-min);color:var(--color-text-muted);font-size:var(--font-size-label);text-decoration:none}.bottom-nav a.is-active{color:var(--color-primary-action);font-weight:700}.button,.text-button,.icon-button,.back-link,.fab,.action-grid button,.day-picker button{border:0;background:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--control-height-lg);padding:0 var(--space-lg);border-radius:var(--radius-md);font-weight:700}.button.primary{color:var(--color-primary-on);background:var(--color-primary-action);box-shadow:var(--shadow-primary)}.button.primary:hover{background:var(--color-primary-action-hover)}.button.secondary{color:var(--color-text-primary);background:var(--color-surface-container-low)}.button.ghost{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.button.quiet-danger{color:var(--color-error);background:var(--color-error-container)}.button.small{min-height:var(--control-height-sm);padding-inline:var(--space-sm);font-size:var(--font-size-body-compact)}.button.wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.5}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--touch-target-min);padding:0 var(--space-xs);color:var(--color-text-muted)}.icon-button{display:inline-grid;width:var(--touch-target-min);height:var(--touch-target-min);place-items:center;border-radius:var(--radius-full);color:var(--color-text-secondary)}.icon-button:hover{background:var(--color-surface-container-low)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:var(--touch-target-min);padding:0;color:var(--color-text-muted)}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-2xl)}.home-header p{margin:0 0 var(--space-2xs);color:var(--color-text-muted);font-size:var(--font-size-body-compact)}.home-header h1{margin:0;font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.form-field{display:grid;gap:var(--space-xs);margin:0 0 var(--space-lg);color:var(--color-text-secondary)}.form-field>span,.form-field legend{color:var(--color-text-primary);font-weight:700}.form-field textarea,.form-field input,.form-field select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-surface)}.form-field textarea{min-height:96px;resize:vertical}.form-field.large textarea{min-height:112px}.form-field textarea:focus,.form-field input:focus,.form-field select:focus{border-color:var(--color-focus);outline:none;box-shadow:var(--shadow-focus)}.form-field em,.form-error{color:var(--color-error);font-size:var(--font-size-body-compact);font-style:normal}.helper-text,.placeholder-message{color:var(--color-text-muted);font-size:var(--font-size-body-compact)}.notice{display:flex;align-items:flex-start;gap:var(--space-sm);margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:var(--color-surface-container-low)}.notice p{flex:1;margin:0}.notice.warm{background:var(--color-warning-container)}.notice.focus{background:var(--color-progress-container)}.notice svg{flex:0 0 auto;color:var(--color-secondary)}.sticky-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-2xl)}.home-actions{position:sticky;z-index:2;bottom:calc(var(--nav-height) + var(--safe-area-bottom));margin:var(--space-2xl) calc(var(--gutter-mobile) * -1) 0;padding:var(--space-sm) var(--gutter-mobile);background:linear-gradient(180deg,rgb(248 250 252 / 0%),var(--color-canvas) 22%)}.home-actions.split{align-items:flex-end}.home-actions.split>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.sync-pill{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-muted);font-size:var(--font-size-body-compact);white-space:nowrap}.sync-pill i,.local-note-copy i{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-secondary)}.optional-field{margin-bottom:var(--space-lg)}.optional-field summary{margin-bottom:var(--space-md);color:var(--color-text-muted);cursor:pointer}.outcome-card,.recovery-card{padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.outcome-card h2{margin:var(--space-sm) 0;font-size:var(--font-size-headline-md);line-height:var(--line-height-headline-md)}.outcome-card p{margin:0 0 var(--space-lg);color:var(--color-text-muted)}.outcome-card>div{display:grid;gap:var(--space-2xs);padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle)}.outcome-card>div span{color:var(--color-text-muted);font-size:var(--font-size-body-compact)}.status-badge{display:inline-flex;width:fit-content;padding:2px var(--space-xs);border-radius:var(--radius-full);color:var(--color-secondary);background:var(--color-secondary-container);font-size:var(--font-size-label);font-weight:700}.status-badge.is-blocked{color:var(--color-error);background:var(--color-error-container)}.status-badge.is-completed{color:var(--color-success-on);background:var(--color-success-container)}.status-badge.is-paused{color:var(--color-warning);background:var(--color-warning-container)}.recovery-card{margin-top:var(--space-md);background:var(--color-error-container)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.action-grid button{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:left;background:var(--color-surface)}.action-grid b{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);color:var(--color-primary-action);background:var(--color-primary-container)}.action-grid b.amber{color:var(--color-warning);background:var(--color-warning-container)}.action-grid span{display:grid;gap:2px}.action-grid small{color:var(--color-text-muted)}.timeline-section{margin-top:var(--space-2xl)}.timeline-section>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.timeline-section h2{margin:0;font-size:var(--font-size-headline-md)}.timeline{display:grid;gap:var(--space-md);margin:var(--space-lg) 0 0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:44px 28px 1fr;align-items:start;gap:var(--space-sm)}.timeline time{padding-top:4px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-timestamp)}.timeline i{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-full);color:var(--color-secondary);background:var(--color-secondary-container);font-style:normal}.timeline i.is-blocker{color:var(--color-error);background:var(--color-error-container)}.timeline i.is-decision{color:var(--color-primary);background:var(--color-primary-container)}.timeline p{margin:0;color:var(--color-text-secondary)}.empty-inline{margin:var(--space-lg) 0;color:var(--color-text-muted)}.fab{position:fixed;z-index:3;right:max(var(--gutter-mobile),calc((100vw - var(--content-max-width)) / 2 + var(--gutter-mobile)));bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-md));display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--control-height-md);padding:0 var(--space-md);border-radius:var(--radius-full);color:var(--color-primary-on);background:var(--color-primary-action);box-shadow:var(--shadow-floating);font-weight:700}.modal-shade{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0f172a59}.drawer{width:min(100%,var(--content-max-width));max-height:92vh;overflow:auto;padding:var(--space-lg) var(--gutter-mobile) calc(var(--space-xl) + var(--safe-area-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);box-shadow:var(--shadow-floating)}.drawer.tall{min-height:55vh}.drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.drawer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xl)}.loading-page{padding:var(--space-2xl) 0;color:var(--color-text-muted)}.placeholder-page{display:grid;align-content:center;min-height:70vh}.placeholder-page h1{margin:0 0 var(--space-md);font-size:var(--font-size-headline-lg)}.placeholder-page .button{margin-top:var(--space-xl);width:fit-content}.entry-page,.welcome-page{min-height:100vh;background:var(--color-canvas)}.welcome-inner,.entry-inner{display:flex;flex-direction:column;width:min(100%,var(--entry-max-width));min-height:100vh;margin:0 auto;padding:calc(3.5rem + var(--safe-area-top)) var(--gutter-mobile) calc(var(--space-xl) + var(--safe-area-bottom))}.brand-lockup{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-size:var(--font-size-headline-md);font-weight:700}.brand-lockup.compact{margin-top:var(--space-xl);font-size:var(--font-size-title-sm)}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;color:var(--color-primary-on);background:var(--color-primary-action);box-shadow:var(--shadow-primary)}.brand-lockup.compact .brand-mark{width:40px;height:40px;border-radius:12px}.welcome-header{margin:var(--space-2xl) 0}.welcome-header h1{margin:0 0 var(--space-sm);font-size:clamp(var(--font-size-hero-mobile),7vw,var(--font-size-hero));line-height:var(--line-height-hero-mobile);letter-spacing:-.03em}.welcome-header p,.entry-copy>p:last-child{margin:0;color:var(--color-text-muted)}.value-cards{display:grid;gap:var(--space-sm)}.value-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.value-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;margin-top:2px;border-radius:var(--radius-md);color:var(--color-primary-action);background:var(--color-surface-container-low)}.value-icon.is-teal{color:var(--color-secondary)}.value-card-title{display:flex;align-items:baseline;gap:var(--space-xs)}.value-card-title strong{font-size:var(--font-size-title-sm)}.value-card-title span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.06em}.value-card p{margin:2px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact)}.local-note{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin:var(--space-xl) 0;padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-surface-container-low);font-family:var(--font-mono);font-size:var(--font-size-metric)}.local-note-copy{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.welcome-actions{display:grid;gap:var(--space-xs);margin-top:auto}.welcome-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding-top:var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-timestamp)}.welcome-footer svg{color:var(--color-secondary)}.entry-inner{padding-top:calc(var(--space-xl) + var(--safe-area-top))}.entry-copy{margin:var(--space-2xl) 0}.entry-copy h1{margin:0 0 var(--space-sm);font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.entry-actions{display:grid;gap:var(--space-xs);margin-top:auto}.page-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--control-height-lg)}.page-topbar>span:not(.topbar-spacer){font-weight:700}.topbar-spacer{min-height:1px}.page-intro{margin:var(--space-2xl) 0}.page-intro h1{margin:0;font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.form-field legend{padding:0}.day-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.day-picker button{min-width:44px;min-height:40px;padding:0 var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface)}.day-picker button.selected{border-color:var(--color-primary-action);color:var(--color-primary-on);background:var(--color-primary-action)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-md) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.switch-row span{display:grid;gap:2px}.switch-row small{color:var(--color-text-muted)}.switch-row input{position:absolute;opacity:0}.switch-row i{position:relative;width:46px;height:26px;flex:0 0 auto;border-radius:var(--radius-full);background:var(--color-border)}.switch-row i:after{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;content:"";transition:transform .15s ease}.switch-row input:checked+i{background:var(--color-secondary)}.switch-row input:checked+i:after{transform:translate(20px)}@media(min-width:640px){.shell-content,.welcome-inner,.entry-inner{padding-right:var(--gutter-desktop);padding-left:var(--gutter-desktop)}.home-actions{margin-right:calc(var(--gutter-desktop) * -1);margin-left:calc(var(--gutter-desktop) * -1);padding-right:var(--gutter-desktop);padding-left:var(--gutter-desktop)}}.library-page{display:grid;gap:var(--space-lg)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.page-heading h1{margin:0;font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.page-heading p:not(.eyebrow),.compact-intro p:not(.eyebrow){margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact)}.heading-action{color:var(--color-primary-action);background:var(--color-primary-container)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.metric-grid article{display:grid;gap:2px;padding:var(--space-md) var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.metric-grid strong{color:var(--color-primary);font-size:var(--font-size-headline-md);line-height:var(--line-height-headline-md)}.metric-grid span{color:var(--color-text-muted);font-size:var(--font-size-label);line-height:var(--line-height-label)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.section-toolbar .eyebrow{margin:0}.check-control{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-body-compact)}.check-control input{accent-color:var(--color-primary-action)}.card-list,.search-results{display:grid;gap:var(--space-sm)}.library-card{position:relative;display:grid;gap:var(--space-xs);padding:var(--space-md);padding-right:calc(var(--space-xl) + var(--space-md));border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);color:inherit;background:var(--color-surface);box-shadow:var(--shadow-card);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.library-card:hover{border-color:var(--color-primary-action);box-shadow:var(--shadow-floating);transform:translateY(-1px)}.card-topline,.card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.cloud-state,.card-meta,.validation-item time{color:var(--color-text-muted);font-size:var(--font-size-timestamp)}.library-card h2{margin:0;font-size:var(--font-size-title-sm);line-height:var(--line-height-title-sm)}.card-trigger{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact)}.card-meta{margin-top:var(--space-xs)}.status-badge{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface-subtle);font-size:var(--font-size-label);font-weight:700}.status-badge.is-validating{color:var(--color-progress);background:var(--color-progress-container)}.status-badge.is-proven{color:var(--color-success-on);background:var(--color-success-container)}.status-badge.is-archived,.status-badge.is-superseded{color:var(--color-text-muted);background:var(--color-surface-subtle)}.progress-meter{height:4px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-container)}.progress-meter i{display:block;height:100%;border-radius:inherit;background:var(--color-secondary)}.card-arrow{position:absolute;top:50%;right:var(--space-md);color:var(--color-text-muted);transform:translateY(-50%)}.empty-state{display:grid;justify-items:center;gap:var(--space-xs);padding:var(--space-2xl) var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);text-align:center}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:var(--color-text-primary);font-size:var(--font-size-headline-md)}.empty-state p{max-width:28rem;font-size:var(--font-size-body-compact)}.form-page,.placeholder-page{max-width:var(--entry-max-width);margin:0 auto}.library-form-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-height) - var(--space-xl))}.compact-intro{margin:var(--space-lg) 0}.detail-heading{display:flex;justify-content:space-between;gap:var(--space-md)}.detail-heading h1{margin:var(--space-sm) 0 var(--space-xs);font-size:var(--font-size-headline-lg);line-height:var(--line-height-headline-lg)}.detail-heading p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact)}.detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);padding:var(--space-md) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.detail-stats div{display:grid;gap:2px}.detail-stats strong{color:var(--color-primary);font-size:var(--font-size-title-sm)}.detail-stats span{color:var(--color-text-muted);font-size:var(--font-size-label)}.detail-section{display:grid;gap:var(--space-sm)}.detail-section>.eyebrow{margin:0}.step-list{display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none;counter-reset:steps}.step-list li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-container-low)}.step-list b{display:grid;width:1.5rem;height:1.5rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-full);color:var(--color-primary-on);background:var(--color-primary-action);font-size:var(--font-size-label)}.step-list span{color:var(--color-text-secondary);line-height:var(--line-height-body-compact)}.detail-columns{display:grid;gap:var(--space-sm)}.detail-columns article{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.detail-columns p:last-child{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact)}.validation-item{display:grid;gap:var(--space-2xs);padding:var(--space-md) 0;border-top:1px solid var(--color-border-subtle)}.validation-item>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.validation-item p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact)}.detail-actions,.action-row,.drawer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.detail-actions{padding-top:var(--space-sm);border-top:1px solid var(--color-border-subtle)}.detail-actions .button:last-child{margin-left:auto}.modal-shade{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-md);background:#0f172a61}.drawer{width:min(100%,34rem);max-height:calc(100vh - var(--space-xl));overflow:auto;padding:var(--space-lg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);box-shadow:var(--shadow-floating)}.drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.drawer h2{margin:0;font-size:var(--font-size-headline-md)}.result-picker{display:grid;gap:var(--space-xs);margin:0 0 var(--space-lg);padding:0;border:0}.result-picker legend{margin-bottom:var(--space-xs);color:var(--color-text-primary);font-weight:700}.result-picker label{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--control-height-md);padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary)}.result-picker label:has(input:checked){border-color:var(--color-secondary);color:var(--color-secondary-on);background:var(--color-secondary)}.result-picker input{accent-color:currentColor}.drawer-actions{justify-content:space-between;margin-top:var(--space-md)}.checklist-items{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none;counter-reset:checklist}.checklist-items li{display:grid;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.checklist-items li>label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer}.checklist-items li>label input{position:absolute;opacity:0}.checkmark{display:grid;width:1.5rem;height:1.5rem;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:transparent}.checklist-items li.checked .checkmark{border-color:var(--color-secondary);color:var(--color-secondary-on);background:var(--color-secondary)}.checklist-items li.checked strong{color:var(--color-text-muted);text-decoration:line-through}.checklist-note{width:100%;padding:var(--space-xs) 0;border:0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:transparent;font-size:var(--font-size-body-compact)}.checklist-note:focus{border-color:var(--color-focus);outline:none}.review-panel{padding:var(--space-lg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.review-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2xs);margin-bottom:var(--space-lg)}.review-progress i{height:4px;border-radius:var(--radius-full);background:var(--color-surface-container)}.review-progress i.active{background:var(--color-secondary)}.output-picker{display:grid;gap:var(--space-xs);margin-top:var(--space-xl)}.output-picker h2{margin:0 0 var(--space-xs);font-size:var(--font-size-title-sm)}.output-picker button{display:flex;align-items:center;justify-content:space-between;min-height:var(--control-height-md);padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface);text-align:left}.output-picker button.selected{border-color:var(--color-secondary);color:var(--color-secondary-on);background:var(--color-secondary)}.success-state{border-style:solid;color:var(--color-secondary);background:var(--color-success-container)}.success-state h2{color:var(--color-success-on)}.search-box{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--control-height-lg);padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-surface)}.search-box:focus-within{border-color:var(--color-focus);box-shadow:var(--shadow-focus)}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--color-text-primary);background:transparent}.search-filter{justify-content:flex-end}.search-result{position:relative;display:grid;gap:var(--space-2xs);padding:var(--space-md) calc(var(--space-xl) + var(--space-md)) var(--space-md) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:inherit;background:var(--color-surface);text-decoration:none}.search-result:hover{border-color:var(--color-primary-action)}.search-result h2,.search-result p{margin:0}.search-result h2{font-size:var(--font-size-title-sm)}.search-result p{color:var(--color-text-secondary);font-size:var(--font-size-body-compact)}.search-result>.app-icon{position:absolute;top:50%;right:var(--space-md);color:var(--color-text-muted);transform:translateY(-50%)}.result-type{color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:700}.sync-pill{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-timestamp)}.sync-pill i{width:7px;height:7px;border-radius:50%;background:var(--color-secondary)}.me-page,.conflicts-page{display:grid;gap:var(--space-lg)}.sync-overview{display:grid;gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.sync-overview.is-error,.sync-overview.is-conflict{border-color:var(--color-warning-border);background:var(--color-warning-container)}.sync-overview.is-synced{border-color:var(--color-success-border);background:var(--color-success-container)}.sync-overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.sync-overview-heading h2{margin:0;font-size:var(--font-size-headline-md);line-height:var(--line-height-headline-md)}.sync-overview-heading>.app-icon{color:var(--color-secondary)}.sync-overview p:not(.eyebrow){margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-compact)}.management-section{display:grid;gap:var(--space-sm)}.management-card{display:flex;align-items:center;gap:var(--space-sm);min-height:4.5rem;padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:inherit;background:var(--color-surface);box-shadow:var(--shadow-card)}.management-card>div:nth-child(2){min-width:0;flex:1}.management-card h2{margin:0;font-size:var(--font-size-title-sm);line-height:var(--line-height-title-sm)}.management-card p{margin:2px 0 0;color:var(--color-text-muted);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact)}.management-card.is-disabled{background:var(--color-surface-subtle);box-shadow:none}.management-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);color:var(--color-secondary);background:var(--color-surface-container-low)}.local-data-panel{display:grid;gap:var(--space-sm);padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.local-data-panel .eyebrow,.local-data-panel p{margin:0}.local-data-panel p:not(.eyebrow){color:var(--color-text-secondary);font-size:var(--font-size-body-compact)}.local-data-panel .button{width:fit-content}.conflict-list{display:grid;gap:var(--space-lg)}.conflict-card{display:grid;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-warning-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.conflict-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.conflict-card-heading h2{margin:var(--space-xs) 0 0;font-size:var(--font-size-headline-md)}.conflict-card-heading p{margin:2px 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-timestamp);overflow-wrap:anywhere}.conflict-version{flex:0 0 auto;color:var(--color-warning);font-family:var(--font-mono);font-size:var(--font-size-timestamp)}.conflict-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.snapshot-panel{min-width:0;padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.snapshot-panel.server{background:var(--color-progress-container)}.snapshot-panel .eyebrow{margin-bottom:var(--space-sm)}.snapshot-fields{display:grid;gap:var(--space-sm);margin:0}.snapshot-fields div{display:grid;gap:2px}.snapshot-fields dt{color:var(--color-text-muted);font-size:var(--font-size-label)}.snapshot-fields dd{margin:0;color:var(--color-text-primary);font-size:var(--font-size-body-compact);line-height:var(--line-height-body-compact);overflow-wrap:anywhere}.snapshot-panel pre{max-height:14rem;margin:0;overflow:auto;white-space:pre-wrap;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-timestamp)}.conflict-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}@media(max-width:540px){.conflict-card-heading{display:grid}.conflict-columns{grid-template-columns:1fr}.conflict-actions .button{flex:1}}@media(max-width:480px){.sticky-actions{position:sticky;bottom:calc(var(--nav-height) + var(--safe-area-bottom));z-index:4;margin-inline:calc(var(--gutter-mobile) * -1);padding:var(--space-sm) var(--gutter-mobile);border-top:1px solid var(--color-border-subtle);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-actions .button{flex:1}.detail-actions .button:last-child{margin-left:0}.detail-actions .button,.drawer-actions .button{flex:1}}
