.dialog{width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #343d50;border-radius:14px;background:#12151c;color:#e9edf5;box-shadow:0 24px 90px #0008}.dialog::backdrop{background:#030509b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 26px 23px}.dialog-heading h2{font-size:23px;line-height:1.35;letter-spacing:-.6px;font-weight:650}.dialog-heading p{color:#98a6bd;font-size:13px;line-height:1.7;margin-top:7px}.dialog-heading .icon-button{margin:-4px -8px 0 0}.site-form{padding:0 26px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550;color:#bbc6d8;margin-bottom:18px;min-width:0}.field input,.field select{width:100%;min-width:0;height:44px;padding:9px 12px;border:1px solid #323c50;border-radius:6px;background:#0d1016;color:#e9edf5;font-size:14px}.field input::placeholder{color:#697a94}.field input:focus,.field select:focus{border-color:#8b9bdd}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-field{margin:0 0 20px;padding:0;border:0}.color-field legend{font-size:13px;color:#bbc6d8;margin-bottom:12px;font-weight:550}.color-options{display:flex;flex-wrap:wrap;gap:10px}.color-option{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffff14;border-radius:50%}.color-option.selected{outline:2px solid #bac7f8;outline-offset:3px}.favorite-check{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;width:fit-content}.favorite-check input{width:17px;height:17px;accent-color:#8190cb;margin:0 2px 0 0}.favorite-check svg{color:#d3b368}.form-preview{margin-top:23px;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #283246;background:#0d1118;border-radius:8px;min-width:0}.form-preview .site-icon{width:43px;height:43px;border-radius:8px}.form-preview .site-icon svg{width:25px}.form-preview>div{min-width:0;flex:1}.form-preview strong,.form-preview>div span{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.form-preview strong{font-size:14px;font-weight:600}.form-preview>div span{font-size:12px;color:#96a6be;margin-top:5px}.preview-label{font-size:11px;color:#7788a5;white-space:nowrap}.form-error{color:#ffb2b9;background:#8d334127;border:1px solid #793643;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.6;margin-top:15px}.dialog-actions{display:flex;align-items:center;gap:9px;padding:22px 26px;border-top:1px solid #252d3c;margin-top:24px}.site-form .dialog-actions{margin-inline:-26px}.action-spacer{flex:1}.button.danger-quiet{padding-inline:8px;color:#e8949c}.button.danger-quiet:hover{background:#683b422e}.button.danger{color:#fff3f4;background:#aa3c50;border-color:#bd4b60}.button.danger:hover{background:#bd4b60}.settings-content{padding:0 26px}.setting-section+.setting-section{margin-top:24px;border-top:1px solid #293142;padding-top:22px}.setting-section h3{font-size:15px;margin-bottom:9px}.setting-section p{color:#a8b4c9;font-size:13px;line-height:1.8}.setting-section .subtle{color:#8a9bb5;font-size:12px;margin-top:8px}.backup-actions{display:flex;gap:12px;margin-block:16px}.backup-actions .button{flex:1;font-size:13px;gap:7px}.confirmation-dialog{width:min(450px,calc(100vw - 32px))}.confirmation-message{margin:0 26px;font-size:14px;line-height:1.9;color:#abb8d0;word-break:keep-all;overflow-wrap:anywhere}@media(max-width:759px){.dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px);border-radius:12px}.dialog-heading{padding:22px 20px}.dialog-heading h2{font-size:22px}.dialog-heading .icon-button{min-width:40px;height:40px}.site-form{padding-inline:20px}.field input,.field select{font-size:16px}.dialog-actions{padding:19px 20px;gap:8px}.site-form .dialog-actions{margin-inline:-20px}.dialog-actions .button{padding-inline:12px;min-height:44px;font-size:13px}.settings-content{padding-inline:20px}.color-options{gap:9px}.color-option{width:37px;height:37px}.favorite-check{min-height:44px}.form-preview{padding:12px}.preview-label{display:none}.backup-actions{flex-direction:column}.backup-actions .button{min-height:44px}.confirmation-message{margin-inline:20px}}.confirmation-error{margin-inline:26px}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#f1f1f3;background:#0b0c0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #0b0c0f;--surface: #111318;--surface-hover: #181b22;--text: #f1f1f3;--muted: #9ca7ba;--quiet: #8290a5;--border: #242833;--primary: #6f7db8;--gold: #f3c864;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,a{touch-action:manipulation}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid #91a1eb}button,input,select{transition:background-color .2s,border-color .2s,color .2s,opacity .2s}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:var(--primary);color:#0b0c0f;border-radius:6px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;padding:24px 14px;border-right:1px solid #20242c;background:#0e1014;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain;z-index:30}.sidebar>*{flex-shrink:0}.brand{display:flex;align-items:center;gap:13px;padding:0 14px;height:34px;margin-bottom:42px;font-size:28px;font-weight:700;letter-spacing:-.7px}.brand img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.workspace-label{padding:0 12px;margin-bottom:11px;color:var(--quiet);font-size:13px;letter-spacing:.7px;font-weight:500}.nav-item{display:flex;align-items:center;width:100%;min-height:51px;padding:10px 17px;gap:20px;border-radius:8px;color:#acb7ca;font-size:17px;text-align:left;margin-bottom:1px}.nav-item:hover{background:#171a20;color:var(--text)}.nav-item.active{background:#20242e;color:#edf0fa}.nav-item.active svg{color:#8b9aec}.nav-item span:not(.nav-count){flex:1}.nav-count{font-size:16px;color:#8796ad;font-variant-numeric:tabular-nums}.nav-divider{height:1px;background:var(--border);margin:24px 8px 23px}.collection-label{color:#8290a5;font-size:13px;margin:0 12px 12px}.settings-button{margin-top:auto}.main-shell{margin-left:280px;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 36px;border-bottom:1px solid #20242c;background:var(--background);gap:14px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:16px;color:var(--muted);min-width:0}.breadcrumb strong{font-weight:500;color:#c8d1e0;white-space:nowrap}.breadcrumb-slash{color:#525d70;font-size:19px}.keyboard-button{display:flex;align-items:center;gap:5px;border:1px solid #20242d;border-radius:6px;padding:5px 7px;color:#8794a8}kbd{font-family:inherit;font-size:12px;font-weight:500}.keyboard-button kbd{background:#15181e;border-radius:3px;padding:0 3px}.main-content{padding:32px 36px 52px;max-width:1800px;margin:0 auto}.intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}h1{font-size:40px;font-weight:720;letter-spacing:-1.6px;line-height:1.25}.intro p{margin-top:8px;font-size:18px;color:#acb5c4;line-height:1.5;letter-spacing:-.3px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 16px;border-radius:6px;border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap}.button.primary{background:var(--primary);color:#090b12;border-color:#7d8bc8}.button.primary:hover{background:#8190ca}.button.secondary{color:#d5dbea;background:#191c23;border-color:#2d3340}.button.secondary:hover{background:#232833;border-color:#46516a}.add-site-button{margin-top:2px;min-height:50px;font-size:17px;padding:12px 18px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:5px;border-radius:6px;color:#9eaac0;flex-shrink:0}.icon-button:hover{color:var(--text);background:#222733}.search-wrap{display:flex;align-items:center;gap:14px;padding:0 15px;height:51px;border:1px solid #343c4c;border-radius:8px;background:#12151a;color:#8d9bb1;margin-top:27px}.search-wrap:focus-within{border-color:#8595dd;box-shadow:0 0 0 2px #6f7db819}.search-wrap input{background:transparent;color:var(--text);border:0;flex:1;width:0;min-width:0;height:100%;padding:0;font-size:16px;outline:none}.search-wrap input::placeholder{color:#8d9bb1;opacity:1}.search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}.search-shortcut{padding:3px 6px;border:1px solid #303747;border-radius:4px;background:#1c212a;white-space:nowrap}.search-wrap:has(.clear-search) .search-shortcut{display:none}.filter-row{margin-top:18px;display:flex;gap:16px;align-items:center;justify-content:space-between;min-width:0}.filter-tabs{display:flex;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:1px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{min-height:41px;padding:8px 20px;border:1px solid #262c37;border-radius:7px;background:#12151a;color:#b0bacd;font-size:15px;white-space:nowrap;font-weight:500}.filter-tab:hover{color:#e7ebf5;background:#202530}.filter-tab.active{background:var(--primary);color:#090b12;border-color:#7d8bc8;font-weight:650}.view-toggle{display:flex;border:1px solid #252c38;border-radius:8px;flex-shrink:0;height:42px}.view-toggle .icon-button{min-width:50px;height:40px;border-radius:7px}.view-toggle .active{background:#202632;color:#94a3f4;box-shadow:inset 0 0 0 1px #303849}.favorites-section{margin-top:30px}.section-heading{display:flex;align-items:center;gap:13px;font-size:19px;line-height:26px;font-weight:650;letter-spacing:-.3px}.section-heading>svg{color:#a9b5cc}.section-heading>.gold-icon{color:var(--gold)}.favorites-grid,.sites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.favorites-grid{margin-top:16px}.site-card{position:relative;min-width:0;background:var(--surface);border:1px solid #262d39;border-radius:8px;min-height:100px;transition:border-color .2s,background-color .2s}.site-card:hover{background:#15181f;border-color:#536085}.site-card:focus-within{border-color:#8b9bec;box-shadow:0 0 0 1px #8b9bec}.site-open{display:flex;align-items:center;gap:20px;padding:18px 40px 18px 16px;min-height:98px;height:100%;border-radius:7px}.site-open:focus-visible{outline:2px solid #8b9bec;outline-offset:-1px}.site-icon{width:56px;height:56px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#28203c;color:#bc9cf4;border:1px solid #ffffff05}.tone-violet{background:#302345;color:#bd9af4}.tone-green{background:#1f3d30;color:#91e1b3}.tone-blue{background:#213858;color:#8cbef7}.tone-slate{background:#2a2f3a;color:#dae1ef}.tone-amber{background:#4a3726;color:#edc9a5}.tone-orange{background:#513127;color:#eda17c}.tone-pink{background:#4e2337;color:#eda0c1}.tone-teal{background:#173d40;color:#7ed4d3}.site-info{min-width:0;display:flex;flex-direction:column;gap:8px}.site-info strong{display:block;font-size:16px;line-height:1.3;font-weight:620;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-info>span{font-size:13px;line-height:1.4;color:#9ca9c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-arrow{position:absolute;right:15px;bottom:15px;color:#92a0b7}.favorite-button{position:absolute;right:8px;top:8px}.favorite-button.is-favorite{color:var(--gold)}.favorite-button.is-favorite:hover{background:#f3c86412}.edit-button{position:absolute;right:41px;bottom:7px;opacity:0}.site-card:hover .edit-button,.site-card:focus-within .edit-button{opacity:1}.compact-card{min-height:96px}.compact-card .site-open{min-height:94px}.sites-section{margin-top:32px}.sites-section.with-favorites{border-top:1px solid #222732;padding-top:19px;margin-top:36px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;min-height:26px}.result-count{font-size:14px;line-height:1;color:#8997ae;margin-left:3px;font-weight:400;letter-spacing:0}.sort-control{position:relative;display:inline-flex;align-items:center;min-width:70px}.sort-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#a3b0c7;padding:5px 23px 5px 5px;font-size:14px;width:100%;cursor:pointer}.sort-control select option{background:#171b23;color:#e1e6f0}.sort-control svg{position:absolute;right:0;pointer-events:none;color:#98a5bb}.sites-grid.list-view{grid-template-columns:1fr;gap:10px}.list-view .site-card{min-height:79px}.list-view .site-open{min-height:77px;padding:12px 105px 12px 16px}.list-view .site-icon{width:48px;height:48px}.list-view .site-info{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,2fr);align-items:center;width:100%;gap:24px}.list-view .favorite-button{top:23px;right:52px}.list-view .open-arrow{bottom:29px;right:19px}.list-view .edit-button{bottom:23px;right:91px}.empty-state{padding:65px 24px;text-align:center;border:1px dashed #2c3444;border-radius:9px;color:#8999b2}.empty-state h3{color:#dbe2ef;margin-top:18px;font-size:19px}.empty-state p{font-size:14px;line-height:1.7;margin:10px 0 23px}.storage-error{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:24px;padding:13px 16px;color:#f1cb90;background:#32291c;border:1px solid #675230;border-radius:7px;font-size:13px;line-height:1.6}.storage-error button{text-decoration:underline;font-size:13px;white-space:nowrap;padding:5px}.toast{position:fixed;z-index:80;bottom:24px;left:calc(50% + 140px);transform:translate(-50%);display:flex;align-items:center;gap:11px;max-width:min(640px,calc(100vw - 32px));padding:10px 12px 10px 16px;border:1px solid #3b4660;border-radius:9px;background:#212735;color:#e6edfc;box-shadow:0 10px 36px #0005;font-size:14px}.toast>span{line-height:1.5}.toast>button:not(.icon-button){color:#aab9ff;font-weight:650;white-space:nowrap;padding:6px}.toast>svg{flex-shrink:0;color:#a4d9b7}.menu-button,.nav-close,.sidebar-backdrop{display:none}@media(max-width:1399px){.sidebar{width:240px}.main-shell{margin-left:240px}.brand{padding-left:10px}.nav-item{gap:15px;padding-left:13px;font-size:16px}.topbar,.main-content{padding-inline:28px}.favorites-grid,.sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-open{gap:14px}.filter-tab{padding-inline:14px}.toast{left:calc(50% + 120px)}}@media(max-width:1099px){.main-content{padding:28px 24px 40px}.topbar{padding-inline:24px}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{gap:10px}.filter-tab{padding-inline:13px}.view-toggle .icon-button{min-width:39px}h1{font-size:34px}.intro p{font-size:16px}.add-site-button{font-size:15px;min-height:45px;padding:10px 13px}.site-icon{width:46px;height:46px}.site-info strong{font-size:14px}.site-info>span{font-size:12px}.site-open{padding-left:12px;gap:11px}.list-view .site-info{display:flex;align-items:flex-start;gap:5px}}@media(max-width:759px){.sidebar{width:min(280px,calc(100vw - 48px));transform:translate(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.sidebar.is-open{transform:translate(0);visibility:visible}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brand{margin-bottom:34px;padding-left:10px}.nav-close{display:flex;margin-left:auto}.main-shell{margin-left:0}.topbar{padding:0 18px 0 12px;height:60px;justify-content:flex-start;gap:10px}.menu-button{display:flex;min-width:40px;height:40px}.breadcrumb{font-size:13px;gap:10px}.keyboard-button{display:none}.main-content{padding:25px 20px 36px}h1{font-size:29px;letter-spacing:-1px}.intro{gap:12px;align-items:center}.intro p{font-size:13px;margin-top:8px}.add-site-button{font-size:13px;gap:4px;padding:10px;min-height:43px}.add-site-button svg{width:18px}.search-wrap{margin-top:25px;height:49px;gap:10px;padding-inline:13px}.search-wrap input{font-size:14px}.search-shortcut{display:none}.filter-row{align-items:flex-start;gap:8px;margin-top:14px}.filter-tabs{gap:7px}.filter-tab{min-height:43px;font-size:13px;padding:8px 14px}.view-toggle{height:44px}.view-toggle .icon-button{height:42px;min-width:36px}.view-toggle svg{width:20px}.favorites-section{margin-top:27px}.section-heading{font-size:17px;gap:9px}.section-heading>svg{width:21px}.favorites-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:265px;gap:12px;overflow-x:auto;margin-top:14px;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:#333d50 transparent}.sites-section.with-favorites{margin-top:23px;padding-top:21px}.sites-grid{grid-template-columns:1fr;gap:12px}.site-icon{width:54px;height:54px}.site-open{gap:18px;padding-left:16px;padding-right:85px;min-height:99px}.site-info strong{font-size:16px}.site-info>span{font-size:13px}.favorite-button{min-width:44px;height:44px;top:2px;right:3px}.edit-button{opacity:1;min-width:44px;height:44px;right:37px;bottom:0}.open-arrow{right:16px;bottom:18px}.compact-card .site-open{padding-right:43px}.compact-card .site-icon{width:46px;height:46px}.compact-card .site-info strong{font-size:14px}.compact-card .site-open{gap:13px}.section-top{gap:10px;margin-bottom:14px}.result-count{font-size:13px}.sort-control select{min-height:40px;font-size:13px}.toast{left:50%;bottom:18px;width:max-content;font-size:13px}.storage-error{display:block;font-size:12px}.storage-error button{margin-top:5px}.list-view .site-open{min-height:90px;padding-right:86px}.list-view .favorite-button{top:1px;right:3px}.list-view .edit-button{bottom:0;right:37px}.list-view .open-arrow{bottom:18px;right:16px}.empty-state{padding:46px 18px}}@media(max-width:359px){.main-content{padding-inline:14px}.intro{align-items:flex-start}h1{font-size:27px}.intro p{max-width:165px;line-height:1.6}.add-site-button{font-size:12px;padding-inline:8px}.site-open{gap:12px;padding-left:12px}.site-icon{width:46px;height:46px}.site-info strong{font-size:14px}.site-info>span{font-size:12px}.breadcrumb>span:first-child{display:none}.breadcrumb-slash{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}.availability-tabs{display:inline-flex;align-items:center;gap:5px;padding:4px;margin-top:26px;max-width:100%;background:#11151c;border:1px solid #293142;border-radius:8px}.availability-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 15px;border-radius:5px;color:#a7b4ca;font-size:14px;white-space:nowrap}.availability-tabs button:hover{background:#1d2430;color:#e0e7f5}.availability-tabs button.active{background:#272f43;color:#dce5ff;box-shadow:inset 0 0 0 1px #3c4967}.availability-tabs button>span{color:#9eadca;font-size:12px;min-width:18px;padding:1px 5px;border-radius:4px;background:#0b0f1880}.availability-tabs+.search-wrap{margin-top:18px}.availability-notice{display:flex;align-items:flex-start;gap:12px;margin-top:17px;padding:14px 16px;border:1px solid #55452c;background:#211c15;border-radius:7px;color:#d9c39c}.availability-notice>svg{color:#c9aa72;flex-shrink:0;margin-top:1px}.availability-notice p{font-size:13px;line-height:1.65}.availability-notice div>span{display:block;font-size:11px;margin-top:5px;color:#a9987d}.availability-notice+.search-wrap{margin-top:18px}.site-card.has-issue .site-open{height:auto}.site-issue{display:flex;flex-direction:column;gap:7px;padding:11px 15px 13px;border-top:1px solid #332e27;color:#cbaa79}.site-issue>span{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;flex-wrap:wrap}.site-issue svg{flex-shrink:0}.issue-reason{color:#a99b87}.site-issue time{font-size:10px;color:#8f9bb0;font-variant-numeric:tabular-nums;line-height:1.5}.site-card.has-issue .open-arrow{top:63px;bottom:auto}.site-card.has-issue .edit-button{top:55px;bottom:auto}.list-view .site-card.has-issue .open-arrow{top:29px}.list-view .site-card.has-issue .edit-button{top:23px}.list-view .site-issue{flex-direction:row;align-items:center;justify-content:space-between;gap:15px}@media(max-width:759px){.availability-tabs{display:flex;margin-top:22px;gap:4px}.availability-tabs button{flex:1;min-width:0;min-height:44px;padding-inline:9px;gap:7px;font-size:13px}.availability-tabs button svg{width:17px}.availability-notice{padding:12px;gap:9px}.availability-notice p{font-size:12px}.availability-notice time{white-space:nowrap}.site-card.has-issue .edit-button{top:54px}.site-card.has-issue .open-arrow{top:64px}.site-issue{padding-inline:15px}.list-view .site-card.has-issue .edit-button{top:45px}.list-view .site-card.has-issue .open-arrow{top:55px}.list-view .site-issue{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:359px){.availability-tabs button{gap:5px;padding-inline:7px;font-size:12px}}