:root{--bg-deep:#090d16;--bg-deep-2:#0d1220;--glass:rgba(18,24,38,.6);--glass-strong:rgba(16,21,34,.86);--glass-border:rgba(255,255,255,.09);--accent-primary:#5eeacd;--accent-primary-dim:rgba(94,234,205,.32);--accent-secondary:#e8b872;--accent-secondary-dim:rgba(232,184,114,.32);--text:#e9eef5;--text-muted:#8b93a7;--danger:#e8836f;--font-display:"Sora",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-size-xs:11px;--font-size-sm:12.5px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--tracking-normal:0;--tracking-snug:.04em;--tracking-wide:.06em;--tracking-wider:.08em;--tracking-widest:.32em;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--ease-standard:cubic-bezier(.2,.9,.25,1);--duration-instant:.15s;--duration-fast:.18s;--duration-base:.22s;--duration-slow:.32s;--duration-reveal:.6s}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,var(--bg-deep-2),var(--bg-deep) 70%);color:var(--text);font-family:var(--font-body);overflow:hidden;transition:background .3s ease,color .3s ease}::selection{background:var(--accent-primary-dim);color:var(--text)}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}button,input{font-family:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.hidden{display:none!important}.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}body.no-webgl{background:linear-gradient(-45deg,var(--bg-deep),var(--bg-deep-2),var(--bg-deep));background-size:400% 400%;animation:naviggl-gradient-shift 18s ease infinite}@keyframes naviggl-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.hero{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding-top:9vh;z-index:2;pointer-events:none}.wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-widest);font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:var(--space-6)}.wordmark svg{width:14px;height:14px}.search-bar{pointer-events:auto;width:min(600px,86vw);display:flex;align-items:center;gap:var(--space-3);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;padding:var(--space-4) var(--space-5);box-shadow:0 20px 60px #00000059;transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.search-bar:focus-within{border-color:var(--accent-primary-dim);box-shadow:0 20px 60px #00000059,0 0 0 4px var(--accent-primary-dim)}.search-bar svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:var(--font-size-md);font-weight:400}.search-bar input::placeholder{color:var(--text-muted)}.search-wrap{position:relative;width:min(600px,86vw);pointer-events:none}.search-wrap .search-bar{width:100%}.search-suggestions{pointer-events:auto;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:13.5px;color:var(--text)}.suggestion-item.active,.suggestion-item:hover{background:#ffffff0f}.suggestion-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.suggestion-favicon{width:16px;height:16px;border-radius:4px;flex-shrink:0}.suggestion-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-dock{pointer-events:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:var(--space-4);max-width:min(640px,88vw)}.pinned-dock:empty{display:none}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wordmark,.search-wrap,.pinned-dock{animation:hero-rise var(--duration-reveal) var(--ease-standard) both}.search-wrap{animation-delay:.08s}.pinned-dock{animation-delay:.16s}@media (prefers-reduced-motion: reduce){.wordmark,.search-wrap,.pinned-dock{animation:none}}.pinned-tile{position:relative;display:flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:7px 12px;text-decoration:none;color:var(--text);font-size:var(--font-size-sm);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pinned-tile:hover{background:#ffffff14;border-color:var(--accent-primary-dim)}.pinned-tile img{width:14px;height:14px;border-radius:4px}.pinned-unpin{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:none;color:var(--text-muted);opacity:0;transition:opacity var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard)}.pinned-tile:hover .pinned-unpin{opacity:1}.pinned-unpin:hover{color:var(--danger)}.pinned-unpin svg{width:10px;height:10px}.pinned-add{cursor:pointer;color:var(--text-muted);border-style:dashed}.pinned-add:hover{color:var(--accent-secondary);border-color:var(--accent-secondary-dim)}.pinned-form{flex-direction:column;align-items:stretch;gap:6px;padding:10px;width:180px}.pinned-form input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:7px;padding:6px 8px;color:var(--text);font-size:var(--font-size-sm);outline:none}.pinned-form .row{display:flex;gap:6px}.pinned-form button{font-size:var(--font-size-xs);padding:5px 7px}.fab{position:fixed;left:34px;top:34px;z-index:3;width:22px;height:22px;border-radius:7px;background:linear-gradient(150deg,var(--accent-secondary-dim),transparent);border:1px solid var(--accent-secondary-dim);color:var(--accent-secondary);font-size:10px;font-weight:300;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.fab:hover{transform:translateY(-3px) rotate(45deg);box-shadow:0 10px 30px var(--accent-secondary-dim)}.popover{position:fixed;left:34px;top:72px;z-index:4;width:240px;padding:16px;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;gap:10px;transform:translateY(8px) scale(.96);opacity:0;pointer-events:none;transition:transform var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.popover.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.popover label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.popover input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;padding:9px 11px;color:var(--text);font-size:14px;outline:none}.popover input:focus{border-color:var(--accent-primary-dim)}.popover .row{display:flex;gap:8px;margin-top:2px}.btn{flex:1;padding:8px 10px;border-radius:9px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text);font-size:13px;font-weight:500;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:hover{background:#ffffff14}.btn.primary{background:linear-gradient(150deg,var(--accent-primary-dim),transparent);border-color:var(--accent-primary-dim);color:var(--accent-primary)}.btn.primary:hover{background:linear-gradient(150deg,var(--accent-primary-dim),var(--accent-primary-dim))}#tooltip{position:fixed;z-index:3;pointer-events:none;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text);background:var(--glass-strong);border:1px solid var(--glass-border);padding:5px 12px;border-radius:8px;transform:translate(-50%,-140%);opacity:0;transition:opacity var(--duration-instant) var(--ease-standard);white-space:nowrap}#tooltip.show{opacity:1}#burst-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px 1px currentColor}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#04060c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-standard)}#backdrop.show{opacity:1;pointer-events:auto}.panel-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;width:min(720px,92vw);max-height:78vh;pointer-events:none}.panel{pointer-events:none;display:flex;flex-direction:column;max-height:78vh;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:22px;box-shadow:0 40px 100px #0000008c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:scale(.9);opacity:0;transition:transform var(--duration-slow) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.panel.show{transform:scale(1);opacity:1;pointer-events:auto}.panel-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:20px 22px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.panel-gem{width:13px;height:13px;border-radius:4px;flex-shrink:0;transform:rotate(45deg)}.panel-title{flex:1;min-width:110px;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;border-bottom:1px solid transparent;padding-bottom:2px}.panel-title:focus{border-bottom:1px solid var(--accent-primary-dim)}.panel-count{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.panel-sort{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:5px 8px;color:var(--text-muted);font-size:var(--font-size-xs);outline:none;cursor:pointer}.panel-section-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-3)}.icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.icon-btn:hover{background:#ffffff0f;color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.icon-btn svg{width:15px;height:15px}.panel-body{padding:20px 22px 26px;overflow-y:auto}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:var(--space-2)}.link-tile{position:relative;display:flex;flex-direction:column;gap:var(--space-2);background:#ffffff09;border:1px solid var(--glass-border);border-radius:14px;padding:var(--space-3);text-decoration:none;color:var(--text);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.link-tile:hover{background:#ffffff12;border-color:var(--accent-primary-dim);transform:translateY(-2px)}.link-tile img{width:22px;height:22px;border-radius:6px}.link-tile .t-title{font-size:var(--font-size-sm);font-weight:500;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-tile .t-url{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-tile .t-del{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:7px;background:#090d16bf;border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard)}.link-tile:hover .t-del{opacity:1}.link-tile .t-del:hover{color:var(--danger)}.link-tile .t-del svg{width:11px;height:11px}.link-tile .t-pin{position:absolute;top:8px;right:34px;width:22px;height:22px;border-radius:7px;background:#090d16bf;border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard)}.link-tile:hover .t-pin{opacity:1}.link-tile .t-pin:hover{color:var(--accent-secondary)}.link-tile .t-pin svg{width:11px;height:11px}.link-tile.add-tile{align-items:center;justify-content:center;border-style:dashed;color:var(--text-muted);cursor:pointer;min-height:82px}.link-tile.add-tile:hover{color:var(--accent-secondary);border-color:var(--accent-secondary-dim)}.link-tile.add-tile span{font-size:22px;font-weight:300}.add-form{display:flex;flex-direction:column;gap:8px}.add-form input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:7px 9px;color:var(--text);font-size:12.5px;outline:none}.add-form input:focus{border-color:var(--accent-primary-dim)}.add-form .row{display:flex;gap:6px}.add-form button{font-size:12px;padding:6px 8px;border-radius:7px}#context-menu{position:fixed;z-index:8;min-width:160px;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 20px 50px #00000073;padding:6px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(6px) scale(.96);opacity:0;pointer-events:none;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}#context-menu.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}#context-menu button{text-align:left;padding:9px 12px;border-radius:8px;background:none;border:none;color:var(--text);font-size:13px;display:flex;align-items:center;gap:8px}#context-menu button:hover{background:#ffffff0f}#context-menu button.danger:hover{color:var(--danger)}.foot-utils{position:fixed;left:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.foot-utils button,.foot-utils label{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#8b93a766}.foot-utils button:hover,.foot-utils label:hover{color:var(--text)}.clock-widget{position:fixed;top:24px;right:34px;z-index:2;font-family:var(--font-mono);color:var(--text-muted);text-align:right;pointer-events:none;opacity:.85}#clock-time{font-size:var(--font-size-xl);font-weight:500;color:var(--text);letter-spacing:var(--tracking-snug)}#clock-date{font-size:var(--font-size-xs);text-transform:capitalize;margin-top:2px}.app-footer{position:fixed;right:24px;bottom:24px;z-index:2;font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--text-muted);text-align:right;opacity:.65;pointer-events:none}.app-footer a{color:var(--text-muted);pointer-events:auto}.app-footer a:hover{color:var(--text)}.fab-settings{left:61px;background:linear-gradient(150deg,var(--accent-primary-dim),transparent);border:1px solid var(--accent-primary-dim);color:var(--accent-primary)}.fab-settings:hover{transform:translateY(-3px) rotate(35deg);box-shadow:0 10px 30px var(--accent-primary-dim)}.fab-settings svg{width:9px;height:9px}#settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#04060c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-standard)}#settings-backdrop.show{opacity:1;pointer-events:auto}.settings-section-title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:var(--space-5) 0 var(--space-3)}.settings-section-title:first-child{margin-top:0}.language-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.language-option{flex:none;padding:8px 14px}.language-option.active{border-color:var(--accent-primary);color:var(--accent-primary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.theme-swatch{border:1px solid var(--glass-border);border-radius:14px;padding:var(--space-3);cursor:pointer;background:#ffffff08;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);display:flex;flex-direction:column;gap:var(--space-2)}.theme-swatch:hover{transform:translateY(-2px)}.theme-swatch.active{border-color:var(--accent-primary)}.theme-swatch .ts-colors{display:flex;gap:5px}.theme-swatch .ts-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.theme-swatch .ts-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text)}.theme-editor{display:flex;flex-direction:column;gap:var(--space-4)}.te-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.te-field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-xs);color:var(--text-muted)}.te-field input[type=text],.te-field select{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:7px 9px;color:var(--text);font-size:13px;outline:none}.te-field input[type=color]{width:100%;height:34px;border:1px solid var(--glass-border);border-radius:8px;background:none;padding:2px;cursor:pointer}.te-field input[type=range]{width:100%}.te-checkbox{flex-direction:row;align-items:center;gap:8px}.te-actions{margin-top:4px;flex-wrap:wrap}#canvas-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.32) 100%)}#canvas-vignette.show{opacity:1}.intro-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s var(--ease-standard)}.intro-curtain.fade-out{opacity:0;pointer-events:none}.intro-curtain.hidden{display:none}.intro-progress{width:180px;height:2px;border-radius:2px;overflow:hidden;background:#ffffff14}.intro-progress-bar{width:0%;height:100%;background:var(--accent-primary);transition:width .9s linear}.intro-progress-bar.fill{width:100%}.homepage-banner{position:fixed;left:24px;bottom:24px;z-index:9;width:min(360px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;padding:var(--space-5);background:var(--bg-deep);border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 20px 50px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(12px) scale(.98);opacity:0;pointer-events:none;transition:transform var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.homepage-banner.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.homepage-banner #homepage-banner-close{position:absolute;top:10px;right:10px}.hb-title{margin:0 28px var(--space-2) 0;font-family:var(--font-display);font-weight:600;font-size:var(--font-size-base);color:var(--text)}.hb-desc{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--leading-normal)}.hb-steps{margin:0 0 var(--space-3);padding-left:18px;font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.hb-steps li{margin-bottom:4px}.hb-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.hb-row:last-child{margin-bottom:0}.hb-row .btn{flex:none;font-size:12px;padding:7px 10px}.hb-choices .btn.primary{flex:1}.fallback-notice{position:fixed;top:32vh;left:10vw;right:10vw;z-index:1;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;letter-spacing:var(--tracking-wide)}.fallback-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;padding:38vh 10vw 10vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);align-content:start;overflow-y:auto}.fallback-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-4);text-align:left;color:var(--text);font-family:inherit;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.fallback-card:hover{background:#ffffff12;border-color:var(--accent-primary-dim);transform:translateY(-2px)}.fallback-card-dot{width:14px;height:14px;border-radius:4px;transform:rotate(45deg)}.fallback-card-name{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-base)}.fallback-card-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width:640px){.homepage-banner{left:16px;right:16px;width:auto;bottom:16px;max-height:calc(100vh - 32px)}.hero{padding-top:7vh}.panel-wrap{width:94vw}.fab{left:16px;top:16px}.fab-settings{left:43px}.popover{left:16px;top:54px;width:min(240px,78vw)}.foot-utils{left:16px;right:16px;bottom:58px;flex-wrap:wrap}.app-footer{left:0;right:0;bottom:2px;text-align:center;font-size:9px;opacity:.5}.icon-btn{width:40px;height:40px}.clock-widget{top:12px;right:16px}#clock-time{font-size:var(--font-size-md)}#clock-date{font-size:9px}}