.key-tonic-root{--_aqua: #03e2ff;--_black: #222529;--_blue: #447dfc;--_green: #69ea0e;--_grey_lighter: #e3e3e8;--_orange: #ffaf03;--_pink: #ff6bb5;--_purple: #8103ff;--_red: #ff2603;--_yellow: #ffe102;--_white: #fdfdfd;--ink: #18181a;--muted: #6b6f76;--border: #d8d8de;--surface: #f3f3f6;--surface-2: #e9e9ee;--bg: #f7f7f9;--page: #0f0f14;--phone-width: 390px;--phone-height: 844px;flex:1 1 auto;min-height:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.key-tonic-root button,.key-tonic-root select{font:inherit}.key-tonic-root button{touch-action:manipulation}.key-tonic-root .app-shell{display:flex;flex-direction:column;width:100%;max-width:1024px;height:100%;margin-inline:auto;background:var(--bg);color:var(--ink)}.key-tonic-root .app-header{position:sticky;top:0;z-index:50;flex-shrink:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.key-tonic-root .app-header-inner{display:flex;align-items:center;justify-content:center;padding:10px 16px 12px}.key-tonic-root .app-logo{display:block;width:min(220px,72%);height:auto}.key-tonic-root .app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:0;scrollbar-width:none}.key-tonic-root .app-main::-webkit-scrollbar{display:none}.key-tonic-root .app-footer{flex-shrink:0;padding:24px 16px 0;text-align:center;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.45}.key-tonic-root .app-footer p{margin:0}@media(max-width:480px){.key-tonic-root .app-header{padding-top:env(safe-area-inset-top)}.key-tonic-root .app-main{padding-bottom:16px}.key-tonic-root .app-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}