/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.\!block{display:block!important}.\!flex{display:flex!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-move{cursor:move}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}}:root{--bg:#282828;--fg:#ebdbb2;--columns:4;--pos-x:0px;--pos-y:0px;--search-width:560px;--search-y:16px;--search-z:15px;--radius:16px;--grid-gap:50px;--tile-size:72px;--icon-size:36px;--label-size:11px;--label-flex:column;--font-family:"Open Sans", system-ui, sans-serif;--anim-height:4px;--bg-grad:none;--bg-image:none;--bg-brightness:100%;--bg-blur:0px;--search-bg:var(--fg)}@supports (color:color-mix(in lab,red,red)){:root{--search-bg:color-mix(in srgb, var(--fg) 5%, var(--bg))}}:root{--search-text:var(--fg);--search-border:var(--fg)}@supports (color:color-mix(in lab,red,red)){:root{--search-border:color-mix(in srgb, var(--fg) 20%, transparent)}}:root{--clock-size:14px;--clock-x:0px;--clock-y:0px;--weather-x:auto;--weather-y:20px;--weather-right:20px;--weather-w:170px;--weather-fs:13px;--r-lg:clamp(0px, var(--radius), 24px);--r-md:clamp(0px, var(--radius), 12px);--r-sm:clamp(0px, var(--radius), 8px);--ui-scale:100%;--focus-accent:#fabd2f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--search-opacity:1;--suggestions-opacity:1;--tile-opacity:1;--weather-opacity:1;--custom-btn-opacity:1;--mobile-nav-opacity:1;--center-btn-opacity:1;--custom-widget-opacity:1}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{background:var(--bg);background-image:var(--bg-grad);color:var(--fg);font-family:var(--font-family);-webkit-font-smoothing:antialiased;touch-action:manipulation;zoom:var(--ui-scale);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}body:before{content:"";background-image:var(--bg-image);z-index:-1;filter:brightness(var(--bg-brightness)) blur(var(--bg-blur));background-position:50%;background-size:cover;position:fixed;top:0;right:0;bottom:0;left:0}.skip-link{background:var(--fg);color:var(--bg);z-index:1000;border-radius:var(--r-sm);padding:12px 24px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-50px;left:10px}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-wrapper{width:100%;transform:translate(var(--pos-x),var(--pos-y));flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;transition:opacity .4s,transform .4s;display:flex}.clock-container{transform:translate(var(--clock-x),var(--clock-y));justify-content:center;align-items:center;margin-bottom:30px;display:flex}.clock-style-minimal{flex-direction:column}.clock-style-minimal .clock-time{font-size:var(--clock-size);letter-spacing:.3em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:700}.clock-style-withDate{gap:12px}.clock-style-withDate.date-top{flex-direction:column-reverse}.clock-style-withDate.date-bottom{flex-direction:column}.clock-style-withDate.date-left{flex-direction:row-reverse}.clock-style-withDate.date-right{flex-direction:row}.clock-style-withDate.date-hidden .clock-date{display:none}.clock-style-withDate .clock-time{font-size:var(--clock-size);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-weight:700}.clock-style-withDate .clock-date{font-size:calc(var(--clock-size) * .65);opacity:.7;white-space:nowrap;letter-spacing:.05em}.clock-style-vertical{flex-direction:column;gap:16px}.clock-style-vertical .clock-time{font-size:var(--clock-size);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-weight:700}.clock-style-vertical .clock-date{font-size:calc(var(--clock-size) * .45);opacity:.5;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}.clock-style-vertical .clock-divider{width:calc(var(--clock-size) * 3);background:var(--fg);opacity:.2;height:1px}.clock-style-feelsLike{flex-direction:column;gap:8px}.clock-style-feelsLike .clock-time{font-size:var(--clock-size);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-weight:700}.clock-style-feelsLike .clock-feels{font-size:calc(var(--clock-size) * .6);opacity:.6;letter-spacing:.05em;white-space:nowrap}.clock-style-weatherIntegrated{gap:16px}.clock-style-weatherIntegrated .clock-time{font-size:var(--clock-size);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-weight:700}.clock-style-weatherIntegrated .clock-weather-mini{font-size:calc(var(--clock-size) * .7);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.clock-style-weatherIntegrated .clock-weather-mini img{width:calc(var(--clock-size) * 1.5);height:calc(var(--clock-size) * 1.5);object-fit:contain}.clock-style-weatherIntegrated .clock-weather-emoji{font-size:calc(var(--clock-size) * 1.2);display:none}.clock-style-analog{gap:16px}.clock-style-analog.date-top{flex-direction:column-reverse}.clock-style-analog.date-bottom{flex-direction:column}.clock-style-analog.date-left{flex-direction:row-reverse}.clock-style-analog.date-right{flex-direction:row}.clock-style-analog.date-hidden .clock-date{display:none}.clock-style-analog svg{width:calc(var(--clock-size) * 10);height:calc(var(--clock-size) * 10);max-width:280px;max-height:280px}.analog-clock .clock-face{fill:var(--fg)}@supports (color:color-mix(in lab,red,red)){.analog-clock .clock-face{fill:color-mix(in srgb,var(--fg) 5%,transparent)}}.analog-clock .clock-face{stroke:var(--fg);stroke-width:2px}.analog-clock .hour-mark{stroke:var(--fg);stroke-width:2px;opacity:.4}.analog-clock .hour-number{fill:var(--fg);font-size:12px;font-family:var(--font-family);opacity:.5}.analog-clock .hour-hand{stroke:var(--fg);stroke-width:4px;stroke-linecap:round}.analog-clock .minute-hand{stroke:var(--fg);stroke-width:3px;stroke-linecap:round}.analog-clock .second-hand{stroke:var(--fg);stroke-width:1.5px;stroke-linecap:round;opacity:.6}.analog-clock .clock-center{fill:var(--fg)}.clock-style-analog .clock-date{font-size:calc(var(--clock-size) * .6);opacity:.6;white-space:nowrap;letter-spacing:.1em}.focus-note-wrap{justify-content:center;width:100%;max-width:400px;margin-bottom:30px;display:none}.focus-note-wrap.active{display:flex}.focus-note{border:none;border-bottom:2px solid var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.focus-note{border-bottom:2px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.focus-note{color:var(--fg);text-align:center;width:100%;font-size:18px;font-family:var(--font-family);outline:none;padding:8px 16px;transition:border-color .2s}.focus-note:focus{border-color:var(--fg)}.focus-note::placeholder{color:var(--fg);opacity:.4}.greeting{opacity:.5;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;font-size:13px;transition:opacity .4s;display:none}.greeting.active{display:block}.focus-mode-indicator{letter-spacing:.35em;text-transform:uppercase;color:var(--fg);opacity:0;pointer-events:none;z-index:200;align-items:center;gap:8px;font-size:10px;font-weight:600;transition:all .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-30px)}.focus-mode-indicator:before{content:"";background:var(--focus-accent);width:6px;height:6px;box-shadow:0 0 8px var(--focus-accent);border-radius:50%;animation:2s ease-in-out infinite focusPulse}@keyframes focusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}body.focus-mode .focus-mode-indicator{opacity:.8;transform:translate(-50%)translateY(0)}body.focus-mode .grid,body.focus-mode .search-wrap,body.focus-mode .center-btn-wrap,body.focus-mode .hint,body.focus-mode .credits,body.focus-mode .floating-btn-group,body.focus-mode .weather-widget,body.focus-mode .custom-btn-container,body.focus-mode #custom-widget-container,body.focus-mode .pomodoro-wrap,body.focus-mode .mobile-nav{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:scale(.95)}body.focus-mode .content-wrapper{transform:translate(var(--pos-x),var(--pos-y)) scale(1);justify-content:center}body.focus-mode .clock-container{opacity:.85;margin-bottom:50px}body.focus-mode .greeting{opacity:.6;display:block}body.focus-mode .focus-note-wrap{max-width:700px;margin-bottom:20px;display:flex!important}body.focus-mode .focus-note{border-bottom:2px solid var(--focus-accent);font-size:36px;font-weight:300}@supports (color:color-mix(in lab,red,red)){body.focus-mode .focus-note{border-bottom:2px solid color-mix(in srgb,var(--focus-accent) 50%,transparent)}}body.focus-mode .focus-note{letter-spacing:.01em;background:0 0;padding:16px 32px}body.focus-mode .focus-note:focus{border-color:var(--focus-accent)}body.focus-mode .focus-note::placeholder{opacity:.3;font-style:italic}.focus-exit-hint{letter-spacing:.3em;text-transform:uppercase;opacity:0;color:var(--fg);pointer-events:none;z-index:200;font-size:9px;transition:all .4s .6s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px)}body.focus-mode .focus-exit-hint{opacity:.4;transform:translate(-50%)translateY(0)}.focus-exit-btn{background:var(--focus-accent);width:44px;height:44px;position:fixed;top:20px;right:20px}@supports (color:color-mix(in lab,red,red)){.focus-exit-btn{background:color-mix(in srgb,var(--focus-accent) 20%,var(--bg))}}.focus-exit-btn{border:1px solid var(--focus-accent);color:var(--focus-accent);cursor:pointer;z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:all .2s;display:none}body.focus-mode .focus-exit-btn{opacity:.8;pointer-events:auto;animation:.6s .4s forwards fadeInExit;display:flex}@keyframes fadeInExit{to{opacity:.85}}.focus-exit-btn:hover,.focus-exit-btn:active{opacity:1;background:var(--focus-accent);color:var(--bg);transform:scale(1.1)}.pomodoro-wrap{opacity:0;flex-direction:column;align-items:center;gap:16px;margin-top:40px;transition:opacity .4s;display:none}.pomodoro-wrap.active{opacity:1;display:flex}.pomodoro-label{letter-spacing:.3em;text-transform:uppercase;opacity:.5;font-size:10px}.pomodoro-timer{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:56px;font-weight:200;line-height:1}.pomodoro-controls{gap:10px;margin-top:8px;display:flex}.pomodoro-btn{border:1px solid var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.pomodoro-btn{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.pomodoro-btn{color:var(--fg);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border-radius:var(--r-sm);padding:8px 18px;font-family:inherit;font-size:10px;transition:all .2s}.pomodoro-btn:hover,.pomodoro-btn:active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.pomodoro-mode-label{letter-spacing:.3em;text-transform:uppercase;opacity:.4;margin-top:4px;font-size:9px}.focus-toggle-btn{background:var(--fg);width:40px;height:40px}@supports (color:color-mix(in lab,red,red)){.focus-toggle-btn{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.focus-toggle-btn{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.focus-toggle-btn{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.focus-toggle-btn{color:var(--fg);border-radius:var(--r-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;transition:all .2s;display:flex}.focus-toggle-btn:hover,.focus-toggle-btn:active{background:var(--focus-accent);color:var(--bg);border-color:var(--focus-accent)}body.focus-mode .focus-toggle-btn{z-index:300;opacity:.5;position:fixed;top:20px;right:20px}body.focus-mode .focus-toggle-btn:hover{opacity:1}.offline-indicator{background:#f44;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(60px)}@supports (color:color-mix(in lab,red,red)){.offline-indicator{background:color-mix(in srgb,#f44 20%,var(--bg))}}.offline-indicator{color:#f88;border-radius:var(--r-md);letter-spacing:.2em;text-transform:uppercase;z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #f44;align-items:center;gap:8px;padding:8px 20px;font-size:10px;font-weight:600;transition:transform .4s;display:flex}.offline-indicator:before{content:"";background:#f44;border-radius:50%;width:6px;height:6px}.offline-indicator.show{transform:translate(-50%)translateY(0)}#custom-widget-container{z-index:50;max-width:300px;opacity:var(--custom-widget-opacity);display:none;position:fixed;top:20px;left:20px}#custom-widget-container.active{display:block}.weather-widget{top:var(--weather-y);left:var(--weather-x);right:var(--weather-right);background:var(--fg);position:fixed}@supports (color:color-mix(in lab,red,red)){.weather-widget{background:color-mix(in srgb,var(--fg) 8%,var(--bg))}}.weather-widget{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.weather-widget{border:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}}.weather-widget{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;width:var(--weather-w);font-size:var(--weather-fs);color:var(--fg);touch-action:none;opacity:var(--weather-opacity);flex-direction:column;gap:.6em;padding:1em;display:none;box-shadow:0 4px 12px #0003}.weather-widget.active{display:flex}.weather-header{cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.weather-loc{text-overflow:ellipsis;white-space:nowrap;max-width:12em;font-size:1.1em;font-weight:600;overflow:hidden}.weather-menu-wrap{position:relative}.weather-dots{cursor:pointer;opacity:.6;color:var(--fg);background:0 0;border:none;padding:0 4px;font-size:1.4em;line-height:1}.weather-dots:hover{opacity:1}.weather-menu{background:var(--bg);border:1px solid var(--fg);border-radius:var(--r-sm);z-index:200;flex-direction:column;min-width:140px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0006}.weather-menu.active{display:flex}.weather-menu button{color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:11px}.weather-menu button:hover{background:var(--fg);color:var(--bg)}.weather-main{background:var(--fg);align-items:center;gap:.8em;display:flex}@supports (color:color-mix(in lab,red,red)){.weather-main{background:color-mix(in srgb,var(--fg) 12%,var(--bg))}}.weather-main{border-radius:var(--r-md);min-height:4em;padding:.8em}.weather-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:3em;height:3em}.weather-emoji{font-size:2.5em;display:none}.weather-temp{font-size:2.2em;font-weight:700}.weather-highlow{opacity:.8;justify-content:space-between;padding:0 .4em;font-size:.9em;display:flex}.weather-resize-handle{cursor:se-resize;z-index:200;touch-action:none;width:20px;height:20px;position:absolute;bottom:0;right:0}.weather-resize-handle:after{content:"";border-right:2px solid var(--fg);border-bottom:2px solid var(--fg);opacity:.4;width:6px;height:6px;position:absolute;bottom:4px;right:4px}.center-btn-wrap{margin-bottom:30px;display:none}.center-btn-wrap.active{display:flex}.center-btn{background:var(--fg);align-items:center;gap:10px;padding:12px 24px;display:flex}@supports (color:color-mix(in lab,red,red)){.center-btn{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.center-btn{color:var(--fg);border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.center-btn{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.center-btn{border-radius:var(--r-md);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 var(--search-z) calc(var(--search-z) * 2) #0003;opacity:var(--center-btn-opacity);font-size:12px;font-weight:700;text-decoration:none;transition:all .2s}body:not(.no-anim) .center-btn:hover{background:var(--fg);color:var(--bg);transform:translateY(-2px)}.center-btn img{object-fit:contain;border-radius:4px;width:20px;height:20px}.search-wrap{width:100%;max-width:var(--search-width);margin-bottom:var(--grid-gap);position:relative}.search-input-wrap{width:100%;position:relative}.search-input{width:100%;padding:var(--search-y) 24px;font-size:15px;font-family:var(--font-family);background:var(--search-bg);color:var(--search-text);border:1px solid var(--search-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 var(--search-z) calc(var(--search-z) * 2) #0003;opacity:var(--search-opacity);outline:none;transition:all .2s}.search-input:focus{background:var(--search-text);color:var(--search-bg);border-color:var(--search-text)}.search-input::placeholder{color:var(--search-text);opacity:.6}.search-input:focus::placeholder{color:var(--search-bg);opacity:.6}.search-suggestions{background:var(--search-text);color:var(--search-bg);border:1px solid var(--search-text);border-radius:var(--r-lg);z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 var(--search-z) calc(var(--search-z) * 3) #0000004d;max-height:300px;opacity:var(--suggestions-opacity);flex-direction:column;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}.search-suggestions.active{display:flex}.search-suggestion-item{padding:var(--search-y) 24px;cursor:pointer;color:var(--search-bg);text-align:left;font-size:15px;font-family:var(--font-family);opacity:1;background:0 0;border:none;align-items:center;gap:12px;width:100%;transition:background .15s;display:flex}.search-suggestion-item:first-child{border-radius:var(--r-lg) var(--r-lg) 0 0}.search-suggestion-item:last-child{border-radius:0 0 var(--r-lg) var(--r-lg)}.search-suggestion-item .suggestion-favicon{object-fit:contain;background:var(--search-bg);border-radius:4px;flex-shrink:0;width:20px;height:20px}@supports (color:color-mix(in lab,red,red)){.search-suggestion-item .suggestion-favicon{background:color-mix(in srgb,var(--search-bg) 10%,transparent)}}.search-suggestion-item .suggestion-favicon{opacity:.7;color:var(--search-bg);justify-content:center;align-items:center;font-size:11px;display:flex}.search-suggestion-item .suggestion-favicon img{object-fit:contain;width:16px;height:16px}.search-suggestion-item .suggestion-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-suggestion-item .suggestion-arrow{opacity:.4;color:var(--search-bg);flex-shrink:0;font-size:11px}.search-suggestion-item:hover,.search-suggestion-item.highlighted{background:var(--search-bg)}@supports (color:color-mix(in lab,red,red)){.search-suggestion-item:hover,.search-suggestion-item.highlighted{background:color-mix(in srgb,var(--search-bg) 10%,transparent)}}.engines{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.engines button{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.engines button{background:color-mix(in srgb,var(--fg) 5%,var(--bg))}}.engines button{color:var(--fg);border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.engines button{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.engines button{cursor:pointer;font-size:11px;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.15em;border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;transition:all .2s}.engines button:hover,.engines button.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.grid{grid-template-columns:repeat(var(--columns),var(--tile-size));justify-content:center;gap:24px 16px;display:grid}.tile-wrap,.placeholder-wrap{width:var(--tile-size);flex-direction:column;align-items:center;display:flex;position:relative}.tile-wrap{cursor:grab;touch-action:none}.tile-wrap.dragging{opacity:.4;cursor:grabbing}.tile-wrap.drag-over{transform:scale(1.1)}.tile-wrap.touch-dragging{z-index:9999;pointer-events:none;opacity:.85;transition:none;position:fixed}.tile{flex-direction:var(--label-flex);color:var(--fg);align-items:center;gap:8px;width:100%;text-decoration:none;display:flex}.tile-box,.placeholder-box{width:var(--tile-size);height:var(--tile-size);background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.tile-box,.placeholder-box{background:color-mix(in srgb,var(--fg) 8%,var(--bg))}}.tile-box,.placeholder-box{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.tile-box,.placeholder-box{border:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}}.tile-box,.placeholder-box{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:var(--tile-opacity);justify-content:center;align-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}.placeholder-box{border:1px dashed var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.placeholder-box{border:1px dashed color-mix(in srgb,var(--fg) 30%,transparent)}}.placeholder-box{cursor:pointer;opacity:calc(var(--tile-opacity) * .5);font-size:24px;font-weight:300}body:not(.no-anim) .placeholder-box:hover{opacity:var(--tile-opacity);background:var(--fg);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){body:not(.no-anim) .placeholder-box:hover{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}body:not(.no-anim) .tile-wrap:hover .tile-box{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){body:not(.no-anim) .tile-wrap:hover .tile-box{background:color-mix(in srgb,var(--fg) 15%,var(--bg))}}body:not(.no-anim) .tile-wrap:hover .tile-box{transform:translateY(calc(-1 * var(--anim-height)));box-shadow:0 8px 20px #0006}.tile-img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;filter:drop-shadow(0 2px 4px #0003);pointer-events:none}.tile-fallback{width:var(--icon-size);height:var(--icon-size);font-weight:700;font-size:calc(var(--icon-size) / 2.5);color:var(--fg);pointer-events:none;justify-content:center;align-items:center;display:flex}.tile-label{font-size:var(--label-size);letter-spacing:.05em;max-width:calc(var(--tile-size) + 20px);text-overflow:ellipsis;white-space:nowrap;text-align:center;opacity:calc(var(--tile-opacity) * .8);pointer-events:none;font-weight:600;overflow:hidden}.placeholder-wrap .tile-label{opacity:0}.tile-burger{background:var(--bg);color:var(--fg);border:1px solid var(--fg);cursor:pointer;opacity:0;z-index:2;border-radius:4px;padding:2px 4px;font-size:12px;line-height:1;transition:opacity .2s;position:absolute;top:-4px;right:-4px}.tile-wrap:hover .tile-burger,.tile-wrap:focus-within .tile-burger{opacity:.7}.tile-burger:hover{background:var(--fg);opacity:1!important;color:var(--bg)!important}.tile-drop{background:var(--bg);border:1px solid var(--fg);border-radius:var(--r-sm);z-index:10;flex-direction:column;min-width:100px;display:none;position:absolute;top:26px;right:0;overflow:hidden;box-shadow:0 4px 12px #0006}.tile-drop.active{display:flex}.tile-drop button{color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 16px;font-size:11px}.tile-drop button:hover{background:var(--fg);color:var(--bg)}.tile-drop button.danger:hover{color:var(--bg);background:#f44}.hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);opacity:.5;pointer-events:none;font-size:10px;position:fixed;bottom:20px;left:0;right:0}.credits{letter-spacing:.1em;text-transform:uppercase;color:var(--fg);opacity:.5;font-size:10px;text-decoration:none;transition:opacity .2s;position:fixed;bottom:20px;left:20px}.credits:hover{opacity:1}.floating-btn-group{z-index:100;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.mini-widget-btn,.settings-btn{background:var(--fg);width:40px;height:40px}@supports (color:color-mix(in lab,red,red)){.mini-widget-btn,.settings-btn{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.mini-widget-btn,.settings-btn{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.mini-widget-btn,.settings-btn{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.mini-widget-btn,.settings-btn{color:var(--fg);border-radius:var(--r-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.mini-widget-btn:hover,.settings-btn:hover{background:var(--fg);color:var(--bg)}.mini-widget-btn img{width:20px;height:20px}.custom-btn-container{z-index:90;opacity:var(--custom-btn-opacity);gap:10px;display:flex;position:fixed}.custom-btn-container:empty{display:none}.custom-btn-container[data-pos=left]{flex-direction:column;top:50%;left:20px;transform:translateY(-50%)}.custom-btn-container[data-pos=top-right]{flex-direction:column;top:20px;right:20px}.custom-btn-container[data-pos=bottom]{flex-direction:row;bottom:50px;left:50%;transform:translate(-50%)}.custom-float-btn{background:var(--fg);width:40px;height:40px}@supports (color:color-mix(in lab,red,red)){.custom-float-btn{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.custom-float-btn{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.custom-float-btn{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.custom-float-btn{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}body:not(.no-anim) .custom-float-btn:hover{background:var(--fg);color:var(--bg);transform:translateY(-2px)}.custom-float-btn img{object-fit:contain;border-radius:4px;width:20px;height:20px}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--fg);color:var(--bg);border-radius:var(--r-md);text-transform:uppercase;letter-spacing:.1em;opacity:0;padding:12px 24px;font-size:12px;font-weight:700;transition:all .3s;transform:translateY(20px);box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1;transform:translateY(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.sidebar-overlay.active{display:block}.sidebar{background:var(--bg);border-left:1px solid var(--fg);width:100%;max-width:440px;height:100vh;position:fixed;top:0;right:-440px}@supports (color:color-mix(in lab,red,red)){.sidebar{border-left:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.sidebar{z-index:100;transition:right .3s;display:block;overflow-y:auto}.sidebar.active{right:0}.sidebar-sticky-top{background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.sidebar-sticky-top{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.sidebar-sticky-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--fg);padding:30px 20px 10px}@supports (color:color-mix(in lab,red,red)){.sidebar-sticky-top{border-bottom:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.sidebar-header{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;font-weight:700;display:flex}.hidden{display:none}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.flex{display:flex}.gap-2{gap:8px}.close-btn{color:var(--fg);cursor:pointer;background:0 0;border:none;font-size:24px}.settings-search-wrap{margin-bottom:15px}.settings-search{background:var(--fg);width:100%}@supports (color:color-mix(in lab,red,red)){.settings-search{background:color-mix(in srgb,var(--fg) 5%,var(--bg))}}.settings-search{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.settings-search{border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.settings-search{color:var(--fg);border-radius:var(--r-sm);outline:none;padding:10px 16px;font-family:inherit}.settings-search::placeholder{color:var(--fg);opacity:.5}.tabs{border-bottom:none;margin-bottom:0;display:flex}.tab-btn{color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:.5;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:10px;font-weight:700;transition:opacity .2s}.tab-btn.active{opacity:1;border-bottom-color:var(--fg)}.sidebar-content{padding:20px}.tab-content{flex-direction:column;display:none}.tab-content.active{display:flex}.accordion-item{border:1px solid var(--fg);margin-bottom:10px}@supports (color:color-mix(in lab,red,red)){.accordion-item{border:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}}.accordion-item{border-radius:var(--r-md);background:var(--fg);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.accordion-item{background:color-mix(in srgb,var(--fg) 3%,transparent)}}.accordion-item{transition:border-color .2s}.accordion-item:hover{border-color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.accordion-item:hover{border-color:color-mix(in srgb,var(--fg) 25%,transparent)}}.accordion-item[open]{border-color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.accordion-item[open]{border-color:color-mix(in srgb,var(--fg) 25%,transparent)}}.accordion-summary{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:700;list-style:none;display:flex}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary:after{content:"+";opacity:.5;font-size:16px}.accordion-item[open] .accordion-summary:after{content:"-"}.accordion-content{padding:16px}.settings-row{border-radius:var(--r-sm);align-items:center;gap:8px;margin-bottom:8px;padding:4px;transition:background .3s;display:flex}.settings-row.highlight{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.settings-row.highlight{background:color-mix(in srgb,var(--fg) 20%,transparent)}}.shortcut-item,.engine-item,.custom-btn-item{border:1px dashed var(--fg)}@supports (color:color-mix(in lab,red,red)){.shortcut-item,.engine-item,.custom-btn-item{border:1px dashed color-mix(in srgb,var(--fg) 30%,transparent)}}.shortcut-item,.engine-item,.custom-btn-item{border-radius:var(--r-md);opacity:.8;margin-bottom:10px;padding:10px;transition:opacity .2s}.shortcut-item:hover,.engine-item:hover,.custom-btn-item:hover{opacity:1}.set-input{color:var(--fg);border:1px solid var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.set-input{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.set-input{border-radius:var(--r-sm);outline:none;width:100%;min-width:0;padding:10px;font-family:inherit;font-size:12px}.set-input:focus{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.set-input:focus{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.set-input:focus{border-color:var(--fg)}.set-letter{text-align:center;text-transform:uppercase;flex:0 0 50px;width:50px}.set-name,.set-url,.set-img{flex:1}textarea.set-input{resize:vertical;min-height:120px;font-family:monospace}textarea.code-input{resize:vertical;min-height:200px;font-family:monospace;font-size:11px}.control-group{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.control-group .sub-label{opacity:.6;text-transform:none;letter-spacing:.05em;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.default-val{opacity:.5;font-style:italic}.color-picker-wrap{gap:12px;display:flex}.color-picker{border:1px solid var(--fg);align-items:center;gap:8px;font-size:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.color-picker{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.color-picker{border-radius:var(--r-sm);flex:1;padding:6px}input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--fg);border-radius:4px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fg);height:4px}@supports (color:color-mix(in lab,red,red)){input[type=range]{background:color-mix(in srgb,var(--fg) 20%,transparent)}}input[type=range]{border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fg);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.range-wrap{align-items:center;gap:12px;display:flex}.num-input{text-align:center;width:70px;padding:6px}select.set-input{cursor:pointer;background:var(--bg)}.checkbox-wrap{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:12px;display:flex}.checkbox-wrap input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fg);width:36px;height:20px}@supports (color:color-mix(in lab,red,red)){.checkbox-wrap input[type=checkbox]{background:color-mix(in srgb,var(--fg) 20%,transparent)}}.checkbox-wrap input[type=checkbox]{cursor:pointer;border:1px solid #0000;border-radius:20px;transition:background .2s;position:relative}.checkbox-wrap input[type=checkbox]:before{content:"";background:var(--fg);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.checkbox-wrap input[type=checkbox]:checked{background:var(--fg)}.checkbox-wrap input[type=checkbox]:checked:before{background:var(--bg);transform:translate(16px)}.custom-file-upload{border:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.custom-file-upload{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.custom-file-upload{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.custom-file-upload{background:color-mix(in srgb,var(--fg) 5%,transparent)}}.custom-file-upload{color:var(--fg);border-radius:var(--r-sm);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.1em;width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:block}.custom-file-upload:hover{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.custom-file-upload:hover{background:color-mix(in srgb,var(--fg) 15%,transparent)}}.custom-file-upload:hover{border-color:var(--fg)}#cfg-bg-upload{display:none}.file-name{opacity:.6;text-transform:none;letter-spacing:normal;text-align:center;margin-top:6px;font-size:10px;display:block}.wallpaper-presets-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;margin-bottom:12px;display:grid}.wallpaper-presets-grid .action-btn{margin-top:0;padding:10px 8px;font-size:10px}.wallpaper-preset-btn.wallpaper-preset-loading{opacity:.5;pointer-events:none}.wallpaper-preset-btn.active-source{background:var(--fg);color:var(--bg);border-color:var(--fg)}.autocomplete-wrap{position:relative}.autocomplete-dropdown{background:var(--bg);border:1px solid var(--fg);border-radius:var(--r-sm);z-index:200;max-height:150px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--fg);padding:8px 12px;font-size:12px}@supports (color:color-mix(in lab,red,red)){.autocomplete-item{border-bottom:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}}.autocomplete-item:hover{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.autocomplete-item:hover{background:color-mix(in srgb,var(--fg) 10%,var(--bg))}}.action-btn{color:var(--fg);border:1px solid var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:var(--r-sm);background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.action-btn:hover{background:var(--fg);color:var(--bg)}.action-btn.primary{background:var(--fg);color:var(--bg);margin-top:20px;padding:16px}.action-btn.primary:hover{color:var(--fg);background:0 0}.action-btn.secondary{border-color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.action-btn.secondary{border-color:color-mix(in srgb,var(--fg) 50%,transparent)}}.action-btn.secondary{opacity:.8}.shadcn-input-group{border:1px solid var(--fg);gap:0;display:flex}@supports (color:color-mix(in lab,red,red)){.shadcn-input-group{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.shadcn-input-group{border-radius:var(--r-sm);overflow:hidden}.shadcn-input-group textarea{border:none;border-right:1px solid var(--fg);border-radius:0}@supports (color:color-mix(in lab,red,red)){.shadcn-input-group textarea{border-right:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.shadcn-copy-btn{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.shadcn-copy-btn{background:color-mix(in srgb,var(--fg) 10%,transparent)}}.shadcn-copy-btn{color:var(--fg);cursor:pointer;text-transform:uppercase;border:none;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.shadcn-copy-btn:hover{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.shadcn-copy-btn:hover{background:color-mix(in srgb,var(--fg) 20%,transparent)}}.shadcn-copy-btn svg{width:14px;height:14px}.del-btn{border:1px solid var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.del-btn{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.del-btn{color:var(--fg);cursor:pointer;border-radius:var(--r-sm);flex:none;padding:8px 12px;font-size:14px;font-weight:700}.del-btn:hover{color:var(--bg);background:#f44;border-color:#f44}.mobile-nav{height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);display:none;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.mobile-nav{background:color-mix(in srgb,var(--bg) 85%,transparent)}}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--fg)}@supports (color:color-mix(in lab,red,red)){.mobile-nav{border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}}.mobile-nav{z-index:80;opacity:var(--mobile-nav-opacity);justify-content:space-around;align-items:center;padding-top:8px}.mobile-nav-btn{color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:var(--r-sm);opacity:.6;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 16px;font-family:inherit;font-size:9px;transition:opacity .2s;display:flex}.mobile-nav-btn:active{opacity:1}.mobile-nav-btn svg{width:22px;height:22px}.mobile-settings-sheet{background:var(--bg);border-top:1px solid var(--fg);border-top-left-radius:24px;border-top-right-radius:24px;height:85vh;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.mobile-settings-sheet{border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}}.mobile-settings-sheet{z-index:200;padding-bottom:var(--safe-bottom);flex-direction:column;transition:transform .3s;display:none;overflow:hidden;transform:translateY(100%)}.mobile-settings-sheet.active{transform:translateY(0)}.mobile-settings-sheet .sheet-handle{background:var(--fg);width:40px;height:4px}@supports (color:color-mix(in lab,red,red)){.mobile-settings-sheet .sheet-handle{background:color-mix(in srgb,var(--fg) 30%,transparent)}}.mobile-settings-sheet .sheet-handle{border-radius:2px;flex-shrink:0;margin:10px auto}.mobile-settings-sheet .sheet-header{border-bottom:1px solid var(--fg);justify-content:space-between;align-items:center;padding:0 20px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.mobile-settings-sheet .sheet-header{border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}}.mobile-settings-sheet .sheet-title{text-transform:uppercase;letter-spacing:.1em;font-size:16px;font-weight:700}.mobile-settings-sheet .sheet-close{color:var(--fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex}.mobile-settings-sheet .sheet-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px;overflow-y:auto}.mobile-settings-section{margin-bottom:24px}.mobile-settings-section h3{text-transform:uppercase;letter-spacing:.15em;opacity:.6;margin-bottom:12px;font-size:11px;font-weight:700}.mobile-setting-row{border-bottom:1px solid var(--fg);justify-content:space-between;align-items:center;padding:14px 0;display:flex}@supports (color:color-mix(in lab,red,red)){.mobile-setting-row{border-bottom:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}}.mobile-setting-row{font-size:14px}.mobile-setting-row .label{flex:1}.mobile-setting-row .control{align-items:center;gap:8px;display:flex}.mobile-wp-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.mobile-wp-grid button{border:1px solid var(--fg);padding:12px 8px;font-size:11px}@supports (color:color-mix(in lab,red,red)){.mobile-wp-grid button{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.mobile-wp-grid button{color:var(--fg);border-radius:var(--r-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;font-family:inherit}.mobile-wp-grid button.active-source{background:var(--fg);color:var(--bg);border-color:var(--fg)}.mobile-shortcut-edit{border:1px dashed var(--fg)}@supports (color:color-mix(in lab,red,red)){.mobile-shortcut-edit{border:1px dashed color-mix(in srgb,var(--fg) 30%,transparent)}}.mobile-shortcut-edit{border-radius:var(--r-md);margin-bottom:10px;padding:12px}.mobile-shortcut-edit input{border:1px solid var(--fg);background:0 0;width:100%}@supports (color:color-mix(in lab,red,red)){.mobile-shortcut-edit input{border:1px solid color-mix(in srgb,var(--fg) 30%,transparent)}}.mobile-shortcut-edit input{color:var(--fg);border-radius:var(--r-sm);margin-bottom:6px;padding:10px;font-family:inherit;font-size:13px}.mobile-shortcut-edit input:focus{border-color:var(--fg);outline:none}.mobile-shortcut-edit .del-btn{width:100%;margin-top:6px}.opacity-control{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.opacity-control .opacity-label{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.opacity-control .opacity-value{opacity:.6;font-size:10px;font-weight:400}@media(max-width:768px){:root{--search-width:92vw;--tile-size:60px;--grid-gap:20px;--icon-size:30px;--search-y:18px}html,body{overscroll-behavior:none;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}body{touch-action:manipulation}.content-wrapper{height:100dvh;padding:calc(10px + var(--safe-top)) 10px calc(70px + var(--safe-bottom));padding-top:calc(30px + var(--safe-top));justify-content:flex-start;overflow:hidden}.search-input{border-width:2px;border-color:var(--fg);padding:16px 20px;font-size:16px}@supports (color:color-mix(in lab,red,red)){.search-input{border-color:color-mix(in srgb,var(--fg) 35%,transparent)}}.search-input{box-shadow:0 4px 20px #0006}.search-input::placeholder{opacity:.5}.search-suggestions{border-radius:var(--r-lg);border-width:2px;max-height:280px}.search-suggestion-item{padding:16px 20px;font-size:15px}.search-suggestion-item .suggestion-favicon{width:24px;height:24px}.search-suggestion-item .suggestion-favicon img{width:18px;height:18px}.weather-widget{top:calc(10px + var(--safe-top))!important;width:130px!important;font-size:11px!important;left:auto!important;right:10px!important}.credits,.hint,.floating-btn-group{display:none}.mobile-nav{display:flex}.sidebar{border-left:none;max-width:100%}.content-wrapper{padding-top:10px}.custom-btn-container[data-pos=left]{gap:8px;left:10px}.custom-btn-container[data-pos=top-right]{top:calc(60px + var(--safe-top));gap:8px;right:10px}.custom-btn-container[data-pos=bottom]{bottom:calc(70px + var(--safe-bottom))}.custom-float-btn{width:36px;height:36px;font-size:14px}.custom-float-btn img{width:18px;height:18px}body.focus-mode .focus-note{padding:12px 20px;font-size:22px}body.focus-mode .focus-exit-hint{display:none}.focus-exit-btn{display:flex!important}.pomodoro-timer{font-size:40px}.clock-container{margin-bottom:16px}.grid{gap:16px 12px}.mobile-settings-sheet{display:flex}.sidebar{max-width:100vw}.tile-box,.tile-label,.placeholder-box{opacity:var(--tile-opacity)}}@media(max-width:480px){:root{--tile-size:56px;--icon-size:28px;--columns:4}.grid{grid-template-columns:repeat(var(--columns),var(--tile-size))!important}.clock-container{margin-bottom:12px}}@media(max-width:360px){:root{--tile-size:50px;--icon-size:25px;--columns:4}}.touch-drag-ghost{pointer-events:none;z-index:99999;opacity:.8;transition:none;position:fixed;transform:scale(1.1)}.touch-drop-indicator{background:var(--focus-accent);z-index:9998;pointer-events:none;width:4px;height:40px;box-shadow:0 0 8px var(--focus-accent);border-radius:2px;position:fixed}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}