:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #222222;--tg-theme-hint-color: #888888;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f4f5f7;--qimam-primary: #10b981;--qimam-warning: #f59e0b;--qimam-danger: #ef4444;--qimam-surface: var(--tg-theme-secondary-bg-color);--transition-speed: .2s}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);overflow-x:hidden;line-height:1.6}#app-container{padding:16px;max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.screen-fade-in{animation:fadeIn var(--transition-speed) ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--qimam-surface);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(0,0,0,.05)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background var(--transition-speed) ease;margin-top:8px}.btn-primary{background-color:var(--qimam-primary);color:#fff}.btn-tg{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.btn-outline{background-color:transparent;border:2px solid var(--tg-theme-hint-color);color:var(--tg-theme-text-color)}.progress-bar-container{background-color:#0000001a;border-radius:6px;height:12px;overflow:hidden;margin:12px 0}.progress-bar-fill{background-color:var(--qimam-primary);height:100%;width:0%;transition:width .1s linear}.visualizer-container{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:60px;background:#00000010;border-radius:8px;padding:8px;margin:12px 0}.visualizer-bar{width:6px;height:10%;background-color:var(--qimam-primary);border-radius:3px;transition:height .05s ease}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}.checklist-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--qimam-primary);cursor:pointer;margin-top:4px}.ultra-safe-mode{--qimam-surface: #ffffff;border:2px dashed #000000}.ultra-safe-mode *{animation:none!important;transition:none!important}
