:root{--surface-0:#eaeaea;--surface-1:transparent;--surface-2:#e0e0e0;--surface-3:#d5d5d5;--text-primary:#1e1e1e;--text-secondary:#1e1e1e99;--text-tertiary:#1e1e1e55;--border-subtle:#1e1e1e22;--border-default:#1e1e1e;--border-focus:#1e1e1e;--status-green:#166534;--status-green-muted:#dcfce7;--status-amber:#92400e;--status-amber-muted:#fef3c7;--status-red:#991b1b;--status-red-muted:#fee2e2;--status-blue:#1e40af;--button-bg:#1e1e1e;--button-text:#eaeaea;--button-ghost-hover:#1e1e1e11;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font-sans:"Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Menlo", "Consolas", monospace;--font-emoji:"Noto Emoji", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-hero:2.5rem;--leading-tight:1.2;--leading-normal:1.5;--tracking-tight:-.01em;--tracking-smallcaps:.08em}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:300;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.text-hero{font-size:var(--text-hero);line-height:var(--leading-tight);font-weight:700}.text-xl{font-size:var(--text-xl);line-height:var(--leading-tight);font-weight:600}.text-lg{font-size:var(--text-lg);line-height:var(--leading-tight);font-weight:500}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.font-emoji{font-family:var(--font-emoji)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-green{color:var(--status-green)}.text-red{color:var(--status-red)}.text-blue{color:var(--status-blue)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.label{font-size:var(--text-xs);letter-spacing:var(--tracking-smallcaps);text-transform:uppercase;color:var(--text-secondary);font-weight:400}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--surface-0);flex-direction:column;display:flex}.app-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.app-main{padding:var(--space-4);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-nav{border-top:1px solid var(--border-default);background:var(--surface-0);padding-bottom:var(--safe-bottom);display:flex}.app-nav a{align-items:center;gap:var(--space-1);padding:var(--space-3) 0;font-size:var(--text-xs);letter-spacing:var(--tracking-smallcaps);text-transform:uppercase;color:var(--text-tertiary);flex-direction:column;flex:1;font-weight:400;text-decoration:none;display:flex}.app-nav a.active{color:var(--text-primary)}.relative{position:relative}.absolute{position:absolute}.z-50{z-index:50}.dropdown-menu{background:var(--surface-0);border:1px solid var(--border-default);box-shadow:none;border-radius:4px;top:100%}.dropdown-item{color:var(--text-primary);text-decoration:none;transition:background-color .1s}.dropdown-item:active{background-color:var(--button-ghost-hover)}.fullscreen-overlay{z-index:1000;padding:var(--space-6);background:var(--surface-0);color:var(--text-primary);padding-top:calc(var(--space-6) + var(--safe-top));padding-bottom:calc(var(--space-6) + var(--safe-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.card{border:1px solid var(--border-default);padding:var(--space-4);background:0 0;border-radius:0}.section-header{margin-bottom:var(--space-4);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-2);align-items:center;gap:0;display:flex}.section-header:before{content:none}.section-header span{font-size:var(--text-xs);letter-spacing:var(--tracking-smallcaps);text-transform:uppercase;color:var(--text-secondary);font-weight:400}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-smallcaps);text-transform:uppercase;border:1px dotted var(--text-tertiary);color:var(--text-primary);background:0 0;border-radius:3px;font-weight:400;display:inline-flex}.badge--green{border-color:var(--status-green);color:var(--status-green);background:0 0}.badge--amber{border-color:var(--status-amber);color:var(--status-amber);background:0 0}.badge--red{border-color:var(--status-red);color:var(--status-red);background:0 0}.btn-primary{background:var(--button-bg);color:var(--button-text);border:1px solid var(--button-bg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:var(--tracking-smallcaps);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;width:100%;min-height:48px;font-weight:400;transition:opacity .1s;display:flex}.btn-primary:active{opacity:.8}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:var(--tracking-smallcaps);cursor:pointer;background:0 0;border-radius:99px;justify-content:center;align-items:center;width:100%;min-height:48px;font-weight:400;display:flex}.btn-ghost:active{background:var(--button-ghost-hover)}.numpad{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:100%;max-width:320px;margin:0 auto;display:grid}.numpad-key{aspect-ratio:1.5;border:1px solid var(--border-default);font-size:var(--text-xl);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;justify-content:center;align-items:center;min-height:48px;font-weight:300;display:flex}.numpad-key:active{background:var(--button-ghost-hover)}input,select,textarea{font-family:var(--font-sans);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-3);font-weight:300;font-size:var(--text-base);box-sizing:border-box;background:0 0;border-radius:0;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--text-primary);outline:none}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select{appearance:none}.app-footer{justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.app-footer a{color:var(--text-tertiary);text-decoration:none}.app-footer a:active{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.pl-4{padding-left:var(--space-4)}.max-w-md{max-width:440px}.max-w-sm{max-width:360px}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.list-decimal{list-style-type:decimal}.rounded{border-radius:4px}.italic{font-style:italic}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}