@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html,body,#app,canvas{position:fixed;animation:gradientShift 8s ease infinite;box-sizing:border-box;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%) 0 0/400% 400%;width:100vw;height:100vh;margin:0;padding:0;font-family:Montserrat,sans-serif;top:0;left:0;padding-top:0!important;padding-bottom:0!important}body{overscroll-behavior:none;touch-action:none}#app>canvas{z-index:-1}a{color:#fff;text-decoration:none;backdrop-filter:blur(10px);display:inline-block;text-shadow:0 1px 2px #00000080;background:linear-gradient(45deg,#ffffff1a,#fff3);border:1px solid #ffffff4d;border-radius:20px;margin:10px;padding:8px 16px;transition:all .3s;font-weight:700}a:hover{background:linear-gradient(45deg,#fff3,#fff6);transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.modal{position:fixed;backdrop-filter:blur(10px);display:flex;z-index:1000;background:#000000b3;justify-content:center;align-items: center;width:100vw;height:100vh;top:0;left:0}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;text-shadow:0 1px 2px #0000004d;margin-bottom:8px;font-weight:700}.form-group input{color:#fff;box-sizing:border-box;background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;width:100%;padding:12px 16px;transition:all .3s;font-size:16px}.form-group input::placeholder{color:#fff9}.form-group input:focus{outline:none;background:#ffffff40;border-color:#fff9;box-shadow:0 0 15px #fff3}.form-error{color:#fff;text-align:center;text-shadow:0 1px 2px #0000004d;background:#f5576ce6;border-radius:10px;margin-top:20px;margin-bottom:20px;padding:12px 16px;font-weight:700}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4facfe,#00f2fe);border:none;border-radius:10px;padding:12px 14px;transition:transform .15s,box-shadow .2s;font-weight:700}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #4facfe59}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000004d;background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;padding:12px 14px;transition:all .3s;font-weight:700}.secondary-btn:hover{background:#ffffff40;transform:translateY(-2px)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-row{display:flex;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:space-between;align-items: center;padding:12px 16px}.toggle-label .title{color:#fff;font-weight:700}.toggle-label .subtitle{color:#e0e0e0;font-size:12px}.switch{position:relative;display:inline-block;width:54px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#ffffff40;border:1px solid #ffffff59;border-radius:34px;transition:all .2s;inset:0}.slider:before{position:absolute;content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;bottom:3px;left:4px}.switch input:checked+.slider{background:linear-gradient(45deg,#7cb342,#8bc34a)}.switch input:checked+.slider:before{transform:translate(24px)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.settings-modal-content{backdrop-filter:blur(20px);display:flex;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border:1px solid #fff3;border-radius:16px;flex-direction:column;width:min(900px,92vw);max-height:86vh;padding:0;box-shadow:0 20px 60px #00000080}.settings-header{display:flex;border-bottom:1px solid #fff3;justify-content:space-between;align-items: center;padding:16px 20px}.settings-header h2{color:#fff;margin:0;font-size:22px}.icon-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:6px 10px}.settings-body{display:grid;grid-template-columns:220px 1fr;gap:0;min-height:420px}.settings-sidebar{border-right:1px solid #fff3;padding:14px}.settings-menu{display:flex;flex-direction:column;gap:8px}.settings-menu-item{color:#fff;cursor:pointer;user-select:none;border-radius:8px;padding:10px 12px;transition:background .2s}.settings-menu-item:hover{background:#ffffff1f}.settings-menu-item.active{background:#ffffff38;border:1px solid #ffffff40}.settings-content{overflow:auto;padding:20px 22px}.settings-section-header h3{color:#fff;margin:0 0 14px}.settings-account-info{display:grid;gap:8px;margin-bottom:16px}.settings-account-info .info-row{display:flex;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;justify-content:space-between;padding:10px 12px}.settings-account-info .label{color:#eaeaea;font-weight:600}.settings-account-info .value{color:#fff}.settings-account-info .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.settings-section-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:12px}.settings-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.secondary-btn.outline{color:#fff;background:0 0;border:2px solid #ffffff59}.settings-form{display:flex;flex-direction:column}.settings-form-controls{display:flex;gap:10px;margin-top:4px}.devices-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.device-item{display:grid;grid-template-columns:48px 1fr auto;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;align-items: center;gap:12px;padding:12px}.device-item.revoked{opacity:.6}.device-icon{display:grid;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff40;border-radius:10px;place-items: center;width:48px;height:48px;font-size:24px}.device-meta{min-width:0}.device-title{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:700}.device-sub{font-size:12px}.device-actions{display:flex;gap:8px}.device-rename{grid-column:1/-1;display:flex;gap:8px;margin-top:8px}.device-rename input{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;flex:1;padding:10px 12px}.muted{color:#e0e0e0;opacity:.85}.danger-btn{color:#fff;background:#f4433633;border-color:#f4433699}.danger-btn:hover{background:#f4433659}