*{box-sizing:border-box;margin:0;padding:0}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Helvetica Neue", sans-serif;--text: #1d1d1f;--mut: #6e6e73;--glass: rgba(255, 255, 255, .58);--glass-border: rgba(255, 255, 255, .7);--glass-hi: rgba(255, 255, 255, .95);--inner: rgba(255, 255, 255, .75);--line: rgba(0, 0, 0, .07);--field: rgba(118, 118, 128, .14);--danger: #D70015}:root.dk{--text: #f5f5f7;--mut: #98989f;--glass: rgba(36, 40, 52, .55);--glass-border: rgba(255, 255, 255, .12);--glass-hi: rgba(255, 255, 255, .14);--inner: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .09);--field: rgba(255, 255, 255, .1);--danger: #FF6961}html,body,#root{height:100%}body{font-family:var(--font);-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg);background-attachment:fixed;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.icon{flex:none}.app{display:flex;gap:14px;padding:14px;height:100vh}.gl{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);box-shadow:inset 0 1px 0 var(--glass-hi),0 8px 30px #00000012}:root.dk .gl{box-shadow:inset 0 1px 0 var(--glass-hi),0 10px 40px #00000059}.inner{background:var(--inner)}.mut{color:var(--mut)}.line+.line{border-top:1px solid var(--line)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:0;height:0}.side{border-radius:24px;padding:18px 12px;display:flex;flex-direction:column;gap:2px;width:228px;flex:none}.side.icons{width:76px;padding:16px 0;align-items:center;gap:6px}.side .brand{font-weight:700;font-size:22px;padding:4px 10px 14px;letter-spacing:-.4px}.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;border:0;background:transparent;text-align:left;font-size:15px}.side.icons .nav{width:48px;height:48px;justify-content:center;padding:0;border-radius:16px;color:var(--mut)}.nav.on{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);font-weight:600}.nav:not(.on):hover{background:var(--field)}.side .foot{margin-top:auto;padding:10px 12px;font-size:12px;display:flex;gap:8px;align-items:center;color:var(--mut)}.dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.caps{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;border:0;white-space:nowrap}.caps.gl:hover{filter:brightness(1.03)}.caps.primary{background:var(--acc);color:#fff}.caps.round{width:40px;height:40px;padding:0;justify-content:center}.caps:disabled{opacity:.55;cursor:default}.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.field{width:100%;border:0;outline:none;background:var(--field);border-radius:12px;padding:9px 12px;font-size:15px}.field:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 35%,transparent)}textarea.field{resize:vertical;min-height:90px;line-height:1.45}.search{display:flex;align-items:center;gap:8px;background:var(--field);border-radius:12px;padding:0 10px;color:var(--mut)}.search input{flex:1;border:0;outline:none;background:transparent;padding:9px 0;font-size:15px;color:var(--text)}.tick{width:22px;height:22px;border-radius:50%;border:2px solid #b0b0b8;background:transparent;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0}.tick.on{background:var(--acc);border-color:var(--acc)}.iconbtn{border:0;background:transparent;color:var(--mut);padding:4px;border-radius:8px;display:inline-flex}.iconbtn:hover{background:var(--field);color:var(--text)}.spin{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--acc) 30%,transparent);border-top-color:var(--acc);animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.title{font-weight:700;font-size:26px;letter-spacing:-.5px}.big{font-weight:700;font-size:32px;letter-spacing:-.8px}.h{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin:18px 0 8px;color:var(--mut)}.prose{line-height:1.55}.error{color:var(--danger);font-size:13px}.empty{padding:40px 20px;text-align:center;color:var(--mut)}.page{flex:1;min-width:0;display:flex;gap:14px}.panel{border-radius:24px}.list{width:320px;flex:none;display:flex;flex-direction:column;overflow:hidden}.item{padding:12px;border-radius:16px;margin-bottom:4px;border:0;background:transparent;text-align:left;width:100%;display:block}.item:hover{background:var(--field)}.item.on{background:var(--inner);box-shadow:0 2px 10px #0000000d}.main{flex:1;min-width:0;padding:22px 26px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:14px}.tile{border-radius:26px;padding:18px 20px;overflow:hidden;text-align:left;border-width:1px}.num{font-weight:700;font-size:44px;margin-top:6px}.seg{display:flex;gap:12px;padding:6px 8px;margin:0 -8px;border-radius:10px;cursor:pointer}.seg:hover{background:var(--field)}.seg.now{background:color-mix(in srgb,var(--acc) 12%,transparent)}.tabs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--field)}.tabs button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500}.tabs button.on{background:var(--inner);box-shadow:0 1px 4px #0000001a}:root.dk .tabs button.on{background:#ffffff29}.row{display:flex;align-items:center;gap:12px;padding:12px 14px}.lock{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--mut);background:var(--field);border-radius:999px;padding:3px 9px;white-space:nowrap;cursor:pointer}.banner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;border-radius:16px;padding:11px 14px;font-size:13px}.b-warn{background:color-mix(in srgb,#E8890C 14%,transparent)}.b-bad{background:color-mix(in srgb,var(--danger) 11%,transparent)}.b-info{background:var(--field)}.meter{height:8px;border-radius:4px;background:var(--field);margin-top:8px;overflow:hidden}.meter>div{height:8px;border-radius:4px;background:var(--acc)}.switch{position:relative;display:inline-block;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--field);transition:background .15s;cursor:pointer}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.switch input:checked+span{background:#34c759}.switch input:checked+span:after{transform:translate(18px)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);border-radius:999px;padding:10px 18px;font-size:14px;z-index:100}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:90}.modal{border-radius:24px;padding:22px 24px;width:min(640px,92vw);max-height:86vh}.swatch{border-radius:18px;padding:10px;border:2px solid transparent;background:var(--inner);text-align:left}.swatch.on{border-color:var(--acc)}.swatch .prev{height:70px;border-radius:12px;margin-bottom:8px;position:relative;overflow:hidden}label.lbl{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.hint{font-size:12px;color:var(--mut);margin-top:4px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:420px;border-radius:30px;padding:34px 34px 28px}.auth-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.3px}.auth-logo i{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;background:var(--acc)}.auth-card h1{font-weight:700;font-size:26px;letter-spacing:-.5px;margin:22px 0 4px}.auth-card .field{padding:12px 14px}.auth-btn{width:100%;border:0;border-radius:999px;padding:13px;font-size:15px;font-weight:600;color:#fff;background:var(--acc);margin-top:20px;display:flex;justify-content:center}.auth-btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);margin-top:10px}.auth-btn:disabled{opacity:.6}.auth-link{color:var(--acc);font-weight:600;background:none;border:0;padding:0;font-size:inherit;text-decoration:none}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:12px;gap:10px}.auth-foot{text-align:center;font-size:13px;margin-top:18px;color:var(--mut)}.auth-err{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-radius:12px;padding:10px 12px;font-size:13px;margin-top:14px}.auth-ok{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);border-radius:12px;padding:10px 12px;font-size:13px;margin-top:14px}.strength{display:flex;gap:4px;margin-top:8px}.strength span{flex:1;height:4px;border-radius:2px;background:var(--line)}.code-input{font-size:24px!important;letter-spacing:10px;text-align:center;font-weight:600}.device-box{display:flex;gap:14px;align-items:center;border-radius:18px;padding:14px;margin-top:16px;background:var(--field)}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:ui-monospace,Menlo,monospace;font-size:14px;margin-top:12px}.recovery span{background:var(--field);border-radius:8px;padding:6px 10px;text-align:center}