*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0d0d0f;color:#f5f5f5;min-height:100dvh;min-width:390px;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:#3c3;text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}ul,ol{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.375rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}.text-secondary{color:#a0a0a8}.text-muted{color:#6b6b73}.text-primary{color:#3c3}.text-accent{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:#3c3;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2bb52b}.btn-secondary{background-color:#1a1a1e;color:#f5f5f5;border:1px solid #2A2A2E}.btn-secondary:hover:not(:disabled){background-color:#2a2a2e}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-accent{background-color:#10b981;color:#fff}.btn-accent:hover:not(:disabled){background-color:#059669}.btn-ghost{background:transparent;color:#a0a0a8;min-height:44px;padding:.5rem .75rem}.btn-ghost:hover:not(:disabled){color:#f5f5f5}.btn-block{width:100%}.card{background-color:#1a1a1e;border:1px solid #2A2A2E;border-radius:12px;padding:1.25rem}.input,.select,.textarea{display:block;width:100%;min-height:48px;padding:.75rem 1rem;background-color:#1a1a1e;border:1px solid #2A2A2E;border-radius:10px;color:#f5f5f5;font-size:1rem;transition:border-color .15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#3c3}.input::placeholder,.textarea::placeholder{color:#6b6b73}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23A0A0A8' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.textarea{min-height:96px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:#a0a0a8}.form-error{color:#ef4444;font-size:.875rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-green{background-color:#10b98126;color:#10b981}.badge-amber{background-color:#f59e0b26;color:#f59e0b}.badge-red{background-color:#ef444426;color:#ef4444}.badge-blue{background-color:#3b82f626;color:#3c3}.badge-gray{background-color:#6b6b7326;color:#a0a0a8}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;background-color:#1a1a1e;border-top:1px solid #2A2A2E;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:56px;padding:.5rem 0;color:#6b6b73;font-size:.625rem;font-weight:500;text-decoration:none;transition:color .15s;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tab-item:hover{color:#a0a0a8;text-decoration:none}.tab-item.active{color:#3c3}.tab-item svg{width:24px;height:24px}.tab-content{flex:1;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));overflow-y:auto}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem}.spinner{width:40px;height:40px;border:3px solid #2A2A2E;border-top-color:#3c3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-message{color:#a0a0a8;font-size:.9375rem;text-align:center;animation:fadeInOut .6s ease}@keyframes fadeInOut{0%{opacity:.4}to{opacity:1}}.page{padding:1.25rem;max-width:600px;margin:0 auto;width:100%}.page-header{margin-bottom:1.25rem}.stack{display:flex;flex-direction:column;gap:1rem}.stack-sm{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;align-items:center;gap:.75rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.divider{height:1px;background-color:#2a2a2e;margin:.75rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-group{display:flex;background-color:#1a1a1e;border:1px solid #2A2A2E;border-radius:10px;overflow:hidden}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#6b6b73;cursor:pointer;transition:background-color .15s,color .15s;border:none;background:transparent}.toggle-option.active{background-color:#3c3;color:#fff}.warning-box{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:.875rem 1rem;color:#f59e0b;font-size:.9375rem}.info-box{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:.875rem 1rem;color:#3c3;font-size:.9375rem}.checkbox-row{display:flex;align-items:center;gap:.625rem;min-height:44px;cursor:pointer}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:#33cc33;cursor:pointer}.error-banner{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.875rem 1rem;color:#ef4444;font-size:.9375rem}.expandable-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;-webkit-user-select:none;user-select:none}