:root{--bg:#f4f1ea;--bg-accent:#fcfbf8;--bg-header:rgba(252,251,248,.92);--surface:#fcfbf8;--surface-raised:#fff;--surface-soft:#e6eef4;--border:#d4ddd9;--text:#2d3740;--text-muted:#53636f;--accent:#3d8b85;--accent-strong:#4e9e97;--accent-soft:#e2f1ef;--accent-hover:color-mix(in srgb, var(--accent) 12%, var(--surface));--accent-contrast:#fff;--attempt:#c8923d;--attempt-strong:#b27e2d;--attempt-border:#d0c4a4;--attempt-soft:#f8f0e3;--attempt-contrast:#3a2a12;--danger:#c96a6a;--danger-soft:#f8eaea;--danger-surface:#f8eaea;--danger-border:#d0b6b3;--danger-text:#7c4c4c;--danger-hover:#ecd3d3;--space-1:.25rem;--success:#4a9c6a;--success-text:#2f6a45;--warning:#c8923d;--warning-text:#6e4d14;--danger-vivid:#c96a6a;--danger-vivid-text:#7c4c4c;--cosign-teal:#3d8b85;--danger-contrast:#fff;--text-placeholder:#7c8a94;--overlay-backdrop:rgba(45,55,64,.18);--overlay-backdrop-strong:rgba(45,55,64,.28);--shadow-color-weak:rgba(45,55,64,.08);--shadow-color-modal:rgba(45,55,64,.14);--shadow-color-deep:rgba(45,55,64,.18);--shadow-focus:color-mix(in srgb, var(--accent) 18%, transparent);--inner-highlight-weak:rgba(255,255,255,.02);--inner-highlight-strong:rgba(255,255,255,.45);--inner-shadow-dark-weak:rgba(0,0,0,.05);--control-accent:var(--accent-strong);--danger-shadow-soft:rgba(139,90,90,.08);--bg-root-dark:#050608;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-panel:1.5rem;--radius-pill:999px;--shadow-1:0 1px 1px rgba(45,55,64,.05), 0 4px 12px rgba(45,55,64,.04);--shadow-2:0 18px 42px rgba(45,55,64,.14);--shadow-overlay-mobile:0 8px 24px rgba(45,55,64,.12);--shadow-mini:0 1px 2px rgba(45,55,64,.05);--content-max:42rem;--content-form:30rem;--content-wide:56rem;--panel-max:36rem;--control-height:3rem;--header-height:4.5rem;--nav-height:4.5rem;--icon-button-size:2.5rem;--nav-surface:rgba(252,251,248,.9);--nav-border:#e4ebe8;--motion-tap-duration:90ms;--motion-tap-release-duration:.14s;--motion-tap-ease:cubic-bezier(.2, 0, 0, 1);--motion-tap-scale:.97;--motion-tap-opacity:.82}html{height:100%;background:var(--bg);height:-webkit-fill-available}#main{background:var(--bg)}body,#main{width:100%;height:100%;min-height:100dvh;min-height:-webkit-fill-available;margin:0;padding:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.55}.app-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1720;--bg-accent:#16222d;--bg-header:rgba(27,42,54,.75);--surface:#16222d;--surface-raised:#1b2a36;--surface-soft:#1b3444;--border:#314554;--text:#eaf2f7;--text-muted:#a7bbc8;--accent:#2f9c95;--accent-strong:#38b2a9;--accent-soft:#173e3c;--accent-hover:color-mix(in srgb, var(--accent) 10%, var(--surface));--accent-contrast:#0f1720;--attempt:#d9a441;--attempt-strong:#c48f2e;--attempt-soft:#403117;--attempt-border:#6c664d;--attempt-contrast:#0f1720;--danger:#d96a6a;--danger-soft:#431f23;--danger-surface:#431f23;--danger-border:#6c525c;--danger-text:#f1d7d7;--danger-hover:#5b3034;--success:#41b883;--success-text:#41b883;--warning:#d9a441;--warning-text:#d9a441;--danger-vivid:#d96a6a;--danger-vivid-text:#d96a6a;--cosign-teal:#2f9c95;--clinical:#4c8db8;--clinical-soft:#1b3444;--shadow-1:0 1px 1px rgba(0,0,0,.3), 0 6px 16px rgba(0,0,0,.22);--shadow-2:0 22px 52px rgba(0,0,0,.42);--shadow-mini:0 1px 2px rgba(0,0,0,.28);--nav-surface:rgba(27,42,54,.85);--nav-border:#253746;--bg-root-dark:#0f1720;--overlay-backdrop:rgba(10,20,28,.65);--overlay-backdrop-strong:rgba(10,20,28,.75);--shadow-color-weak:rgba(0,0,0,.3);--shadow-color-modal:rgba(6,12,16,.48);--inner-highlight-strong:rgba(255,255,255,.08);--nav-inner-highlight:rgba(255,255,255,.08)}.app-shell.theme-system{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:has(.app-shell.theme-dark){background:var(--bg-root-dark)}body:has(.app-shell.theme-dark){background:var(--bg-root-dark)}body:has(.app-shell.theme-dark) #main{background:var(--bg-root-dark)}@media (prefers-color-scheme:dark){html:has(.app-shell.theme-system){background:var(--bg-root-dark)}body:has(.app-shell.theme-system){background:var(--bg-root-dark)}body:has(.app-shell.theme-system) #main{background:var(--bg-root-dark)}.app-shell.theme-system{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1720;--bg-accent:#16222d;--bg-header:rgba(27,42,54,.75);--surface:#16222d;--surface-raised:#1b2a36;--surface-soft:#1b3444;--border:#314554;--text:#eaf2f7;--text-muted:#a7bbc8;--accent:#2f9c95;--accent-strong:#38b2a9;--accent-soft:#173e3c;--accent-hover:color-mix(in srgb, var(--accent) 10%, var(--surface));--accent-contrast:#0f1720;--attempt:#d9a441;--attempt-strong:#c48f2e;--attempt-border:#6c664d;--attempt-soft:#403117;--attempt-contrast:#0f1720;--danger:#d96a6a;--danger-soft:#431f23;--danger-surface:#431f23;--danger-border:#6c525c;--danger-text:#f1d7d7;--danger-hover:#5b3034;--success:#41b883;--success-text:#41b883;--warning:#d9a441;--warning-text:#d9a441;--danger-vivid:#d96a6a;--danger-vivid-text:#d96a6a;--cosign-teal:#2f9c95;--clinical:#4c8db8;--clinical-soft:#1b3444;--shadow-1:0 1px 1px rgba(0,0,0,.3), 0 6px 16px rgba(0,0,0,.22);--shadow-2:0 22px 52px rgba(0,0,0,.42);--shadow-mini:0 1px 2px rgba(0,0,0,.28);--nav-surface:rgba(27,42,54,.85);--nav-border:#253746;--bg-root-dark:#0f1720;--overlay-backdrop:rgba(10,20,28,.65);--overlay-backdrop-strong:rgba(10,20,28,.75);--shadow-color-weak:rgba(0,0,0,.3);--shadow-color-modal:rgba(6,12,16,.5);--inner-highlight-strong:rgba(255,255,255,.08);--nav-inner-highlight:rgba(255,255,255,.08)}}button,label,a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}@supports (-webkit-touch-callout:none){html,body,#main,#root,.app-stage,.page-body,.overlay-sheet,.swipeback-mobile-sheet,.presentation-content,button,label,a,p,span,div,section,article,header,footer,h1,h2,h3,h4,h5,h6,li,summary,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true],.textfield-input,.textfield-textarea,.combobox-input,.tags-input input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}p{color:var(--text)}.startup-loading{width:100%;min-height:100dvh;padding:var(--space-6);background:radial-gradient(circle at top, var(--accent-soft), transparent 34rem), var(--bg);place-items:center;display:grid}.startup-loading-card{justify-items:center;gap:var(--space-3);width:min(100%,22rem);padding:var(--space-8);text-align:center;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-2);display:grid}.startup-loading-mark{border-radius:var(--radius-pill);width:3.25rem;height:3.25rem;color:var(--accent-contrast);background:var(--accent);box-shadow:var(--shadow-1);place-items:center;font-size:1.75rem;font-weight:800;display:grid}.startup-loading-card h1{margin:var(--space-2) 0 0;letter-spacing:-.04em;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.05}.startup-loading-card p{color:var(--text-muted);margin:0;font-size:.98rem}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent;line-height:1.2}button{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);cursor:pointer;font-weight:600;transition:background-color .16s,border-color .16s,transform .12s,box-shadow .16s,color .16s}@media (hover:hover){button:hover{background:var(--accent-soft);transform:translateY(-1px)}}button:active{background:var(--accent-soft);transform:scale(.99)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.motion-button,.motion-card{touch-action:manipulation;transform-origin:50%;transition:transform var(--motion-tap-release-duration) var(--motion-tap-ease), opacity var(--motion-tap-release-duration) var(--motion-tap-ease), background-color .16s ease, border-color .16s ease, color .16s ease}.motion-button.is-pressed,.motion-card.is-pressed{transform:scale(var(--motion-tap-scale));opacity:var(--motion-tap-opacity);transition-duration:var(--motion-tap-duration)}@media (hover:none) and (pointer:coarse){.motion-button:hover,.motion-card:hover,button:hover{transform:none}.motion-button.is-pressed,.motion-card.is-pressed{transform:scale(var(--motion-tap-scale))}}.offline-view-only-hint,.offline-view-only-empty{max-width:100%;margin:0 auto var(--space-4);padding:var(--space-3) var(--space-4);color:var(--text-muted);text-align:center;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.45}.offline-view-only-empty{margin-top:var(--space-4);background:var(--surface-raised)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-body{width:100%;min-height:0;padding:var(--space-4);padding-top:calc(var(--header-height) + env(safe-area-inset-top) + var(--space-3));padding-bottom:calc(var(--nav-height) + var(--space-4) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;margin:0 auto;overflow:hidden auto}.page-body-headerless{padding-top:max(var(--space-5), calc(env(safe-area-inset-top) + var(--space-4)))}.mobile-tab-shell{background:var(--bg);position:fixed;inset:0;overflow:hidden}.mobile-tab-panel{height:auto;min-height:0;transition:opacity var(--motion-duration-2) var(--motion-ease-out), visibility 0s linear var(--motion-duration-2);margin:0;position:absolute;inset:0}.mobile-tab-panel-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--motion-duration-2) var(--motion-ease-out), visibility 0s}.mobile-tab-panel-inactive{opacity:0;visibility:hidden;pointer-events:none}.page-stack{width:min(100%, var(--content-max));gap:var(--space-4);align-content:start;margin:0 auto;display:grid}.page-card{width:min(100%, var(--content-form));gap:var(--space-4);margin:0 auto;display:grid}.notice-card{padding:var(--space-5);background:var(--surface-soft);border:1px solid var(--nav-border);border-radius:var(--radius-lg);box-shadow:none;color:var(--text-muted)}.notice-card>*{margin:0}.checkbox-row{width:100%;min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.checkbox-label{color:var(--text-muted);flex:1;font-size:.95rem;font-weight:600}.checkbox-input{appearance:none;border:2px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:7px;flex:0 0 22px;place-items:center;width:22px;height:22px;margin:0;display:grid}.checkbox-input:checked{border-color:var(--success);background:color-mix(in srgb, var(--success) 22%, var(--surface))}.checkbox-input:checked:after{content:"";background:var(--success);border-radius:3px;width:10px;height:10px}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}.checkbox-row:has(.checkbox-input:checked){border-color:color-mix(in srgb, var(--success) 45%, var(--border))}.checkbox-row:has(.checkbox-input:disabled){opacity:.65;cursor:not-allowed}.textfield{gap:var(--space-2);width:100%;display:grid}.textfield-label{color:var(--text-muted);font-size:.95rem;font-weight:600}.textfield-input{width:100%;min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);box-shadow:inset 0 1px 0 var(--inner-highlight-weak);transition:border-color .16s,box-shadow .16s,background-color .16s}.textfield-input::placeholder{color:var(--text-placeholder)}.textfield-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 .25rem var(--shadow-focus);outline:none}.textfield-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 .25rem var(--shadow-focus);outline:none}.textfield-textarea{min-height:5.25rem;padding:var(--space-2) var(--space-4);resize:none;line-height:1.35}.textfield-select{appearance:none;padding-right:calc(var(--space-6) + var(--space-4));background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 1.1rem) calc(50% - .15rem),calc(100% - .8rem) calc(50% - .15rem);background-repeat:no-repeat;background-size:.4rem .4rem,.4rem .4rem}.textfield-select:disabled{cursor:not-allowed}.combobox-field{z-index:1;position:relative}.combobox-field:focus-within{z-index:20}.combobox-control{position:relative}.combobox-input{padding-right:calc(var(--space-6) + var(--space-4))}.combobox-toggle{width:var(--control-height);min-height:calc(var(--control-height) - 2px);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:1px;right:1px}.combobox-toggle:hover{color:var(--text);background:0 0;transform:none}.combobox-options{z-index:1300;top:calc(100% + var(--space-1));scrollbar-gutter:stable;max-height:13rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 52%, var(--border)) transparent;display:grid;position:absolute;left:0;right:0;overflow-y:scroll}.combobox-options::-webkit-scrollbar{width:.65rem}.combobox-options::-webkit-scrollbar-track{margin:var(--space-1) 0;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-soft) 74%, transparent)}.combobox-options::-webkit-scrollbar-thumb{border:.18rem solid var(--surface-raised);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 52%, var(--border))}.combobox-options::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}.combobox-option{width:100%;min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-sm);box-shadow:none;color:var(--text);text-align:left;background:0 0;border:0;justify-content:flex-start}.combobox-option:hover{background:var(--accent-soft);transform:none}.tags-input{width:100%;min-height:var(--control-height);align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 1px 0 var(--inner-highlight-weak);flex-wrap:wrap;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.tags-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 .25rem var(--shadow-focus)}.tag-chip{align-items:center;gap:var(--space-2);min-height:2rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--text);box-shadow:none;font-size:.9rem;font-weight:700;display:inline-flex}.tag-chip:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text);transform:none}.tag-chip-remove{color:var(--text-muted);font-size:1rem;line-height:1}.tag-entry-input{min-width:9rem;min-height:2rem;padding:0 var(--space-2);color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:9rem}.tag-entry-input::placeholder{color:var(--text-placeholder)}.datetime-field-row3{gap:var(--space-3);grid-template-columns:2.25rem 60% 1fr;align-items:center;display:grid}.datetime-checkbox-cell{min-height:var(--control-height);justify-content:center;align-items:center;display:flex}.datetime-field-row2{gap:var(--space-3);grid-template-columns:75% 1fr;align-items:end;display:grid}.datetime-field-part{min-width:0;min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 1px 0 var(--inner-highlight-weak);align-items:center;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}.datetime-field-part:focus-within{border-color:var(--accent);box-shadow:0 0 0 .25rem var(--shadow-focus)}.datetime-date-input,.datetime-time-input{width:100%;min-height:calc(var(--control-height) - 2px);color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:1rem}.datetime-checkbox-input{width:20px;height:20px;accent-color:var(--control-accent)}@supports (appearance:none){.datetime-checkbox-input{appearance:none;border:1px solid var(--border);background:var(--surface-soft);width:20px;height:20px;box-shadow:none;border-radius:6px;place-items:center;display:grid}.datetime-checkbox-input:checked{border-color:var(--success);background:color-mix(in srgb, var(--success) 18%, var(--surface))}.datetime-checkbox-input:checked:after{content:"";background:var(--success);border-radius:3px;width:10px;height:10px}}.datetime-date-input:disabled,.datetime-time-input:disabled{opacity:.55;cursor:not-allowed;color:var(--text-muted)}.datetime-date-input:focus-visible{box-shadow:none;outline:none}.datetime-time-input:focus-visible{box-shadow:none;outline:none}.datetime-checkbox-input:focus-visible{box-shadow:none;outline:none}.datetime-time-input{text-align:left}.detail-list{gap:var(--space-3);display:grid}.detail-row{gap:var(--space-1);padding:var(--space-4);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.detail-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.detail-value{color:var(--text);margin:0;line-height:1.45}.swipeback-shell{touch-action:none;overscroll-behavior:contain;width:100%;height:100%;display:block;overflow:hidden}.swipeback-shell-disabled{pointer-events:none}.swipeback-content{width:100%;height:100%;display:block}.overlay-backdrop{z-index:1200;background:var(--bg);pointer-events:none;touch-action:none;overscroll-behavior:contain;justify-content:stretch;align-items:stretch;width:100vw;height:100dvh;padding:0;display:flex;position:fixed;inset:0}.overlay-backdrop.is-top{z-index:1300;pointer-events:auto}.overlay-backdrop.nested{z-index:1200;pointer-events:none}.overlay-backdrop:not(.is-top) .swipeback-shell,.overlay-backdrop:not(.is-top) .swipeback-content,.overlay-backdrop:not(.is-top) .overlay-sheet{pointer-events:none}.overlay-sheet{z-index:1;-webkit-overflow-scrolling:touch;background:var(--surface-raised);border:1px solid var(--nav-border);width:100%;height:100%;min-height:100%;box-shadow:var(--shadow-2);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-5) calc(var(--space-10) + env(safe-area-inset-bottom));scroll-padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom));pointer-events:auto;border-radius:0;position:relative;overflow:hidden auto}.swipeback-mobile{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;background:0 0;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.swipeback-mobile-top{z-index:1300;pointer-events:auto}.swipeback-mobile-underlay{z-index:1200;pointer-events:none;transform-origin:50%}.swipeback-mobile-shield{z-index:0;pointer-events:none;touch-action:none;overscroll-behavior:contain;background:0 0;position:absolute;inset:0}.swipeback-mobile-shield-active{z-index:2;pointer-events:auto;cursor:grabbing}.swipeback-mobile-sheet{z-index:1;-webkit-overflow-scrolling:touch;background:var(--surface-raised);width:100%;height:100%;min-height:100%;box-shadow:none;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-5) calc(var(--space-10) + env(safe-area-inset-bottom));scroll-padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom));pointer-events:auto;touch-action:pan-y;overscroll-behavior-x:contain;-webkit-tap-highlight-color:transparent;transform-origin:50%;backface-visibility:hidden;contain:paint;border:0;border-radius:0;position:absolute;inset:0;overflow:hidden auto;transform:translate(0,0)}.swipeback-mobile-sheet .modal-backdrop,.swipeback-mobile-sheet .mini-modal-backdrop{z-index:50;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.presentation{--presentation-enter-duration:var(--motion-page-duration,.24s);--presentation-enter-ease:var(--motion-page-ease,cubic-bezier(.22, 1, .36, 1))}.overlay-sheet.presentation-push-page,.swipeback-mobile-sheet.presentation-push-page,.overlay-sheet.presentation-fullscreen-modal,.swipeback-mobile-sheet.presentation-fullscreen-modal{background:var(--surface-raised);border-radius:0;flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;height:100%;min-height:100%;max-height:none;margin:0;display:flex;position:absolute;inset:0}.overlay-sheet.presentation-push-page>.overlay-panel,.swipeback-mobile-sheet.presentation-push-page>.overlay-panel,.overlay-sheet.presentation-fullscreen-modal>.overlay-panel,.swipeback-mobile-sheet.presentation-fullscreen-modal>.overlay-panel{flex:auto;width:100%;min-height:100%}.overlay-sheet.presentation-fullscreen-modal>form.overlay-panel,.swipeback-mobile-sheet.presentation-fullscreen-modal>form.overlay-panel{min-height:100%}.overlay-sheet.presentation-bottom-sheet,.swipeback-mobile-sheet.presentation-bottom-sheet{border-radius:var(--radius-panel) var(--radius-panel) 0 0;height:auto;min-height:auto;max-height:min(86dvh,44rem);padding-top:var(--space-5);padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom));transform-origin:bottom;align-self:end;margin-top:auto;position:absolute;inset:auto 0 0}.presentation-dialog-backdrop{background:var(--overlay-backdrop-strong);animation:presentation-fade-in var(--motion-dialog-duration) var(--motion-ease-out) both}.presentation-dialog-card{animation:presentation-dialog-in var(--motion-dialog-duration) var(--motion-ease-out) both;transform-origin:50%}.presentation-toast{pointer-events:none}.mobile-page,.mobile-sheet{gap:var(--space-4);align-content:start;display:grid}@keyframes presentation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes presentation-dialog-in{0%{opacity:0;transform:translateY(.35rem)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.overlay-panel{gap:var(--space-4);align-content:start;min-height:100%;display:grid}.overlay-header{grid-template-columns:var(--icon-button-size) 1fr var(--icon-button-size);align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);display:grid}.overlay-header h2{text-align:center;color:var(--text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.overlay-header-title,.skill-info-title{gap:var(--space-1);min-width:0;display:grid}.overlay-header-subtitle,.skill-info-title-category{text-align:center;color:var(--text-muted);margin:0;font-size:.9rem;font-style:italic;line-height:1.25}.overlay-close{width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--text);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.overlay-close>svg{stroke:currentColor;flex:none;width:1.35rem;height:1.35rem;display:block}.overlay-info{gap:var(--space-4);width:100%;margin:0;padding-top:0;display:grid}.overlay-info>p{margin:0}.bundle-create-panel{gap:var(--space-4);flex-direction:column;width:100%;height:min(90dvh - 3rem,52rem);min-height:0;max-height:min(90dvh - 3rem,52rem);display:flex;overflow:hidden}.bundle-create-header{flex:none}.bundle-create-shell{gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.bundle-create-content{gap:var(--space-5);min-height:0;padding-right:var(--space-1);flex:auto;display:grid;overflow-y:auto}.bundle-create-panel .home-section-header{gap:var(--space-1);display:grid}.bundle-create-panel .home-section-header h2,.bundle-create-panel .textfield-label,.bundle-create-panel .bundle-create-step-label,.bundle-create-panel .bundle-create-label,.bundle-create-panel .bundle-row-status,.bundle-create-panel .bundle-success-state strong,.bundle-create-panel .bundle-review-row-main strong,.bundle-create-panel .bundle-icon-trigger-text,.bundle-create-panel .bundle-icon-trigger-placeholder,.bundle-create-panel .bundle-field-error{color:var(--text)}.bundle-create-panel .bundle-section-kicker,.bundle-create-panel .bundle-field-counter,.bundle-create-panel .overlay-header-subtitle,.bundle-create-panel .bundle-review-row-main span,.bundle-create-panel .bundle-icon-preview-label,.bundle-create-panel .home-empty-state p,.bundle-create-panel .bundle-success-state p{color:var(--text-muted)}.bundle-create-panel .bundle-section-kicker,.bundle-create-panel .bundle-field-counter{font-size:.92rem}.bundle-create-section{gap:var(--space-4);align-content:start;display:grid}.bundle-create-form-grid{gap:var(--space-4);display:grid}.bundle-description-input{min-height:7rem}.bundle-field-error{color:var(--danger-text);margin:0;font-size:.92rem;font-weight:600}.bundle-icon-field{gap:var(--space-2)}.bundle-icon-control{position:relative}.bundle-icon-trigger{width:100%;min-height:var(--control-height);align-items:center;gap:var(--space-3);text-align:left;background:var(--surface);color:var(--text);justify-content:space-between;display:flex}.bundle-icon-trigger.has-value{color:var(--text)}.bundle-icon-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 .25rem var(--shadow-focus);outline:none}.bundle-icon-trigger-placeholder{color:var(--text-placeholder)}.bundle-icon-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.bundle-icon-trigger-chevron{color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.bundle-icon-trigger>.bundle-icon{flex:none}.bundle-icon-options{width:100%;margin-top:var(--space-1);place-content:start center;gap:var(--space-2);max-height:min(14rem,42vh);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 0 var(--inner-highlight-weak);grid-template-columns:repeat(auto-fit,3rem);grid-auto-rows:3rem;display:grid;overflow:hidden auto}.bundle-icon-choice{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:3rem;height:3rem;min-height:0;color:var(--text);box-shadow:none;place-items:center;padding:0;line-height:0;display:grid;position:relative;overflow:hidden}.bundle-icon-choice:hover{background:var(--accent-soft);transform:none}.bundle-icon-choice.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.bundle-icon-choice-icon{place-items:center;width:100%;height:100%;line-height:0;display:grid}.bundle-icon-choice-icon>svg{width:1.35rem;height:1.35rem;margin:0;display:block}.bundle-icon-choice-mark{color:var(--accent);position:absolute;top:.35rem;right:.35rem}.bundle-icon-choice-label{display:none}.bundle-create-stepper{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bundle-create-step{gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);display:grid}.bundle-create-step.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text)}.bundle-create-step.complete{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--text)}.bundle-create-step-index{border-radius:var(--radius-pill);background:var(--surface-soft);width:2rem;height:2rem;color:var(--text);place-items:center;font-size:.95rem;font-weight:800;display:grid}.bundle-create-step.active .bundle-create-step-index{background:var(--accent);color:var(--accent-contrast)}.bundle-create-step.complete .bundle-create-step-index{background:var(--accent-soft);color:var(--text)}.bundle-create-step-label{font-size:.92rem;font-weight:700;line-height:1.2}.bundle-selected-skill-summary{gap:var(--space-3);display:grid}.bundle-selected-name-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.bundle-selected-name-chip{min-height:2rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text);align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.bundle-skill-select-grid,.bundle-review-list{gap:var(--space-3);display:grid}.bundle-skill-select-card,.bundle-skill-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;display:flex}.bundle-skill-select-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.bundle-review-row-main{gap:.1rem;min-width:0;display:grid}.bundle-review-row-main strong,.bundle-review-row-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bundle-create-footer{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);background:var(--surface-raised);flex:none;display:flex}.bundle-create-footer button{flex:1 1 0;width:auto;min-width:8rem}.bundle-create-footer button:first-child{margin-right:auto}.bundle-add-skill-button{width:fit-content}.bundle-create-panel .home-empty-state strong{color:var(--text)}.bundle-success-state{gap:var(--space-3)}.bundle-success-state>svg{color:var(--success)}.bundle-create-panel .overlay-error{margin-top:var(--space-2)}@media (width<=599px){.bundle-create-panel{height:min(100dvh - 2rem,52rem);max-height:min(100dvh - 2rem,52rem)}.bundle-create-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-icon-options{grid-template-columns:repeat(auto-fit,3rem);justify-content:center;max-height:min(13rem,40vh)}.bundle-create-footer{flex-wrap:wrap}.bundle-create-footer button{min-width:0}}.overlay-error{padding:var(--space-3) var(--space-4);color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);box-shadow:none;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;width:100%;max-width:100%;margin:0;font-size:.95rem}.overlay-actions{gap:var(--space-3);padding-top:var(--space-2);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));flex-direction:column-reverse;margin-top:auto;display:flex}.overlay-actions button{width:100%}.overlay-delete{background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text)}.overlay-delete:hover{background:var(--danger-hover)}.overlay-cancel{background:var(--surface)}.attempt{background:var(--attempt);color:var(--attempt-contrast);border-color:transparent;border:1px solid var(--attempt-border)}.attempt:hover{background:var(--attempt-strong)}.submit{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.submit:hover{background:var(--accent-strong)}.modal-backdrop,.mini-modal-backdrop{z-index:9999;background:var(--overlay-backdrop);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card,.mini-modal-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-panel);width:min(100vw - 2rem,26rem);height:auto;box-shadow:var(--shadow-2);padding:var(--space-5)}@media (width<=899px){.modal-backdrop,.mini-modal-backdrop{-webkit-backdrop-filter:none}.modal-card,.mini-modal-card,.overlay-sheet,.notification-overlay-sheet{box-shadow:var(--shadow-overlay-mobile)}.swipeback-mobile-sheet .modal-backdrop,.swipeback-mobile-sheet .mini-modal-backdrop{z-index:50;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.swipeback-mobile-sheet .modal-card,.swipeback-mobile-sheet .mini-modal-card{max-height:calc(100dvh - (var(--space-4) * 2));overflow:auto}}.friend-public-bundle-panel{gap:var(--space-4);flex-direction:column;width:100%;min-height:100%;display:flex}.friend-public-bundle-panel .overlay-header{flex:none}.friend-public-bundle-body{gap:var(--space-4);text-align:left;flex:auto;width:100%;min-height:0;display:grid;overflow:auto}.friend-public-bundle-hero{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-soft) 40%, var(--surface-raised));grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.friend-public-bundle-hero-copy{gap:var(--space-2);min-width:0;display:grid}.friend-public-bundle-hero-copy h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:850;line-height:1.15}.friend-public-bundle-hero-copy p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.35}.friend-public-bundle-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.friend-public-bundle-actions{flex:none;justify-content:flex-end;margin:0;padding:0}.friend-public-bundle-preview-list{gap:var(--space-3);display:grid}.modal-header,.mini-modal-header{align-items:center;gap:var(--space-2);color:var(--text);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:2.25rem 1fr 2.25rem;font-weight:700;display:grid}.modal-header h2,.mini-modal-header h2{text-align:center;letter-spacing:.01em;margin:0;font-size:1.2rem;line-height:1.2}.modal-close,.mini-modal-close{appearance:none;width:var(--icon-button-size);min-height:var(--icon-button-size);background:var(--surface);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text);justify-content:center;align-items:center;margin:0;padding:0;font-size:1.5rem;line-height:1;display:flex}.modal-body,.mini-modal-body{margin-top:var(--space-5);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.mini-modal-status-title{color:var(--text);margin:.25rem 0 .5rem;font-size:1.05rem;font-weight:800}.mini-modal-details{text-align:left;gap:var(--space-3);width:100%;display:grid}.mini-modal-details .detail-row{border-color:var(--border);padding:var(--space-3) 0;background:0 0}.mini-modal-section{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px dashed var(--border);gap:var(--space-2);display:grid}.mini-modal-note{color:var(--text);margin:0}.mini-modal-cosign-summary{justify-content:space-between;align-items:center;display:flex}.mini-modal-status-icon{border-radius:var(--radius-pill);width:3rem;height:3rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, currentColor 30%, transparent);justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:flex}.mini-modal-status-cosigned{color:var(--cosign-teal);background:color-mix(in srgb, var(--cosign-teal) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--cosign-teal) 45%, var(--border))}.mini-modal-status-pending{color:var(--warning);background:color-mix(in srgb, var(--warning) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border))}.mini-modal-status-deny{color:var(--danger-vivid);background:color-mix(in srgb, var(--danger-vivid) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--danger-vivid) 45%, var(--border))}.attempt-checklist-mini-card{width:min(100%,30rem)}.attempt-checklist-mini-card .modal-body{text-align:left;align-items:stretch}.attempt-checklist-mini-summary{gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;display:grid}.attempt-checklist-mini-summary-copy{gap:.25rem;min-width:0;display:grid}.attempt-checklist-mini-summary-copy h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:900;line-height:1.15}.attempt-checklist-mini-notes{color:var(--text-muted);margin:0;line-height:1.45}.attempt-checklist-mini-body{text-align:left;align-items:stretch}.attempt-checklist-mini-section{gap:var(--space-2);padding-top:var(--space-3);display:grid}.attempt-checklist-mini-section-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.attempt-checklist-mini-count{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;padding:.35rem .65rem;font-size:.8rem;font-weight:800}.attempt-checklist-mini-list{gap:var(--space-2);display:grid}.attempt-checklist-mini-item{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:auto 1fr;align-items:center;padding:.7rem .8rem;display:grid}.attempt-checklist-mini-item.is-complete{border-color:color-mix(in srgb, var(--success) 28%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--surface-soft))}.attempt-checklist-mini-item.is-incomplete{border-color:color-mix(in srgb, var(--danger-vivid) 20%, var(--border));background:color-mix(in srgb, var(--danger-vivid) 8%, var(--surface-soft))}.attempt-checklist-mini-icon{border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:grid}.attempt-checklist-mini-icon>svg{width:.95rem;height:.95rem}.attempt-checklist-mini-icon.is-complete{background:color-mix(in srgb, var(--success) 18%, var(--surface));color:var(--success-text)}.attempt-checklist-mini-icon.is-incomplete{background:color-mix(in srgb, var(--danger-vivid) 14%, var(--surface));color:var(--danger-vivid-text)}.attempt-checklist-mini-label{color:var(--text);font-weight:700;line-height:1.4}.mini-modal-person{color:var(--text);flex-wrap:wrap;justify-content:center;gap:.35rem;font-size:1rem;font-weight:700;display:flex}.mini-modal-name{color:var(--text);font-weight:800}.mini-modal-cosign-label{align-items:center;gap:.45rem;font-weight:800;display:inline-flex}.mini-modal-cosign-label>svg{stroke:currentColor;width:.95rem;height:.95rem}.mini-modal-cosign-label.is-pending{color:var(--warning)}.mini-modal-cosign-label.is-denied{color:var(--danger-vivid)}.mini-modal-cosign-label.is-cosigned{color:var(--cosign-teal)}.mini-modal-cosign-label.standard{color:var(--text)}.mini-modal-handle{color:var(--text-muted);font-weight:650}.mini-modal-date{border-radius:var(--radius-pill);color:var(--text);background:color-mix(in srgb, var(--surface-raised) 55%, var(--border));box-shadow:inset 0 1px 0 var(--inner-highlight-weak);padding:.45rem .8rem;font-size:.9rem;font-weight:700}.mini-modal-user-line{margin:0}.collapse-component{flex-direction:column;gap:1rem;display:flex}.collapse-component-header{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1.1rem;font-weight:700;display:flex}.collapse-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .2s}.collapse-arrow.open{transform:rotate(180deg)}.collapse-component-content{font-size:.95rem;line-height:1.65}.markdown-body h1{display:none}.markdown-body h2,.markdown-bodyh3{color:var(--text);margin:1rem 0 .5rem}.markdown-body p,.markdown-body li{color:var(--text-muted)}.markdown-body ul{padding-left:1.25rem}@media (width>=900px){.page-body{padding:var(--space-8);padding-top:calc(env(safe-area-inset-top) + var(--header-height) + var(--space-8));padding-left:calc(14rem + var(--space-8) + env(safe-area-inset-left));padding-right:var(--space-8);padding-bottom:var(--space-8)}.page-body-headerless{padding:var(--space-8);padding-top:calc(var(--space-8) + env(safe-area-inset-top));padding-bottom:var(--space-8);padding-left:calc(var(--space-8) + env(safe-area-inset-left));padding-right:calc(var(--space-8) + env(safe-area-inset-right));place-items:center;display:grid}.page-body:has(.auth-form){padding:var(--space-8);padding-top:calc(env(safe-area-inset-top) + var(--header-height) + var(--space-8));padding-bottom:var(--space-8);padding-left:calc(var(--space-8) + env(safe-area-inset-left));padding-right:calc(var(--space-8) + env(safe-area-inset-right));place-items:center;display:grid}.page-stack{width:min(100%, var(--content-wide));gap:var(--space-5)}.overlay-backdrop{padding:var(--space-8);background:var(--overlay-backdrop);backdrop-filter:blur(8px);justify-content:center;align-items:center}.overlay-backdrop>.swipeback-shell{width:min(100%, var(--panel-max));flex:none;max-width:100%;height:auto;max-height:min(90vh,52rem)}.overlay-backdrop>.swipeback-shell>.swipeback-content{width:100%;height:auto;max-height:min(90vh,52rem)}.overlay-sheet,.overlay-sheet.presentation-push-page,.overlay-sheet.presentation-fullscreen-modal,.overlay-sheet.presentation-bottom-sheet{border:1px solid var(--border);border-radius:var(--radius-panel);width:100%;height:auto;min-height:auto;max-height:min(90vh,52rem);padding:var(--space-6);box-shadow:var(--shadow-2);margin:0;display:block;position:relative;inset:auto;overflow:auto}.overlay-sheet.presentation-push-page>.overlay-panel,.overlay-sheet.presentation-fullscreen-modal>.overlay-panel,.overlay-sheet.presentation-fullscreen-modal>form.overlay-panel{flex:initial;width:100%;min-height:auto}.overlay-header h2{text-align:left;font-size:1.4rem}.overlay-actions{flex-direction:row;justify-content:flex-end}.overlay-actions button{width:auto;min-width:8rem}.bundle-create-footer{justify-content:flex-end}.bundle-create-footer button{flex:none}}