:root{--att-surface:#f8fafc;--att-surface-container:#eaeef2;--att-surface-container-low:#f0f4f8;--att-surface-container-high:#e4e9ed;--att-surface-container-highest:#dfe3e7;--att-surface-container-lowest:#fff;--att-surface-variant:#dfe3e7;--att-on-surface:#171c1f;--att-on-surface-variant:#434655;--att-primary:#004ac6;--att-primary-container:#2563eb;--att-primary-fixed:#dbe1ff;--att-primary-fixed-dim:#b4c5ff;--att-secondary:#006c49;--att-secondary-container:#6cf8bb;--att-on-secondary-container:#00714d;--att-tertiary:#632ecd;--att-tertiary-container:#7d4ce7;--att-tertiary-fixed:#e9ddff;--att-tertiary-fixed-dim:#d0bcff;--att-error:#ba1a1a;--att-error-container:#ffdad6;--att-on-error-container:#93000a;--att-outline:#737686;--att-outline-variant:#c3c6d7}.att-page{background:var(--att-surface);max-width:512px;min-height:100vh;margin:0 auto;padding:80px 20px 100px}.att-card{background:var(--att-surface-container-lowest);border:1px solid #dfe3e733;border-radius:1.5rem;box-shadow:0 4px 16px -4px #0000000a}.att-card-interactive{background:var(--att-surface-container-lowest);border:1px solid #dfe3e780;border-radius:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000a}.att-card-interactive:active{transform:scale(.98)}.att-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#f8fafce6;border-bottom:1px solid #dfe3e74d;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.att-headline{font-family:var(--font-manrope), sans-serif;color:var(--att-on-surface);letter-spacing:-.02em;font-weight:800}.att-title{font-family:var(--font-manrope), sans-serif;color:var(--att-on-surface);font-weight:700}.att-body{font-family:var(--font-inter), var(--font-noto-sans-kr), sans-serif;color:var(--att-on-surface);font-weight:400}.att-label{font-family:var(--font-inter), var(--font-noto-sans-kr), sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.att-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:6px 12px;font-size:10px;font-weight:700}.att-badge-success{color:var(--att-on-secondary-container);border:1px solid var(--att-secondary-container);background:#6cf8bb99}.att-badge-error{color:var(--att-on-error-container);background:#ffdad666;border:1px solid #ffdad680}.att-badge-pending{background:var(--att-primary-fixed);color:var(--att-primary)}.att-btn-primary{background:var(--att-primary);color:#fff;font-family:var(--font-manrope), sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:1.5rem;font-weight:700;transition:all .2s;box-shadow:0 12px 24px -8px #004ac666}.att-btn-primary:active{transform:scale(.97)}.att-btn-secondary{background:var(--att-surface-container-highest);color:var(--att-outline-variant);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:1rem;font-weight:700;transition:all .2s}.att-btn-secondary:active{transform:scale(.95)}.att-btn-bible-active{background:var(--att-primary-container);color:#fff;box-shadow:0 8px 16px -4px #2563eb4d}.att-btn-verse-active{background:var(--att-tertiary-container);color:#fff;box-shadow:0 8px 16px -4px #7d4ce74d}.att-btn-absent-active{background:var(--att-error-container);color:var(--att-on-error-container);box-shadow:0 8px 16px -4px #ba1a1a33}.att-bottom-nav{z-index:50;padding:6px 24px calc(12px + env(safe-area-inset-bottom)) 24px;-webkit-backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #dfe3e733;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.att-nav-item{-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 20px;text-decoration:none;transition:all .2s;display:flex}.att-nav-item-active .att-nav-icon{background:#dbe1ff80;border-radius:9999px;padding:2px 16px}.att-icon-btn{width:40px;height:40px;color:var(--att-on-surface-variant);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:flex}.att-icon-btn:hover{background:var(--att-surface-container-high)}.att-icon-btn:active{transform:scale(.95)}.att-stat-card{background:var(--att-surface-container-lowest);text-align:center;border-radius:1rem;padding:16px;box-shadow:0 1px 3px #0000000a}.att-stat-card-green{border:1px solid #6cf8bb4d}.att-stat-card-blue{border:1px solid #dbe1ff4d}.att-stat-card-purple{border:1px solid #e9ddff4d}.att-progress-bar{background:#0000000d;border-radius:9999px;width:40px;height:6px;margin-top:12px;overflow:hidden}.att-progress-fill{border-radius:9999px;height:100%}