*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-input: #1e293b;--border: #334155;--border-focus: #6366f1;--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #6366f1;--primary-hover: #818cf8;--primary-glow: rgba(99, 102, 241, .15);--green: #22c55e;--green-hover: #16a34a;--red: #ef4444;--red-hover: #dc2626;--yellow: #eab308;--radius: 12px;--radius-sm: 8px;--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)}html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;padding-left:var(--safe-left);padding-right:var(--safe-right)}#root{height:100%;overflow:hidden}.app-page{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.app-page-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:var(--safe-bottom)}a{color:var(--primary-hover);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;min-width:44px;min-height:44px;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-sm);padding:10px 20px;background:var(--primary);color:#fff;transition:background .15s,transform .1s,box-shadow .15s}button:hover{background:var(--primary-hover)}button:active{transform:scale(.97)}button:disabled{background:var(--text-dim);cursor:not-allowed;transform:none}input{min-height:44px;font-size:1rem;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;background:var(--bg-input);color:var(--text);transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--text-dim)}input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.container{max-width:480px;margin:0 auto;padding:16px}@media(min-width:768px){.container{max-width:960px}}