.layout{min-height:100vh;padding-bottom:calc(var(--navbar-bottom-height) + env(safe-area-inset-bottom,0px));flex-direction:column;width:100%;margin:0;padding-top:0;padding-left:0;padding-right:0;display:flex;position:relative;overflow-x:hidden}.layout>main{margin-bottom:0;padding-bottom:0}.navbar-top{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);z-index:1000;height:var(--navbar-top-height,60px);min-height:var(--navbar-top-height,60px);max-height:var(--navbar-top-height,60px);box-sizing:border-box;will-change:transform;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top,var(--safe-area-inset-top,var(--status-bar-height,0px))));height:calc(var(--navbar-top-height,60px) + env(safe-area-inset-top,var(--safe-area-inset-top,var(--status-bar-height,0px))));min-height:calc(var(--navbar-top-height,60px) + env(safe-area-inset-top,var(--safe-area-inset-top,var(--status-bar-height,0px))));align-items:center;display:flex;position:sticky;top:0;transform:translateZ(0);background-color:var(--bg-surface)!important}.navbar-top .rs-navbar-brand{color:var(--text-primary);box-sizing:border-box;align-items:center;height:100%;min-height:40px;font-size:18px;font-weight:600;display:flex}.navbar-bottom{min-height:var(--navbar-bottom-height);padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);z-index:1000;background-color:#1e293bbf;flex-direction:column;justify-content:flex-end;padding-top:0;padding-left:0;padding-right:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000004d}.bottom-nav{justify-content:space-around;width:100%;max-width:500px;margin:0 auto;padding:0;display:flex}.bottom-nav-item{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6px 5px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--accent-safe);border-bottom:none;text-decoration:none}.bottom-nav-item:hover,.bottom-nav-item:focus{background-color:#0000;text-decoration:none}.bottom-nav-item.active .nav-icon-wrapper{filter:drop-shadow(0 0 4px var(--accent-safe))}.bottom-nav-item .nav-icon-wrapper{justify-content:center;align-items:center;margin-bottom:2px;display:flex}.bottom-nav-item span{font-size:11px;font-weight:500}.main-content{background-color:var(--bg-primary);box-sizing:border-box;flex:1;width:100%;max-width:800px;min-height:0;margin:0 auto;padding:20px 20px 0;overflow:hidden scroll}.favorites-page{max-width:1000px}.sync-indicator-avatar{pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.sync-spinner{border:3px solid #0000;border-top-color:var(--accent-safe);border-right-color:var(--accent-safe);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.main-content{padding:10px}}:root{--bg-primary:#0f172a;--bg-surface:#1e293b;--input-bg:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--icon-color:#f8fafc;--accent-safe:#22c55e;--accent-focus:#34d399;--warning:#f59e0b;--radius:12px;--radius-lg:16px;--glass-bg:linear-gradient(135deg, #1e293beb 0%, #1e293bc7 100%);--glass-bg-fallback:#1e293bd9;--glass-border:#ffffff14;--glass-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--glass-inner-shadow:inset 0 1px 2px #00000026;--list-item-bg:#33415580;--list-item-hover-bg:#334155cc;--list-item-border:#ffffff0d;--navbar-top-height:60px;--navbar-bottom-height:50px;--rs-picker-toggle-bg:var(--input-bg);--rs-input-bg:var(--input-bg);--rs-modal-bg:var(--glass-bg)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body{background-color:var(--bg-primary);width:100%;margin:0;padding:0;overflow-x:hidden}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif}#root{background-color:var(--bg-primary);width:100%;min-height:100vh;margin:0;padding:0}.glass-card{background:var(--glass-bg-fallback);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow), var(--glass-inner-shadow);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s}.glass-card:hover{box-shadow:0 12px 40px 0 #00000080, var(--glass-inner-shadow)}.icon-glow{color:var(--text-primary);filter:drop-shadow(0 0 4px var(--accent-safe));transition:filter .3s}.icon-glow:hover{filter:drop-shadow(0 0 8px var(--accent-safe))}.rs-btn-primary{background-color:var(--accent-safe);border-color:var(--accent-safe);border-radius:var(--radius);touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rs-btn-primary:hover,.rs-btn-primary:focus{background-color:#16a34a;border-color:#16a34a}.rs-btn,button{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .15s}.rs-btn:active,button:active{transform:scale(.97)}.rs-input{background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--radius);letter-spacing:normal;border:1px solid #334155;padding:12px 16px;font-size:16px;transition:all .3s}.rs-input::placeholder{color:var(--text-secondary)}.rs-input:focus{border-color:var(--accent-focus);outline:none;box-shadow:0 0 8px #10b98166}.rs-input[type=password]{letter-spacing:normal;font-family:monospace}.rs-input[type=password]:not(:placeholder-shown){letter-spacing:.15em}.rs-input[as=textarea]{resize:vertical;min-height:120px}.rs-input-group{border-radius:var(--radius);background-color:var(--input-bg);border:1px solid #334155;overflow:hidden}.rs-input-group .rs-input{background-color:#0000;border:none}.rs-input-group-addon{background-color:var(--input-bg);color:var(--text-secondary);border:none}.rs-panel{background-color:var(--bg-surface);border-color:var(--glass-border);border-radius:var(--radius-lg)}.rs-tabs{background-color:#0000}.rs-nav-item{color:#a4a9b3!important}.rs-nav-item-active,.rs-nav-item[data-active=true]{color:var(--accent-safe)!important}.rs-nav-bar,.rs-nav-item-active:before,.rs-nav-item[data-active=true]:before{background-color:var(--accent-safe)!important}.rs-picker-menu,.rs-dropdown-menu,.rs-picker-popup{background-color:var(--bg-surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.rs-picker-toggle.rs-btn,.rs-picker-default .rs-picker-toggle{background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--radius);box-shadow:none;border:1px solid #334155}.rs-picker-toggle.rs-btn:hover,.rs-picker-toggle.rs-btn:focus,.rs-picker-default .rs-picker-toggle:hover,.rs-picker-default.rs-picker-toggle-active .rs-picker-toggle,.rs-picker-default.rs-picker-toggle-focus .rs-picker-toggle{background-color:var(--input-bg);border-color:var(--accent-focus)}.rs-picker-toggle:before,.rs-picker-toggle:after{display:none}.rs-picker-toggle-placeholder,.rs-picker-toggle-value,.rs-picker-toggle-textbox{color:var(--text-primary)}.rs-picker-tag-wrapper{background-color:#0000;border:none;padding:0}.rs-picker-tag-wrapper .rs-tag{background-color:var(--bg-surface);color:var(--accent-safe);border:1px solid var(--glass-border)}.rs-picker-tag-wrapper .rs-tag .rs-tag-icon-close,.rs-picker-toggle-clean{color:var(--text-secondary)}.rs-picker-toggle-active{border-color:var(--accent-safe);box-shadow:0 0 0 3px #22c55e33}.rs-picker-search-bar{border-bottom:1px solid var(--glass-border);background-color:#0000}.rs-picker-search-bar .rs-input{background-color:var(--input-bg);color:var(--text-primary)}.rs-picker-menu .rs-picker-select-menu-item{color:var(--text-primary);background-color:#0000}.rs-picker-menu .rs-picker-select-menu-item:hover,.rs-picker-menu .rs-picker-select-menu-item.rs-picker-select-menu-item-focus,.rs-picker-menu .rs-picker-select-menu-item.rs-picker-select-menu-item-active{background-color:var(--list-item-hover-bg);color:var(--accent-safe)}.rs-check-item{color:var(--text-primary);background-color:#0000}.rs-check-item:hover,.rs-check-item:focus,.rs-check-item.rs-check-item-focus{background-color:var(--list-item-hover-bg);color:var(--accent-safe)}.rs-check-item .rs-checkbox-checker label,.rs-check-item .rs-checkbox-wrapper{color:var(--text-primary)}.rs-check-item[aria-selected=true] .rs-checkbox-checker label{color:var(--accent-safe);font-weight:600}.rs-checkbox-checker .rs-checkbox-control{border-color:var(--text-secondary);background-color:#0000}.rs-checkbox-checked .rs-checkbox-control,.rs-checkbox-indeterminate .rs-checkbox-control{background-color:var(--accent-safe);border-color:var(--accent-safe);background-image:none}.rs-checkbox-checked .rs-checkbox-inner:before{border-color:#fff}.dark-picker-popup.rs-picker-popup,.dark-picker-popup .rs-picker-menu,.dark-picker-popup .rs-picker-select-menu{background-color:var(--bg-surface)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.dark-picker-popup .rs-picker-select-menu-item,.dark-picker-popup .rs-check-item{color:var(--text-primary)!important;background-color:#0000!important}.dark-picker-popup .rs-picker-select-menu-item:hover,.dark-picker-popup .rs-picker-select-menu-item.rs-picker-select-menu-item-focus,.dark-picker-popup .rs-check-item:hover,.dark-picker-popup .rs-check-item:focus{background-color:var(--list-item-hover-bg)!important;color:var(--accent-safe)!important}.dark-picker-popup .rs-check-item .rs-checkbox-checker label{color:var(--text-primary)!important}.dark-picker-popup .rs-check-item[aria-selected=true] .rs-checkbox-checker label{color:var(--accent-safe)!important;font-weight:600!important}.rs-modal,.rs-modal-sm,.rs-modal-md,.rs-modal-lg{background-color:#0000!important}.rs-modal-content{border-color:var(--glass-border)!important;background-color:#0000!important}.rs-modal-dialog{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(10px)!important}.rs-modal-header,.rs-modal-body,.rs-modal-footer{color:var(--text-primary)!important;background-color:#0000!important}.rs-modal-title{color:var(--text-primary)!important}.rs-modal .rs-input,.rs-modal .rs-input-group{background-color:var(--input-bg)!important;color:var(--text-primary)!important;border-color:#334155!important}.rs-modal .rs-input::placeholder{color:var(--text-secondary)!important}.history-item{background-color:var(--list-item-bg);border:1px solid var(--list-item-border);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:background-color .2s,border-color .2s;display:flex}.history-item:hover{background-color:var(--list-item-hover-bg);border-color:#ffffff1a}.history-item-left{flex-shrink:0}.history-site-icon{background:linear-gradient(135deg, var(--accent-safe), #10b981);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 10px #10b98133}.history-item-mid{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.history-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.history-item-subtitle{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;line-height:1.4;display:flex}.history-account{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-dot{color:#ffffff4d;font-size:12px}.history-date{opacity:.8;white-space:nowrap;font-size:13px}.history-item-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.action-btn{justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.action-btn:hover{background-color:#ffffff1a}*{scrollbar-width:thin;scrollbar-color:#fff3 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}html,body{overflow:hidden auto}html{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}body{padding:0;padding-top:env(safe-area-inset-top,var(--safe-area-inset-top,var(--status-bar-height,0px)))}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a,[role=button]{-webkit-tap-highlight-color:#0000001a;min-width:44px;min-height:44px}input,textarea,select{-webkit-appearance:none;border-radius:0;font-size:16px}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.navbar-bottom{z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:var(--bg-primary);border-top:1px solid var(--glass-border);position:fixed;bottom:0;left:0;right:0}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (width<=768px){body{font-size:14px}.glass-card{margin-bottom:15px;padding:15px}.rsuite-button-group{flex-wrap:wrap;gap:10px}.rsuite-input,.rsuite-picker{font-size:16px}.rsuite-panel-heading{padding:12px 15px;font-size:16px}.rsuite-panel-body{padding:15px}.navbar-top{padding:10px 15px;padding-top:calc(10px + env(safe-area-inset-top,0px));height:calc(60px + env(safe-area-inset-top,0px));min-height:calc(60px + env(safe-area-inset-top,0px))}.bottom-nav-item{padding:10px 15px;font-size:12px}.rsuite-button:active,.bottom-nav-item:active{opacity:.7;transition:all .1s;transform:scale(.98)}.rsuite-list-item{min-height:48px;padding:12px 15px}.rsuite-modal{max-width:calc(100% - 40px);margin:20px}.rsuite-message{max-width:calc(100% - 20px);margin:10px}}@media (width<=480px){.glass-card{margin-bottom:10px;padding:12px}.rsuite-button{padding:8px 16px;font-size:14px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}@media (orientation:landscape) and (height<=500px){.navbar-bottom{padding-bottom:5px}.main-content{padding-bottom:70px}}@supports (padding:max(0px)){.navbar-bottom{padding-bottom:max(20px, env(safe-area-inset-bottom))}.main-content{padding-bottom:max(80px, calc(80px + env(safe-area-inset-bottom)))}}@media (-webkit-device-pixel-ratio>=2){.icon-glow{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
