:root{--bg-main:#0e0e0f;--bg-sub:#171719;--bg-accent:#7c4dff;--bg-accent-hover:#651fff;--bg-accent-disabled:#2a2a2d;--border-color:#2a2a2d;--border-color-focus:#5e35b1;--text-main:#f2f2f2;--text-sub:#a5a5aa;--text-muted:#62626a;--text-on-accent:#fff;--color-error:#d32f2f;--color-success:#388e3c;--color-warning:#f57c00;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;--max-width:480px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);justify-content:center;min-height:100dvh;display:flex;overflow-x:hidden}#root{width:100%;max-width:var(--max-width);background-color:var(--bg-main);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;min-height:100dvh;display:flex}h1{color:var(--text-main);font-size:24px;font-weight:700;line-height:1.3}h2{color:var(--text-main);font-size:18px;font-weight:600;line-height:1.4}h3{color:var(--text-main);font-size:16px;font-weight:500;line-height:1.4}p{color:var(--text-sub);font-size:14px;line-height:1.6}small{color:var(--text-muted);font-size:12px}button,input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}button{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s,background-color .2s}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{flex-direction:column;min-height:100dvh;display:flex;position:relative}.content-area{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-bar{background-color:var(--bg-sub);border-top:1px solid var(--border-color);height:64px;padding:0 var(--spacing-md);z-index:100;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-sub);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:60px;height:100%;font-size:10px;text-decoration:none;display:flex}.nav-item.active{color:var(--bg-accent)}.nav-item-icon{width:20px;height:20px;margin-bottom:2px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}