@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";:root{--color-bg: #000000;--color-surface: #1c1c1e;--color-surface-secondary: #2c2c2e;--color-text: #f2f2f7;--color-text-secondary: #8e8e93;--color-text-tertiary: #98989f;--color-accent: #0a84ff;--color-separator: rgba(84, 84, 88, .36);--color-green: #30d158;--color-red: #ff453a;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;outline:none}input{font-family:inherit;border:none;outline:none;background:none;color:inherit}.app{height:100%;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.header{padding:calc(var(--safe-area-top) + 16px) 20px 8px;flex-shrink:0}.header-row{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:34px;font-weight:700;letter-spacing:-.5px}.header-btn{width:36px;height:36px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:background .2s}.header-btn:active{background:var(--color-surface-secondary)}.header-btn svg{width:20px;height:20px;color:var(--color-accent)}.timestamp-bar{padding:8px 20px 14px;display:flex;align-items:center;gap:6px;flex-shrink:0}.timestamp-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green);flex-shrink:0}.timestamp-dot.loading{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.timestamp-text{font-size:13px;color:var(--color-text-secondary);font-weight:400}.currency-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px;padding-bottom:calc(var(--safe-area-bottom) + 100px)}.currency-list::-webkit-scrollbar{display:none}.currency-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border-radius:14px;margin-bottom:8px;transition:background .15s,transform .15s;cursor:pointer;position:relative}.currency-card:active{background:var(--color-surface-secondary);transform:scale(.98)}.currency-flag{width:44px;height:44px;border-radius:50%;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;overflow:hidden}.currency-info{flex:1;min-width:0}.currency-code{font-size:18px;font-weight:600;letter-spacing:.5px;line-height:1.3}.currency-name{font-size:13px;color:var(--color-text-tertiary);font-weight:400;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency-rate{text-align:right;flex-shrink:0}.currency-rate-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1.3}.currency-rate-label{font-size:11px;color:var(--color-text-tertiary);font-weight:400;line-height:1.3;text-align:right}.currency-rate-cross{font-size:18px;color:var(--color-text);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;text-align:right;margin-top:2px;letter-spacing:-.3px}.currency-rate-cross-label{font-size:11px;color:var(--color-text-tertiary);font-weight:400;letter-spacing:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:16px}.empty-state-icon{width:72px;height:72px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:32px;height:32px;color:var(--color-text-tertiary)}.empty-state-title{font-size:20px;font-weight:600}.empty-state-text{font-size:15px;color:var(--color-text-secondary);line-height:1.5}.empty-state-btn{margin-top:8px;padding:12px 28px;background:var(--color-accent);color:#fff;border-radius:12px;font-size:16px;font-weight:600;transition:opacity .2s}.empty-state-btn:active{opacity:.7}.fab{position:absolute;bottom:calc(var(--safe-area-bottom) + 28px);right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0a84ff66;transition:transform .2s,box-shadow .2s;z-index:10}.fab:active{transform:scale(.9)}.fab svg{width:26px;height:26px;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:430px;max-height:85vh;background:var(--color-bg);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:5px;border-radius:3px;background:var(--color-text-tertiary);margin:8px auto 0;flex-shrink:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.modal-title{font-size:20px;font-weight:700}.modal-close{width:30px;height:30px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.modal-close svg{width:16px;height:16px;color:var(--color-text-secondary)}.search-bar{margin:0 16px 12px;padding:10px 14px;background:var(--color-surface);border-radius:12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.search-bar svg{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0}.search-bar input{flex:1;font-size:16px;color:var(--color-text)}.search-bar input::placeholder{color:var(--color-text-tertiary)}.available-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px;padding-bottom:calc(var(--safe-area-bottom) + 20px)}.available-list::-webkit-scrollbar{display:none}.available-item{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:.5px solid var(--color-separator);cursor:pointer;transition:opacity .15s}.available-item:active{opacity:.5}.available-flag{width:40px;height:40px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.available-info{flex:1;min-width:0}.available-code{font-size:17px;font-weight:600;line-height:1.3}.available-name{font-size:13px;color:var(--color-text-secondary);line-height:1.3}.available-check{width:24px;height:24px;flex-shrink:0}.available-check svg{width:24px;height:24px;color:var(--color-accent)}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-secondary) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border-radius:14px;margin-bottom:8px}.skeleton-flag{width:44px;height:44px;border-radius:50%}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:14px;border-radius:4px}.skeleton-line.short{width:50%}.skeleton-line.medium{width:70%}.error-toast{position:absolute;bottom:calc(var(--safe-area-bottom) + 96px);left:16px;right:16px;padding:14px 16px;background:var(--color-red);color:#fff;border-radius:12px;font-size:14px;font-weight:500;text-align:center;z-index:50;animation:fadeIn .2s ease}.no-results{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:15px}.delete-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.currency-card:hover .delete-btn,.currency-card .delete-btn{opacity:.6}.delete-btn:active{opacity:1!important}.delete-btn svg{width:12px;height:12px;color:var(--color-text-secondary)}.edit-mode .currency-card{animation:wiggle .3s ease-in-out infinite alternate}@keyframes wiggle{0%{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}.edit-mode .delete-btn{opacity:1!important;background:var(--color-red)}.edit-mode .delete-btn svg{color:#fff}.ptr-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:visible;position:relative;z-index:5;pointer-events:none}.ptr-spinner-wrap{position:absolute;top:-44px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-surface);box-shadow:0 2px 12px #0006;transition:transform .2s ease,opacity .2s ease}.ptr-spinner{width:20px;height:20px;border:2.5px solid var(--color-text-tertiary);border-top-color:var(--color-accent);border-radius:50%;transition:transform .1s linear}.ptr-spinner.spinning{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ptr-spinner.triggered{border-top-color:var(--color-green);border-right-color:var(--color-green)}