@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#6d4aff4d}:root{--font-body: "Outfit", "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--accent: #6d4aff;--accent-light: #aa8eff;--accent-glow: rgba(109, 74, 255, .3);--radius-sm: 7px;--radius-md: 11px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-3xl: 24px;--icon-wrap-size: 56px;--icon-wrap-radius: 15px;--icon-wrap-shadow: 0 4px 16px rgba(0, 0, 0, .15);--icon-img-size: 32px;--icon-letter-size: 20px;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--danger: #e55}[data-theme=dark]{--bg: radial-gradient(ellipse at 50% 0%, #221850 0%, #191333 35%, #0e0d12 100%);--bg-fallback: #0e0d12;--text-primary: #f0eef8;--text-secondary: #a7a4b5;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .04);--card-bg-strong: rgba(22, 20, 28, .95);--card-bg-weather: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .06);--card-border-subtle: rgba(255, 255, 255, .04);--icon-btn-bg: rgba(255, 255, 255, .06);--tile-bg: rgba(255, 255, 255, .04);--tile-border: rgba(255, 255, 255, .06);--tile-shadow: 0 2px 8px rgba(0, 0, 0, .2);--tile-shadow-hover: 0 12px 40px rgba(109, 74, 255, .15), 0 4px 12px rgba(0, 0, 0, .3);--tile-action-bg: rgba(30, 30, 40, .85);--tile-action-color: #ddd;--grip-color: rgba(255, 255, 255, .5);--modal-bg: rgba(22, 20, 28, .97);--modal-border: rgba(255, 255, 255, .08);--modal-shadow: 0 40px 80px rgba(0, 0, 0, .5);--dashed-border: rgba(255, 255, 255, .08);--dashed-bg: rgba(255, 255, 255, .03);--group-bg: rgba(255, 255, 255, .02);--group-border: rgba(255, 255, 255, .04);--forecast-bg: rgba(255, 255, 255, .03);color-scheme:dark}[data-theme=light]{--bg: radial-gradient(ellipse at 50% 0%, #ddd4f7 0%, #e4ddf5 30%, #eae5f7 60%, #efecf7 100%);--bg-fallback: #eae5f7;--text-primary: #1c1b24;--text-secondary: #6e6a80;--input-bg: rgba(109, 74, 255, .06);--input-border: rgba(109, 74, 255, .14);--card-bg: rgba(255, 255, 255, .55);--card-bg-strong: rgba(255, 255, 255, .8);--card-bg-weather: rgba(255, 255, 255, .45);--card-border: rgba(109, 74, 255, .1);--card-border-subtle: rgba(109, 74, 255, .06);--icon-btn-bg: rgba(109, 74, 255, .07);--tile-bg: rgba(255, 255, 255, .5);--tile-border: rgba(109, 74, 255, .1);--tile-shadow: 0 2px 8px rgba(109, 74, 255, .08);--tile-shadow-hover: 0 12px 40px rgba(109, 74, 255, .14), 0 4px 12px rgba(0, 0, 0, .06);--tile-action-bg: rgba(255, 255, 255, .85);--tile-action-color: #444;--grip-color: rgba(0, 0, 0, .35);--modal-bg: rgba(245, 240, 255, .97);--modal-border: rgba(109, 74, 255, .12);--modal-shadow: 0 40px 80px rgba(109, 74, 255, .12), 0 16px 32px rgba(0, 0, 0, .06);--dashed-border: rgba(109, 74, 255, .14);--dashed-bg: rgba(109, 74, 255, .04);--group-bg: rgba(109, 74, 255, .04);--group-border: rgba(109, 74, 255, .07);--forecast-bg: rgba(109, 74, 255, .05);color-scheme:light}.page{min-height:100vh;background:var(--bg);font-family:var(--font-body);transition:background .4s ease}.page--centered{display:flex;align-items:center;justify-content:center;padding:20px}body{background:var(--bg-fallback)}.auth{background:var(--card-bg-strong);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:var(--radius-3xl);padding:44px 38px;width:100%;max-width:410px;border:1px solid var(--card-border);box-shadow:var(--modal-shadow)}.auth__header{text-align:center;margin-bottom:28px}.auth__logo{width:60px;height:60px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 8px 32px var(--accent-glow)}.auth__logo--accent{background:linear-gradient(135deg,var(--accent),var(--accent-light))}.auth__logo--green{background:linear-gradient(135deg,#34a853,#7dd3a0);box-shadow:0 8px 32px #34a8534d}.auth__title{color:var(--text-primary);font-size:26px;font-weight:700;margin:0 0 5px;letter-spacing:-.02em}.auth__title--sm{font-size:24px;margin-bottom:8px}.auth__subtitle{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.5}.auth__footer{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:13px}.auth__back{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;font-family:inherit;margin-bottom:20px;padding:0}.form{display:flex;flex-direction:column;gap:14px}.form__group{display:flex;flex-direction:column}.form__group--row{flex-direction:row;gap:8px}.form__group--password{position:relative}.form__label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:7px}.form__label-hint{opacity:.5;text-transform:none;font-weight:400}.form__input{width:100%;padding:13px 15px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:14px;outline:none;font-family:inherit;transition:border-color var(--transition-normal)}.form__input:focus{border-color:var(--accent)}.form__input::placeholder{color:var(--text-secondary);opacity:.6}.form__input--pr{padding-right:44px}.form__select{width:100%;padding:13px 15px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:14px;outline:none;font-family:inherit;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;transition:border-color var(--transition-normal)}.form__select:focus{border-color:var(--accent)}.dropdown{position:relative;width:100%}.dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.dropdown__trigger:hover{border-color:var(--accent)}.dropdown__trigger--open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dropdown__selected{display:flex;align-items:center;gap:10px;min-width:0}.dropdown__selected>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__placeholder{color:var(--text-secondary)}.dropdown__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.dropdown__chevron--open{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;list-style:none;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--modal-border);background:var(--modal-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px #0003;max-height:220px;overflow-y:auto;animation:dropdownSlide .15s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown__option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text-primary);transition:background var(--transition-fast)}.dropdown__option:hover{background:var(--input-bg)}.dropdown__option--active{background:#6d4aff1a;font-weight:600}.dropdown__option--active:hover{background:#6d4aff26}.dropdown__opt-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown__opt-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--text-secondary);opacity:.7}.form__toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex}.form__actions{display:flex;gap:10px;margin-top:6px}.btn{border-radius:var(--radius-md);border:none;font-family:inherit;font-weight:600;cursor:pointer;transition:opacity var(--transition-normal);display:inline-flex;align-items:center;justify-content:center}.btn--primary{padding:13px 0;width:100%;background:linear-gradient(135deg,var(--accent),#8b6fff);color:#fff;font-size:15px;box-shadow:0 4px 20px var(--accent-glow)}.btn--primary-compact{padding:12px 20px;width:auto;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b6fff);color:#fff;font-size:14px;box-shadow:0 4px 20px var(--accent-glow)}.btn--ghost{padding:13px 0;width:100%;border:1px solid var(--input-border);background:transparent;color:var(--text-secondary);font-size:14px}.btn--link{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.btn--icon{width:38px;height:38px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--icon-btn-bg);color:var(--text-secondary);transition:all var(--transition-normal)}.btn--icon--active{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn--icon--active:hover{background:var(--accent-light)}.btn--icon-sm{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn--icon-xs{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--tile-action-bg);color:var(--tile-action-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 6px #0003;transition:all var(--transition-fast)}.btn--icon-xs:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px var(--accent-glow)}.btn--danger-xs{color:var(--danger)}.btn--danger-xs:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 10px #e5555566}.btn--icon-edit{width:22px;height:22px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--icon-btn-bg);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.btn--icon-edit:hover{background:#6d4aff21;color:var(--accent)}.btn--add-app{background:#6d4aff17;color:var(--accent)}.btn--edit-group{background:var(--icon-btn-bg);color:var(--text-secondary)}.btn--delete{background:#e5555514;color:var(--danger)}.btn--disabled{opacity:.5;cursor:wait}.alert{border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:13px;font-weight:500}.alert--error{background:#e555551a;border:1px solid rgba(229,85,85,.2);color:var(--danger)}.verify__digits{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.verify__digit{width:48px;height:56px;border-radius:12px;text-align:center;font-size:22px;font-weight:700;font-family:var(--font-mono);border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);outline:none;transition:border-color var(--transition-normal),background var(--transition-normal)}.verify__digit:focus{border-color:var(--accent)}.verify__digit--filled{border-color:var(--accent);background:#6d4aff0f}.verify__resend{text-align:center;margin-top:18px;color:var(--text-secondary);font-size:13px}.verify__resend-btn{background:none;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px;color:var(--accent)}.verify__resend-btn--disabled{cursor:default;text-decoration:none;color:var(--text-secondary);opacity:.6}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;max-width:1100px;margin:0 auto}.header__brand{display:flex;align-items:center;gap:10px}.header__logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6d4aff40}.header__title{color:var(--text-primary);font-weight:700;font-size:18px;letter-spacing:-.01em}.header__actions{display:flex;align-items:center;gap:8px}.header__user{display:flex;align-items:center;gap:10px;background:var(--card-bg);border-radius:var(--radius-lg);padding:6px 14px 6px 6px;border:1px solid var(--card-border);cursor:pointer;transition:all var(--transition-normal)}.header__avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#4a2dc5,var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono);flex-shrink:0}.header__email{color:var(--text-secondary);font-size:13px;font-weight:500;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width .3s ease,opacity .3s ease;opacity:0}.header__user:hover .header__email{max-width:160px;opacity:1}.hero{text-align:center;padding:36px 24px 10px;max-width:600px;margin:0 auto}.hero__title{color:var(--text-primary);font-size:clamp(30px,5vw,46px);font-weight:700;margin:0 0 8px;letter-spacing:-.03em;line-height:1.1}.hero__subtitle{color:var(--text-secondary);font-size:15px;margin:0}.weather-wrap{max-width:580px;margin:0 auto;padding:16px 24px 30px}.weather-wrap__row{display:flex;gap:14px;align-items:stretch}.weather{flex:1;border-radius:var(--radius-xl);padding:18px 22px;background:var(--card-bg-weather);border:1px solid var(--card-border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.weather__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weather__current{display:flex;align-items:center;gap:14px}.weather__icon{font-size:40px;line-height:1}.weather__temp{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}.weather__condition{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:2px}.weather__meta{text-align:right}.weather__location{display:flex;align-items:center;gap:4px;justify-content:flex-end;color:var(--text-secondary);font-size:12px;font-weight:500}.weather__details{color:var(--text-secondary);font-size:11px;margin-top:4px;opacity:.6}.weather__forecast{display:flex;gap:8px}.weather__forecast-day{flex:1;text-align:center;padding:8px 4px;border-radius:12px;background:var(--forecast-bg)}.weather__forecast-label{color:var(--text-secondary);font-size:10px;font-weight:600;margin-bottom:4px}.weather__forecast-icon{font-size:18px}.weather__forecast-temps{color:var(--text-primary);font-size:11px;font-weight:600;margin-top:2px}.weather__forecast-low{color:var(--text-secondary);font-weight:400}.weather__set-btn{flex:1;padding:14px 18px;border-radius:16px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;background:var(--dashed-bg);border:1px dashed var(--dashed-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-normal)}.weather__set-btn:hover{border-color:var(--accent);color:var(--accent)}.clock{border-radius:var(--radius-xl);padding:18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;background:var(--card-bg-weather);border:1px solid var(--card-border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.clock__time{color:var(--text-primary);font-size:34px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1}.clock__seconds{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:6px;opacity:.8}.clock__date{color:var(--text-secondary);font-size:11px;margin-top:8px;opacity:.6}.groups{max-width:960px;margin:0 auto;padding:0 24px 60px}.search-wrap{max-width:960px;margin:0 auto;padding:0 24px 20px}.search{display:flex;align-items:center;gap:10px;padding:0 16px;height:44px;border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search svg{color:var(--text-secondary);flex-shrink:0;opacity:.6}.search:focus-within svg{color:var(--accent);opacity:1}.search__input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-family:var(--font-body);outline:none}.search__input:focus-visible{outline:none}.search__input::placeholder{color:var(--text-secondary);opacity:.6}.search__clear{width:22px;height:22px;border-radius:50%;border:none;background:var(--input-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.search__clear:hover{background:var(--accent);color:#fff}.search-empty{text-align:center;padding:40px 20px}.search-empty__text{color:var(--text-secondary);font-size:14px}.search-results .tile{cursor:pointer}.group{margin-bottom:28px;transition:opacity var(--transition-normal)}.group--dragging{opacity:.4}.group--over{border-top:2px solid var(--accent)}.group__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-lg);background:var(--group-bg);border:1px solid var(--group-border);transition:margin-bottom .25s ease;cursor:grab}.group__header--expanded{margin-bottom:14px}.group__info{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}.group__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group__name{color:var(--text-primary);font-weight:600;font-size:15px;letter-spacing:-.01em}.group__count{color:var(--text-secondary);font-size:12px;font-weight:500;opacity:.7}.chevron-icon{color:var(--text-secondary);flex-shrink:0}.group__grip{color:var(--grip-color);display:flex;align-items:center;flex-shrink:0}.group__actions{display:flex;gap:4px}.group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.tile{position:relative;border-radius:var(--radius-xl);padding:14px;min-height:155px;transition:all .3s var(--ease-smooth);cursor:grab;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--tile-bg);border:1px solid var(--tile-border);box-shadow:var(--tile-shadow)}.tile:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--tile-shadow-hover)}.tile--dragging{opacity:.3;transform:scale(.95)}.tile__drop-indicator{position:absolute;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:2px;z-index:20;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow);animation:dropPulse .8s ease-in-out infinite alternate}.tile__drop-indicator--left{left:-5px}.tile__drop-indicator--right{right:-5px}@keyframes dropPulse{0%{opacity:.7;box-shadow:0 0 6px var(--accent-glow)}to{opacity:1;box-shadow:0 0 12px var(--accent-glow),0 0 20px var(--accent-glow)}}.tile__controls{position:absolute;top:7px;right:7px;display:flex;gap:3px;transition:opacity var(--transition-normal);z-index:10;opacity:0}.tile:hover .tile__controls,.tile__controls--edit-mode,.tile:hover .tile__controls--edit-mode{opacity:1}.tile__grip{position:absolute;top:7px;left:7px;transition:opacity var(--transition-normal);z-index:10;opacity:0;color:var(--grip-color)}.tile:hover .tile__grip{opacity:1}.tile__grip--edit-mode{opacity:.7}.tile:hover .tile__grip--edit-mode{opacity:1}.tile__link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;gap:10px;height:100%;min-height:120px}.tile__icon-wrap,.folder-modal__icon{width:var(--icon-wrap-size);height:var(--icon-wrap-size);border-radius:var(--icon-wrap-radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--icon-wrap-shadow);overflow:hidden}.tile__favicon,.app-icon__img{width:var(--icon-img-size);height:var(--icon-img-size);border-radius:4px;object-fit:contain}.tile__letter,.app-icon__letter{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-size:var(--icon-letter-size);font-weight:700;font-family:var(--font-mono)}.tile__name{font-size:13px;font-weight:600;text-align:center;line-height:1.2;color:var(--text-primary)}.tile__url{font-size:10px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.add-empty{border-radius:var(--radius-xl);padding:14px;min-height:155px;background:var(--dashed-bg);border:2px dashed var(--dashed-border);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);transition:all .25s ease;font-family:inherit}.add-empty:hover{border-color:var(--accent);color:var(--accent)}.add-empty__label{font-size:12px;font-weight:500}.add-group{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 0;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;background:var(--dashed-bg);border:2px dashed var(--dashed-border);color:var(--text-secondary);transition:all .25s ease}.add-group:hover{border-color:var(--accent);color:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;outline:none}.modal__card{background:var(--modal-bg);border-radius:var(--radius-2xl);padding:28px 26px;width:100%;max-width:440px;border:1px solid var(--modal-border);box-shadow:var(--modal-shadow)}.modal__title{color:var(--text-primary);font-size:19px;font-weight:700;margin-bottom:18px;font-family:var(--font-body)}.preview{display:flex;align-items:center;gap:12px;padding:11px;background:var(--input-bg);border-radius:var(--radius-md);border:1px solid var(--input-border)}.preview__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.preview__img{width:26px;height:26px;border-radius:4px;object-fit:contain}.preview__letter{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-mono)}.preview__name{color:var(--text-primary);font-size:13px;font-weight:600}.preview__domain{color:var(--text-secondary);font-size:11px}.swatch-grid{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.swatch{width:32px;height:32px;border-radius:9px;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;display:flex;align-items:center;justify-content:center}.swatch--active{border-width:3px}.swatch--auto{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#6D4AFF 0%,transparent 55%),radial-gradient(circle at 80% 20%,#E91E63 0%,transparent 55%),radial-gradient(circle at 80% 80%,#FF9800 0%,transparent 55%),radial-gradient(circle at 20% 80%,#00BCD4 0%,transparent 55%);background-color:#34a853}.swatch--auto.swatch--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.swatch--neutral{background:var(--input-bg);border-color:var(--input-border)}.swatch--neutral.swatch--active{border-color:var(--text-secondary);box-shadow:0 0 0 3px #80808026}.swatch--white{border-color:#00000026}.icon-grid{display:flex;gap:6px;flex-wrap:wrap}.icon-pick{width:40px;height:40px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);padding:0}.icon-pick--active{border:2px solid var(--accent);background:#6d4aff17;color:var(--accent)}.location__results{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto}.location__result{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);cursor:pointer;text-align:left;font-family:inherit;font-size:13px;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.location__result:hover{border-color:var(--accent);background:#6d4aff0f}.location__footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--input-border);display:flex;justify-content:space-between;align-items:center}.location__current{color:var(--text-secondary);font-size:12px}.location__remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit}.location__empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:16px}.loading{color:var(--text-secondary);font-family:var(--font-mono);font-size:14px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;z-index:9999;transition:top .2s ease}.skip-link:focus{top:12px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--tile-shadow-hover),0 0 0 4px var(--accent-glow);transform:translateY(-4px)}.tile:focus-visible .tile__controls,.tile:focus-visible .tile__grip{opacity:1}.btn--icon:focus-visible,.btn--icon-sm:focus-visible,.btn--icon-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.group__info:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-lg)}.swatch:focus-visible,.icon-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form__input:focus-visible,.form__select:focus-visible,.dropdown__trigger:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.verify__digit:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.location__result:focus-visible{border-color:var(--accent);background:#6d4aff0f}.tile--folder{cursor:pointer;display:flex;flex-direction:column;padding:0;overflow:hidden}.folder-icon-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:14px}.folder-text-area{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 12px;border-top:1px solid var(--card-border-subtle)}.folder-text__name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-text__count{font-size:10px;color:var(--text-secondary);text-align:center}.folder-preview__badge{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-mono);padding:1px 5px;border-radius:8px;line-height:1.4}.tile--folder .folder-preview__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:10px;width:72px;height:72px;min-width:72px;min-height:72px;border-radius:var(--radius-xl);background:var(--card-bg);border:1.5px solid var(--card-border);transition:all var(--transition-slow);box-shadow:0 2px 8px #00000014}.tile--folder:hover .folder-preview__grid{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.tile--drop-target .folder-preview__grid{border-color:var(--accent)!important;box-shadow:0 0 20px var(--accent-glow),0 0 40px #6d4aff26!important;animation:folderPulse .6s ease-in-out infinite alternate}.tile--drop-target{transform:scale(1.03)}@keyframes folderPulse{0%{box-shadow:0 0 16px var(--accent-glow)}to{box-shadow:0 0 28px var(--accent-glow),0 0 48px #6d4aff1f}}.folder-mini{border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--input-bg);box-shadow:0 1px 4px #0000001a}.folder-mini__img{width:60%;height:60%;border-radius:2px;object-fit:contain}.folder-mini__letter{font-size:11px;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono)}.folder-preview__slot{display:flex;align-items:stretch;justify-content:stretch;border-radius:4px;overflow:hidden}.folder-preview__slot .folder-mini{width:100%!important;height:100%!important}.folder-preview__empty{width:100%;height:100%;border-radius:4px;background:var(--input-bg);border:1.5px dashed var(--card-border-subtle)}.folder-modal{background:var(--modal-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-2xl);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);padding:28px 24px 20px;width:100%;max-width:380px;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.folder-modal__title{color:var(--text-primary);font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;letter-spacing:-.02em;font-family:var(--font-body)}.folder-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:100px}.folder-modal__app{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 4px;border-radius:var(--radius-md);transition:background var(--transition-fast);position:relative}.folder-modal__app:hover{background:var(--input-bg)}.folder-modal__app:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.folder-modal__app--add{cursor:pointer}.folder-modal__add-icon{width:var(--icon-wrap-size);height:var(--icon-wrap-size);border-radius:var(--icon-wrap-radius);display:flex;align-items:center;justify-content:center;border:2px dashed var(--dashed-border);color:var(--text-secondary);transition:all var(--transition-fast)}.folder-modal__app--add:hover .folder-modal__add-icon{border-color:var(--accent);color:var(--accent)}.folder-modal__app-actions{position:absolute;top:2px;right:2px;display:flex;gap:2px;z-index:5;opacity:.85;transition:opacity var(--transition-fast)}.folder-modal__app:hover .folder-modal__app-actions{opacity:1}.folder-modal__app--dragging{opacity:.3;transform:scale(.9)}.folder-modal__app--over{background:var(--input-bg);border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--accent)}.folder-modal__grip{position:absolute;bottom:2px;left:50%;transform:translate(-50%);color:var(--text-secondary);opacity:.3;pointer-events:none}.folder-modal__app-name{color:var(--text-primary);font-size:11px;font-weight:500;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-modal__dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 0 4px}.folder-modal__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--input-border);cursor:pointer;padding:0;transition:all var(--transition-fast)}.folder-modal__dot--active{background:var(--accent);width:10px;height:10px}.folder-modal__nav{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:8px}.folder-modal__nav .btn--icon-sm{background:var(--input-bg);color:var(--text-secondary)}.folder-modal__page-label{color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font-mono)}.keybinds{display:flex;flex-direction:column;gap:18px;max-height:60vh;overflow-y:auto;padding-right:12px}.keybinds__section{display:flex;flex-direction:column;gap:8px}.keybinds__heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-family:var(--font-mono)}.keybinds__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.keybinds__desc{font-size:13px;color:var(--text-primary)}.keybinds__keys{display:flex;gap:4px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 7px;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;box-shadow:0 1px 2px #00000014;line-height:1;white-space:nowrap}.site-footer{text-align:center;padding:32px 24px 28px;max-width:960px;margin:0 auto;border-top:1px solid var(--card-border-subtle)}.site-footer__text{color:var(--text-secondary);font-size:13px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}.site-footer__heart{color:#e55;display:inline-flex;animation:heartbeat 1.6s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.site-footer__brand{font-weight:600;color:var(--text-primary)}.site-footer__copy{color:var(--text-secondary);font-size:11px;opacity:.6;margin-top:2px}.header__user:focus-within .header__email{max-width:160px;opacity:1}@media(max-width:640px){.weather-wrap__row{flex-direction:column-reverse}.weather-wrap__row .clock,.weather-wrap__row .weather{width:100%}.header{padding:14px 16px}.header__title{display:none}.hero{padding:28px 16px 8px}.weather-wrap{padding:12px 16px 24px}.search-wrap{padding:0 16px 16px}.groups{padding:0 16px 48px}.group__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.auth{padding:32px 24px}.site-footer{padding:24px 16px 20px}}