@layer tokens.core,tokens.dark;@layer tokens.core{@layer tokens.core;}@layer tokens.dark{@layer tokens.dark;}@layer tokens.motion,motion.keyframes,motion.utilities;@layer tokens.motion{:root{--motion-highlight-duration: var(--motion-blink, 1s);--motion-highlight-animation: motion-highlight-flash var(--motion-highlight-duration) ease-in-out;--motion-tag-enter-duration: var(--motion-gentle);--motion-tag-exit-duration: var(--motion-hover);--motion-tag-enter-animation: motion-tag-enter var(--motion-tag-enter-duration) ease both;--motion-tag-exit-animation: motion-tag-exit var(--motion-tag-exit-duration) ease forwards;--motion-tactile-animation: motion-tactile-pulse var(--motion-pulse) ease;--motion-entry-delete-duration: var(--motion-gentle);--motion-entry-delete-animation: motion-entry-delete var(--motion-entry-delete-duration) ease forwards;--motion-calendar-summary-duration: .75s;--motion-calendar-summary-animation: motion-calendar-summary var(--motion-calendar-summary-duration) ease-in-out infinite}}@layer motion.keyframes{@keyframes motion-highlight-flash{0%{background-color:var(--motion-highlight-start, var(--highlight-color))}to{background-color:var(--motion-highlight-end, transparent)}}@keyframes motion-tag-enter{0%{opacity:0}to{opacity:1}}@keyframes motion-tag-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes motion-tactile-pulse{0%{transform:scale(1);background-color:var(--pulse-bg-start)}40%{transform:scale(.88);background-color:var(--pulse-bg-mid)}to{transform:scale(1);background-color:var(--pulse-bg-end)}}@keyframes motion-entry-delete{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes motion-calendar-summary{0%{box-shadow:0 0 0 0 var(--accent-15),0 0 0 0 var(--accent-05)}50%{box-shadow:0 0 0 2px var(--accent-20),0 0 0 6px var(--accent-05)}to{box-shadow:0 0 0 0 var(--accent-15),0 0 0 0 var(--accent-05)}}}@layer motion.utilities{:where(.highlight){background-color:var(--highlight-color)}:where(.motion-animate-highlight){animation:var(--motion-highlight-animation)!important}:where(.entry-tags).motion-animate-tag-enter,:where(.entry-tags).htmx-added,:where(.entry-tag).motion-animate-tag-enter,:where(.entry-tag).htmx-added{animation:var(--motion-tag-enter-animation)}:where(.entry-tag).motion-animate-tag-exit,:where(.entry-tag).htmx-swapping{animation:var(--motion-tag-exit-animation)}:where(.scroll-btn).motion-animate-tactile{animation:var(--motion-tactile-animation)}:where(.motion-animate-entry-delete),:where(.entry.htmx-swapping){animation:var(--motion-entry-delete-animation)}:where(.motion-animate-region-enter){animation:lull-in var(--motion-lull) ease both}:where(.motion-animate-region-enter-soft){animation:fade-in var(--motion-fade) ease both}}:root{--page-max: 86rem;--page-gutter: clamp(1.2rem, 3vw, 3rem);--grid-gap: clamp(1rem, 2.4vw, 2.2rem)}.page-grid{width:min(100%,var(--page-max));margin-inline:auto;padding-inline:var(--page-gutter)}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);align-items:start}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}@media(max-width:960px){:root{--page-max: 80rem;--grid-gap: clamp(.9rem, 3vw, 1.6rem)}}@media(max-width:720px){:root{--page-max: 72rem;--page-gutter: clamp(1rem, 4vw, 1.6rem)}}*{box-sizing:border-box}html,body{background:var(--color-bg);margin:0;padding:0;font-family:var(--font-base);line-height:var(--line-height);font-size:var(--font-size);color:var(--brand-text)}:root{--interactive-hover-border: color-mix(in srgb, var(--accent-20) 55%, var(--border));--interactive-hover-bg: color-mix(in srgb, var(--accent-05) 52%, var(--glass-bg-alt));--interactive-hover-ring: color-mix(in srgb, var(--accent-10) 56%, transparent)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.spinner{font-weight:400}.ui-empty-state{display:flex;flex-direction:column;gap:.3rem;text-align:center;color:color-mix(in srgb,var(--color-text-muted) 85%,transparent)}.ui-empty-state--left{text-align:left;align-items:flex-start}.ui-empty-state__title{margin:0;font-size:.92rem;font-weight:540;color:color-mix(in srgb,var(--color-text) 86%,transparent)}.ui-empty-state__description{margin:0;font-size:.82rem;line-height:1.4}.ui-meta-text{color:color-mix(in srgb,var(--color-text-muted) 84%,transparent);letter-spacing:.02em}.inline-autocomplete{position:relative;display:inline-block;width:100%;flex:1 1 auto;--inline-input-bg: transparent;--inline-input-bg-hover: transparent;--inline-input-bg-focus: transparent}.inline-autocomplete__input{position:relative;z-index:2;width:100%;background:var(--inline-input-bg)}.inline-autocomplete__input:hover{background:var(--inline-input-bg-hover)}.inline-autocomplete__input:focus,.inline-autocomplete__input:focus-visible{background:var(--inline-input-bg-focus)}.inline-autocomplete__input::selection{background-color:color-mix(in srgb,var(--accent),transparent 82%);color:inherit}.glass-panel{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:var(--glass-bg);border:1px solid var(--border);box-shadow:var(--raised-shadow)}@supports not (backdrop-filter: blur(1px)){.glass-panel{background:var(--glass-fallback-bg)}}#branding{display:flex;align-items:center;gap:var(--spacing-sm)}#branding .branding-link{display:inline-flex;align-items:center;opacity:.75;gap:var(--spacing-sm);transition:opacity var(--motion-hover) ease}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size);background:var(--color-bg);color:var(--color-text);box-shadow:var(--inset-shadow);cursor:pointer;transition:box-shadow var(--motion-gentle) ease,border-color var(--motion-gentle) ease,transform var(--motion-press) ease,background-color var(--motion-gentle) ease}.btn:hover{border-color:var(--accent);box-shadow:var(--raised-shadow),0 0 0 3px var(--accent-20),0 12px 28px var(--accent-10);background:linear-gradient(0deg,#3ba7f629,#3ba7f61f) var(--color-bg)}.btn:focus,.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--inset-shadow),0 0 0 2px var(--accent-20),0 8px 20px var(--accent-10)}.btn:active{transform:translateY(1px);box-shadow:var(--inset-shadow-disabled)}.btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:var(--inset-shadow-disabled)}.btn{font-weight:600}.btn-primary{background:linear-gradient(0deg,#3ba7f61f,#3ba7f61a) var(--color-bg);border-color:var(--accent-20);box-shadow:var(--raised-shadow),0 0 0 2px var(--accent-10);&:active{transform:translateY(1px);box-shadow:var(--inset-shadow-disabled)}&:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--raised-shadow),0 0 0 3px var(--accent-20),0 12px 28px var(--accent-10)}}.btn.dangerous{border-color:var(--danger-25);box-shadow:var(--raised-shadow),0 0 0 2px var(--danger-15);&:active{transform:translateY(1px);box-shadow:var(--inset-shadow-disabled)}&:hover{border-color:var(--color-danger);box-shadow:var(--raised-shadow),0 0 0 3px var(--danger-25),0 12px 28px var(--danger-20);background:linear-gradient(0deg,#d0003029,#d000301f) var(--color-danger);color:var(--color-bg)}&:focus-visible{outline:none;border-color:var(--color-danger);box-shadow:var(--raised-shadow),0 0 0 3px var(--danger-25),0 12px 28px var(--danger-20)}}.input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size);background:var(--glass-bg-alt);color:var(--color-text);box-shadow:var(--inset-shadow);transition:box-shadow var(--motion-calm) ease,border-color var(--motion-gentle) ease,background-color var(--motion-gentle) ease,transform var(--motion-tap) ease}.input::placeholder{opacity:.65}.input:hover{border-color:var(--accent-20);background:var(--glass-bg-alt-hover);box-shadow:var(--inset-shadow),0 0 0 2px var(--accent-30)}.input:focus,.input:focus-visible{outline:none;border-color:var(--accent);background:var(--glass-bg-strong);box-shadow:var(--inset-shadow),0 0 0 2px var(--accent-20),0 8px 22px var(--accent-10)}.input:active{transform:translateY(1px);box-shadow:var(--inset-shadow-disabled)}.input:disabled{cursor:not-allowed;opacity:.7;background:var(--glass-bg);box-shadow:var(--inset-shadow-disabled)}input[type=checkbox]{appearance:none;width:1.2rem;height:1.2rem;flex:0 0 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--color-bg);box-shadow:var(--inset-shadow);cursor:pointer;position:relative;transition:box-shadow var(--motion-gentle) ease,border-color var(--motion-gentle) ease,background-color var(--motion-gentle) ease}input[type=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:.6rem;height:.3rem;border-left:2px solid var(--color-bg);border-bottom:2px solid var(--color-bg);transform:translate(-50%,-60%) rotate(-45deg);opacity:0}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--accent-20),var(--inset-shadow);border-color:var(--accent)}.btn,.input{transition:all .3 ease}#errors{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:2000;display:grid;gap:var(--spacing-sm);padding:0 var(--spacing-md);margin:0;width:min(92vw,32rem);pointer-events:none}#errors:empty{display:none;padding:0;margin:0}.alert{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);width:100%;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--subtle-raised-shadow);font-family:var(--font-base);font-weight:600;line-height:1.4;transition:transform var(--motion-hover) ease,box-shadow var(--motion-hover) ease;background:var(--color-bg-alt);color:var(--color-text);pointer-events:auto;animation:toast-in .16s ease;&.alert--danger{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}&.alert--success{background:var(--color-success-bg);color:var(--color-success-text);border-color:color-mix(in srgb,var(--color-success-text),transparent 70%)}&:hover{box-shadow:var(--raised-shadow)}&.alert--leaving{animation:toast-out .18s ease forwards}}.alert__icon{font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center}.alert__message{min-width:0}.alert__close{border:none;background:none;color:inherit;font-size:1.4rem;cursor:pointer;line-height:1;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--motion-hover) ease,color var(--motion-hover) ease;&:hover,&:focus-visible{color:var(--accent-hover);background:color-mix(in srgb,currentColor,transparent 88%)}}.error-page{height:80vh;max-width:60rem;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;h1{color:var(--color-error-text);margin-bottom:var(--spacing-lg)}.home-button{text-decoration:none;background-color:var(--color-heading);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);box-shadow:var(--raised-shadow)}.home-button:hover{background-color:var(--color-heading)}}.is-hidden{visibility:hidden;pointer-events:none}.icon-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-heading);opacity:.45;transition:background var(--motion-gentle) ease,color var(--motion-gentle) ease,transform var(--motion-gentle) ease,opacity var(--motion-gentle) ease;&:hover{background:var(--accent-10);color:var(--accent);opacity:1;transform:scale(1.1)}&:active{background:var(--accent-20);color:var(--accent-active);opacity:1;transform:scale(.98)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:var(--accent-20);color:var(--accent-active);opacity:1}--icon-size: 1.25rem}.icon-btn .icon-mask{width:var(--icon-size);height:var(--icon-size)}.icon-mask{width:1rem;height:1rem;display:inline-block;background-color:currentColor;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat}.icon-chevron-left{--icon: url("../icons/chevron-left.svg")}.icon-chevron-right{--icon: url("../icons/chevron-right.svg")}.icon-circle-arrow-left{--icon: url("../icons/circle-arrow-left.svg")}.icon-circle-arrow-right{--icon: url("../icons/circle-arrow-right.svg")}.icon-chevron-up{--icon: url("../icons/chevron-up.svg")}.icon-chevron-down{--icon: url("../icons/chevron-down.svg")}.icon-search{--icon: url("../icons/search.svg")}.icon-calendar-days{--icon: url("../icons/calendar-days.svg")}.icon-arrow-down-a-z{--icon: url("../icons/arrow-down-a-z.svg")}.icon-arrow-up-a-z{--icon: url("../icons/arrow-up-a-z.svg")}.icon-arrow-up-0-1{--icon: url("../icons/arrow-up-0-1.svg")}.icon-arrow-up-1-0{--icon: url("../icons/arrow-up-1-0.svg")}.icon-arrow-down-1-0{--icon: url("../icons/arrow-down-1-0.svg")}.icon-chevrons-down-up{--icon: url("../icons/chevrons-down-up.svg")}.icon-book-open{--icon: url("../icons/book-open.svg")}.icon-book-marked{--icon: url("../icons/book-marked.svg")}.icon-tags{--icon: url("../icons/tags.svg")}.icon-chart-column{--icon: url("../icons/chart-column.svg")}.icon-user-round{--icon: url("../icons/user-round.svg")}.icon-log-out{--icon: url("../icons/log-out.svg")}.icon-bookmark{--icon: url("../icons/bookmark.svg")}.icon-bookmark-x{--icon: url("../icons/bookmark-x.svg")}.icon-tag{--icon: url("../icons/tag.svg")}.icon-trash{--icon: url("../icons/trash.svg")}.icon-x{--icon: url("../icons/x.svg")}.icon-heart-handshake{--icon: url("../icons/heart-handshake.svg")}.icon-menu{--icon: url("../icons/menu.svg")}.icon-image-plus{--icon: url("../icons/image-plus.svg")}.icon-maximize{--icon: url("../icons/maximize.svg")}.icon-reply{--icon: url("../icons/reply.svg")}.icon-entry-actions{--icon: url("../icons/message-circle-more.svg")}.icon-corner-down-left{--icon: url("../icons/corner-down-left.svg")}.icon-heart{--icon: url("../icons/heart.svg")}.icon-eye{--icon: url("../icons/eye.svg")}.icon-feather{--icon: url("../icons/feather.svg")}.icon-square{--icon: url("../icons/square.svg")}.icon-circle-arrow-right{--icon: url("../icons/circle-arrow-right.svg")}.icon-square-chevron-right{--icon: url("../icons/square-chevron-right.svg")}.icon-btn.active{background:var(--accent-15);color:var(--accent-active);opacity:1;box-shadow:inset 0 0 0 1px var(--accent-30)}.load-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;color:var(--color-text);opacity:.6}.load-indicator{width:.9rem;height:.9rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--border),transparent 35%);border-top-color:var(--accent);opacity:0;transition:opacity var(--motion-gentle) ease}.load-more.htmx-request .load-indicator{opacity:1;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:1.4rem;height:1.4rem;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:50%;background:color-mix(in srgb,var(--overlay-close-bg) 70%,transparent);color:var(--color-text-muted);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.overlay-close:hover{background:color-mix(in srgb,var(--overlay-close-hover-bg) 65%,transparent);color:var(--color-text);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.overlay-close:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px;background:var(--accent-25);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-active),transparent 70%)}.overlay-close:before{content:"";position:absolute;inset:-.5rem;border-radius:50%}.tooltip,.password-suggestions{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:var(--glass-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--raised-shadow);color:var(--color-text);font-size:.85rem;opacity:0;transition:opacity var(--motion-hover) ease}.tooltip{z-index:9999;pointer-events:none;padding:var(--spacing-xs) var(--spacing-sm);transform:translateY(4px) scale(.985);transition:opacity .18s ease,transform .18s ease;will-change:opacity,transform}.tooltip.visible,.suggestion-wrapper:hover .password-suggestions,.suggestion-wrapper:focus-within .password-suggestions,.password-suggestions:hover{opacity:1;transition-delay:var(--motion-delay-medium)}.tooltip.visible{transform:translateY(0) scale(1);transition-delay:40ms;@starting-style{opacity:0;transform:translateY(4px) scale(.985)}}.password-suggestions{transform:translateY(4px)}.suggestion-wrapper:hover .password-suggestions,.suggestion-wrapper:focus-within .password-suggestions,.password-suggestions:hover{transform:translateY(0)}.tooltip .tooltip-inner,.tooltip.visible .tooltip-inner{transform:none;transition:none}.password-strength{display:flex;align-items:center;gap:var(--spacing-xs);.suggestion-wrapper{position:relative}.info-icon{font-size:.75rem;font-weight:700;width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;border-radius:50%;border:1px solid var(--accent-20);color:var(--accent);cursor:default;display:inline-block;&:hover{border-color:var(--accent);box-shadow:var(--raised-shadow),0 0 0 2px var(--accent-10);background:linear-gradient(0deg,#3ba7f629,#3ba7f61f) var(--color-bg)}}.password-suggestions{position:absolute;left:0;width:16rem;max-width:80vw;padding:var(--spacing-sm);z-index:10;pointer-events:none;transition:opacity var(--motion-hover) ease,transform var(--motion-toggle) ease}.password-suggestions strong{display:block}.password-suggestions ul{margin:0;padding-left:1.2rem;margin-top:var(--spacing-xs)}.suggestion-wrapper:hover .password-suggestions,.suggestion-wrapper:focus-within .password-suggestions,.password-suggestions:hover{pointer-events:auto;transition-delay:var(--motion-delay-medium),0s}.strength-meter{flex:1;height:.5rem;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--border);box-shadow:var(--inset-shadow);.bar{display:block;height:100%;width:0%;border-radius:inherit;transition:width var(--motion-sigh) ease}.bar.strength-0,.bar.strength-1{background:var(--password-strength-1)}.bar.strength-2{background:var(--password-strength-2)}.bar.strength-3{background:var(--password-strength-3)}.bar.strength-4{background:var(--password-strength-4)}}}.no-anim{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.pop-enter{animation:lull-in var(--motion-lull) ease both}.pop-exit{animation:lull-out var(--motion-lull) ease both}.fade-enter{animation:fade-in var(--motion-lull) ease both}.fade-exit{animation:fade-out var(--motion-lull) ease both}@keyframes lull-in{0%{opacity:0;transform:translate3d(0,-6px,0) scale(.985);filter:blur(1px) saturate(.96)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0) saturate(1)}}@keyframes lull-out{0%{opacity:1;transform:translateZ(0) scale(1);filter:blur(0) saturate(1)}to{opacity:0;transform:translate3d(0,-6px,0) scale(.985);filter:blur(1px) saturate(.96)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.5rem) scale(.96)}}@layer tokens.core{@layer tokens.core{:root{color-scheme:light;--color-bg: #fafafa;--color-bg-alt: #f6f6f6;--color-user-bg: #f7fbff;--color-text: #343434;--color-heading: #222222;--color-user-text: #383838;--color-assistant-text: #4a4a4a;--color-surface: #ffffff;--accent: #36a6f4;--accent-hover: #1f97f2;--accent-active: #0e85de;--accent-05: rgba(54, 166, 244, .05);--accent-10: rgba(54, 166, 244, .1);--accent-15: rgba(54, 166, 244, .15);--accent-20: rgba(54, 166, 244, .18);--accent-30: rgba(54, 166, 244, .28);--accent-60: rgba(59, 167, 246, .6);--accent-drop-shadow: rgba(31, 151, 242, .45);--highlight-color: #fff7a0;--shadow-dark: rgba(0, 0, 0, .08);--shadow-dark-02: rgba(0, 0, 0, .03);--shadow-light: rgba(255, 255, 255, .92);--shadow-light-60: rgba(255, 255, 255, .64);--raised-shadow: 0 4px 10px var(--shadow-dark), 0 1px 2px rgba(0, 0, 0, .05);--subtle-raised-shadow: 0 2px 4px var(--shadow-dark-02), 0 1px 2px rgba(0, 0, 0, .04);--soft-outline-shadow: 0 0 0 1px rgba(0, 0, 0, .03);--inset-shadow: inset 1px 1px 3px rgba(0, 0, 0, .08), inset -1px -1px 3px var(--shadow-light);--inset-shadow-disabled: inset 1px 1px 2px rgba(0, 0, 0, .04), inset -1px -1px 2px rgba(255, 255, 255, .82);--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--border-user: rgba(54, 166, 244, .3);--radius-sm: .4rem;--radius-md: .8rem;--radius-lg: 1.2rem;--spacing-xs: .4rem;--spacing-sm: .6rem;--spacing-md: .9rem;--spacing-lg: 1.2rem;--spacing-xl: 1.6rem;--font-base: system-ui, sans-serif;--text-shadow-soft: 0 0 2px rgba(0, 0, 0, .22);--color-text-muted: #666666;--color-error-bg: #ffe5e8;--color-error-bg-alt: #ffdce0;--color-error-text: #9a0016;--color-error-hover: #630010;--color-error-border: #d8001d;--color-success-bg: #e6fff1;--color-success-bg-alt: #ecfff4;--color-success-text: #0a6a37;--color-danger: #c8002e;--color-danger-bg: #fff7f8;--color-danger-mix: #ff4d4f;--danger-15: rgba(200, 0, 46, .15);--danger-20: rgba(200, 0, 46, .2);--danger-25: rgba(200, 0, 46, .25);--color-white: #fff;--color-black: #000;--scroll-btn-color: rgba(0, 0, 0, .66);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .76);--glass-bg-strong-hover: rgba(255, 255, 255, .82);--glass-bg-alt: rgba(255, 255, 255, .92);--glass-bg-alt-hover: rgba(255, 255, 255, .96);--glass-fallback-bg: rgba(250, 250, 250, .98);--glass-bg-opaque: rgba(250, 250, 250, .98);--glass-text-muted: rgba(0, 0, 0, .72);--glass-text-strong: rgba(0, 0, 0, .8);--glass-text-stronger: rgba(0, 0, 0, .92);--tag-remove-bg: rgba(0, 0, 0, .48);--tag-remove-bg-hover: #000;--action-reply: color-mix(in srgb, var(--accent) 55%, var(--color-text-muted));--action-acknowledge: color-mix(in srgb, var(--color-danger-mix) 45%, var(--color-text-muted));--action-notice: color-mix(in srgb, var(--highlight-color) 55%, var(--color-text-muted));--action-edit-save: color-mix(in srgb, #2bd16b 85%, var(--color-text));--action-edit-save-bg: color-mix(in srgb, #2bd16b 16%, transparent);--action-edit-save-glow: color-mix(in srgb, #2bd16b 26%, transparent);--action-edit-cancel: color-mix(in srgb, var(--color-danger) 75%, var(--color-text));--action-edit-cancel-bg: color-mix(in srgb, var(--color-danger) 12%, transparent);--action-edit-cancel-glow: color-mix(in srgb, var(--color-danger) 24%, transparent);--action-tint: 6%;--assistant-bubble-bg: #f9fafb;--assistant-bubble-border: rgba(54, 166, 244, .18);--assistant-bubble-text: var(--color-assistant-text);--assistant-bubble-icon: rgba(54, 166, 244, .65);--password-strength-1: #ff6b6b;--password-strength-2: #feca57;--password-strength-3: #8bc34a;--password-strength-4: #4caf50;--pulse-bg-start: rgba(255, 255, 255, .86);--pulse-bg-mid: rgba(235, 235, 235, .8);--pulse-bg-end: rgba(250, 250, 250, .86);--motion-tap: 50ms;--motion-snap: 60ms;--motion-press: 80ms;--motion-toggle: .1s;--motion-tight: .12s;--motion-hover: .15s;--motion-lull: .16s;--motion-fade: .18s;--motion-gentle: .2s;--motion-lilt: .22s;--motion-calm: .25s;--motion-pulse: .28s;--motion-sigh: .3s;--motion-delay-short: .4s;--motion-delay-medium: .5s;--motion-blink: 1s;--motion-exhale: 1.2s;--motion-wave: 2.4s;--motion-breathe: 6s;--overlay-close-bg: rgba(0, 0, 0, .1);--overlay-close-hover-bg: rgba(0, 0, 0, .18);--line-height: 1.6;--font-size: 12pt;--brand-text: #242323;--brand-bg: #eeeeec;--brand-muted: #b1b0ae;--brand-accent: #6f6e6c;--brand-accent-08: color-mix(in srgb, var(--brand-accent), transparent 92%);--brand-accent-15: color-mix(in srgb, var(--brand-accent), transparent 85%);--brand-accent-25: color-mix(in srgb, var(--brand-accent), transparent 75%);--brand-warm: #b52d10;--brand-warm-08: color-mix(in srgb, var(--brand-warm), transparent 92%);--brand-warm-20: color-mix(in srgb, var(--brand-warm), transparent 80%)}}}@layer tokens.dark{@layer tokens.dark{:root{--color-bg-dark: #0d0f12;--color-bg-alt-dark: #12151a;--color-user-bg-dark: #161a20;--color-text-dark: #f0f1f4;--color-heading-dark: #fafbfc;--color-user-text-dark: #f2f3f6;--color-assistant-text-dark: #d8dbe0;--color-surface-dark: #0f1318;--accent-dark: #6fb7e6;--accent-hover-dark: #86c3ea;--accent-active-dark: #a0ceee;--accent-05-dark: rgba(111, 183, 230, .12);--accent-10-dark: rgba(111, 183, 230, .18);--accent-15-dark: rgba(111, 183, 230, .22);--accent-20-dark: rgba(111, 183, 230, .26);--accent-30-dark: rgba(111, 183, 230, .36);--accent-60-dark: rgba(140, 196, 235, .58);--accent-drop-shadow-dark: rgba(120, 180, 220, .28);--highlight-color-dark: rgba(252, 204, 83, .78);--shadow-dark-dark: rgba(0, 0, 0, .7);--shadow-dark-02-dark: rgba(0, 0, 0, .42);--shadow-light-dark: rgba(255, 255, 255, .1);--shadow-light-60-dark: rgba(255, 255, 255, .22);--raised-shadow-dark: 0 12px 28px rgba(0, 0, 0, .55), 0 4px 10px rgba(0, 0, 0, .32);--subtle-raised-shadow-dark: 0 4px 10px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .26);--soft-outline-shadow-dark: 0 0 0 1px rgba(255, 255, 255, .08);--inset-shadow-dark: inset 1px 1px 2px rgba(255, 255, 255, .04), inset -1px -1px 2px rgba(0, 0, 0, .42);--inset-shadow-disabled-dark: inset 1px 1px 2px rgba(255, 255, 255, .02), inset -1px -1px 2px rgba(0, 0, 0, .34);--border-dark: rgba(230, 231, 234, .14);--border-strong-dark: rgba(230, 231, 234, .28);--border-user-dark: rgba(120, 180, 220, .32);--color-text-muted-dark: #b3b8c0;--color-error-bg-dark: #2a1b1f;--color-error-bg-alt-dark: #311f24;--color-error-text-dark: #ffb7c4;--color-error-text-strong-dark: #ffd8df;--color-error-hover-dark: #ff93a6;--color-success-bg-dark: #0f2420;--color-success-bg-alt-dark: #122a25;--color-success-text-dark: #a7f5d0;--color-danger-dark: #ff5c78;--color-danger-bg-dark: #2f1721;--color-danger-mix-dark: #ff8aa7;--danger-15-dark: rgba(255, 92, 120, .24);--danger-20-dark: rgba(255, 92, 120, .3);--danger-25-dark: rgba(255, 92, 120, .36);--scroll-btn-color-dark: rgba(255, 255, 255, .72);--glass-bg-dark: rgba(16, 18, 21, .76);--glass-bg-hover-dark: rgba(22, 25, 30, .82);--glass-bg-strong-dark: rgba(14, 16, 19, .86);--glass-bg-strong-hover-dark: rgba(17, 20, 24, .9);--glass-bg-alt-dark: rgba(20, 23, 28, .92);--glass-bg-alt-hover-dark: rgba(24, 27, 33, .94);--glass-fallback-bg-dark: #111418;--glass-text-muted-dark: rgba(230, 231, 234, .72);--glass-text-strong-dark: rgba(238, 239, 241, .86);--glass-text-stronger-dark: rgba(248, 249, 250, .95);--tag-remove-bg-dark: rgba(163, 168, 176, .45);--tag-remove-bg-hover-dark: rgba(163, 168, 176, .82);--password-strength-1-dark: #ff8080;--password-strength-2-dark: #ffd166;--password-strength-3-dark: #7dd3fc;--password-strength-4-dark: #34d399;--pulse-bg-start-dark: rgba(16, 18, 21, .86);--pulse-bg-mid-dark: rgba(16, 18, 21, .76);--pulse-bg-end-dark: rgba(16, 18, 21, .86);--overlay-close-bg-dark: rgba(255, 255, 255, .08);--overlay-close-hover-bg-dark: rgba(230, 231, 234, .18);--brand-text-dark: #e6e7ea;--brand-bg-dark: #0c0e12;--brand-muted-dark: #545961;--brand-accent-dark: #8aa1b8;--brand-accent-08-dark: color-mix(in srgb, var(--brand-accent-dark), transparent 92%);--brand-accent-15-dark: color-mix(in srgb, var(--brand-accent-dark), transparent 85%);--brand-accent-25-dark: color-mix(in srgb, var(--brand-accent-dark), transparent 75%);--brand-warm-dark: #f97316;--brand-warm-08-dark: color-mix(in srgb, var(--brand-warm-dark), transparent 92%);--brand-warm-20-dark: color-mix(in srgb, var(--brand-warm-dark), transparent 80%)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: var(--color-bg-dark);--color-bg-alt: var(--color-bg-alt-dark);--color-user-bg: var(--color-user-bg-dark);--color-text: var(--color-text-dark);--color-heading: var(--color-heading-dark);--color-user-text: var(--color-user-text-dark);--color-assistant-text: var(--color-assistant-text-dark);--color-surface: var(--color-surface-dark);--color-text-muted: var(--color-text-muted-dark);--accent: var(--accent-dark);--accent-hover: var(--accent-hover-dark);--accent-active: var(--accent-active-dark);--accent-05: var(--accent-05-dark);--accent-10: var(--accent-10-dark);--accent-15: var(--accent-15-dark);--accent-20: var(--accent-20-dark);--accent-30: var(--accent-30-dark);--accent-60: var(--accent-60-dark);--accent-drop-shadow: var(--accent-drop-shadow-dark);--highlight-color: var(--highlight-color-dark);--shadow-dark: var(--shadow-dark-dark);--shadow-dark-02: var(--shadow-dark-02-dark);--shadow-light: var(--shadow-light-dark);--shadow-light-60: var(--shadow-light-60-dark);--raised-shadow: var(--raised-shadow-dark);--subtle-raised-shadow: var(--subtle-raised-shadow-dark);--inset-shadow: var(--inset-shadow-dark);--inset-shadow-disabled: var(--inset-shadow-disabled-dark);--border: var(--border-dark);--border-strong: var(--border-strong-dark);--border-user: var(--border-user-dark);--color-error-bg: var(--color-error-bg-dark);--color-error-bg-alt: var(--color-error-bg-alt-dark);--color-error-text: var(--color-error-text-dark);--color-error-text-dark: var(--color-error-text-strong-dark);--color-error-hover: var(--color-error-hover-dark);--color-success-bg: var(--color-success-bg-dark);--color-success-bg-alt: var(--color-success-bg-alt-dark);--color-success-text: var(--color-success-text-dark);--color-danger: var(--color-danger-dark);--color-danger-bg: var(--color-danger-bg-dark);--color-danger-mix: var(--color-danger-mix-dark);--danger-15: var(--danger-15-dark);--danger-20: var(--danger-20-dark);--danger-25: var(--danger-25-dark);--scroll-btn-color: var(--scroll-btn-color-dark);--glass-bg: var(--glass-bg-dark);--glass-bg-hover: var(--glass-bg-hover-dark);--glass-bg-strong: var(--glass-bg-strong-dark);--glass-bg-strong-hover: var(--glass-bg-strong-hover-dark);--glass-bg-alt: var(--glass-bg-alt-dark);--glass-bg-alt-hover: var(--glass-bg-alt-hover-dark);--glass-fallback-bg: var(--glass-fallback-bg-dark);--glass-bg-opaque: var(--glass-fallback-bg-dark);--glass-text-muted: var(--glass-text-muted-dark);--glass-text-strong: var(--glass-text-strong-dark);--glass-text-stronger: var(--glass-text-stronger-dark);--tag-remove-bg: var(--tag-remove-bg-dark);--tag-remove-bg-hover: var(--tag-remove-bg-hover-dark);--password-strength-1: var(--password-strength-1-dark);--password-strength-2: var(--password-strength-2-dark);--password-strength-3: var(--password-strength-3-dark);--password-strength-4: var(--password-strength-4-dark);--pulse-bg-start: var(--pulse-bg-start-dark);--pulse-bg-mid: var(--pulse-bg-mid-dark);--pulse-bg-end: var(--pulse-bg-end-dark);--overlay-close-bg: var(--overlay-close-bg-dark);--overlay-close-hover-bg: var(--overlay-close-hover-bg-dark);--brand-text: var(--brand-text-dark);--brand-bg: var(--brand-bg-dark);--brand-muted: var(--brand-muted-dark);--brand-accent: var(--brand-accent-dark);--brand-accent-08: var(--brand-accent-08-dark);--brand-accent-15: var(--brand-accent-15-dark);--brand-accent-25: var(--brand-accent-25-dark);--brand-warm: var(--brand-warm-dark);--brand-warm-08: var(--brand-warm-08-dark);--brand-warm-20: var(--brand-warm-20-dark)}}}}#branding{margin:0 auto;width:fit-content;display:flex;align-items:center;justify-content:center;.logo{height:5rem;width:auto;padding:var(--spacing-sm);display:block}}.form-container{max-width:400px;margin:10vh auto;padding:var(--spacing-xl);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 45%,transparent 55%);box-shadow:var(--subtle-raised-shadow);font-family:var(--font-base);h1{text-align:center;color:var(--color-heading);margin-bottom:var(--spacing-lg)}form{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert{margin-bottom:var(--spacing-sm)}h2{font-size:1em;border-bottom:1px solid var(--border);margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-md)}p{text-align:center;margin-top:var(--spacing-sm)}.warning{margin-bottom:var(--spacing-lg)}a{color:var(--color-text);text-decoration:underline;transition:color var(--motion-hover) ease,text-shadow var(--motion-hover) ease;&:hover{color:var(--accent);text-shadow:0 0 0 rgba(0,0,0,0)}}#recovery{font-size:1.4rem;font-family:monospace;border:1px solid var(--border);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg);user-select:all;display:block;width:max-content;margin:var(--spacing-md) auto;text-align:center}.recovery-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.back,.continue{text-align:center;border-top:1px solid var(--shadow-light);padding-top:var(--spacing-lg)}.back,.acknowledge{margin-top:var(--spacing-xl)}.acknowledge-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.acknowledge-label span{line-height:1.2}}body[data-entry=auth-forms] .form-container h1{font-size:1.4rem;font-weight:600;margin-bottom:var(--spacing-md);letter-spacing:.01em}body[data-entry=recovery] .form-container{max-width:520px;margin:8vh auto;background:var(--color-bg-alt)}body[data-entry=recovery] .form-container h1{text-align:left;margin-bottom:var(--spacing-xs);font-weight:600}body[data-entry=recovery] .form-container .warning{text-align:left;margin:0 0 var(--spacing-md);color:var(--color-text-muted);font-size:.95rem;line-height:1.5}body[data-entry=recovery] .form-container #recovery{font-size:1.45rem;letter-spacing:.08em;font-weight:600;border:1px solid color-mix(in srgb,var(--border) 85%,transparent 15%);background:color-mix(in srgb,var(--color-bg) 88%,var(--color-bg-alt));box-shadow:var(--soft-outline-shadow);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);text-align:center;width:100%}body[data-entry=recovery] .form-container .recovery-actions{gap:var(--spacing-xs);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}body[data-entry=recovery] .form-container .recovery-actions .btn{font-size:.85rem;padding:.35rem .8rem;opacity:.6;background:transparent;border-color:color-mix(in srgb,var(--border) 45%,transparent 55%);box-shadow:none;transition:border-color var(--motion-gentle) ease,color var(--motion-gentle) ease,background-color var(--motion-gentle) ease}body[data-entry=recovery] .form-container .recovery-actions .btn:hover,body[data-entry=recovery] .form-container .recovery-actions .btn:focus-visible{opacity:.85;border-color:color-mix(in srgb,var(--border) 70%,transparent 30%);background-color:color-mix(in srgb,var(--color-bg) 90%,var(--color-bg-alt))}body[data-entry=recovery] .form-container .acknowledge{margin-top:var(--spacing-lg);border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent 60%);padding-top:var(--spacing-md)}body[data-entry=recovery] .form-container .acknowledge-label{gap:var(--spacing-md);align-items:flex-start}body[data-entry=recovery] .form-container .acknowledge-label span{line-height:1.5;max-width:34rem;opacity:.85;color:var(--color-text)}body[data-entry=recovery] .form-container .continue{margin-top:var(--spacing-md);border-top:none;padding-top:0;text-align:center}body[data-entry=recovery] .form-container .continue .btn-primary{background:var(--color-bg);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--color-text);box-shadow:none;padding:.6rem 1.2rem;transition:box-shadow var(--motion-gentle) ease,border-color var(--motion-gentle) ease,background-color var(--motion-gentle) ease,transform var(--motion-tap) ease}body[data-entry=recovery] .form-container .continue .btn-primary:disabled{opacity:.4;border-color:color-mix(in srgb,var(--border) 55%,transparent 45%)}body[data-entry=recovery] .form-container .continue .btn-primary:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--soft-outline-shadow),0 0 0 2px color-mix(in srgb,var(--accent-20) 55%,transparent 45%)}body[data-entry=recovery] .form-container .continue .btn-primary:active{transform:translateY(1px);box-shadow:var(--inset-shadow-disabled)}