*{margin:0;padding:0;box-sizing:border-box}:root{--settings-drawer-width: min(1000px, 90vw)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;color:#fff;overflow-x:hidden;position:relative}.bg-layer{position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-3;background-position:center;background-size:cover;background-repeat:no-repeat}.bg-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;display:block;pointer-events:none}body.dark-text .clock,body.dark-text .date,body.dark-text .dial-name,body.dark-text .dial-add,body.dark-text .breadcrumb-item,body.dark-text .breadcrumb-sep,body.dark-text .settings-btn,body.dark-text .search-settings-hint{color:#1f1f2e;text-shadow:none}body.dark-text .settings-btn{filter:drop-shadow(0 1px 2px rgba(255,255,255,.5))}body.dark-text .sync-status{background:#00000073}body.dark-text .breadcrumb-item:hover,body.dark-text .breadcrumb-item.current,body.dark-text .settings-btn:hover,body.dark-text .search-settings-hint:hover{color:#000}body.dark-text .breadcrumb-item:hover,body.dark-text .dial:hover,body.dark-text .dial-add:hover{background:#00000014}body.dark-text .settings-btn:hover{background:#0000001a}body.dark-text .dial-add{border-color:#0000004d}body.dark-text .dial-add:hover{border-color:#00000073}.settings-btn{position:fixed;top:16px;right:20px;background:none;border:2px solid transparent;color:#ffffff8c;font-size:22px;cursor:pointer;z-index:100;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,border-color .2s;box-sizing:border-box;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.settings-btn:hover{color:#fff;background:#00000040}.settings-btn.logged-in{border-color:#fff6}.settings-btn.logged-in:hover{border-color:#fff;background:none}.sync-status{position:fixed;bottom:16px;right:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff9;font-size:12px;font-weight:500;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s,opacity .3s}.sync-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.sync-status-synced .sync-status-dot{background:#2ecc71}.sync-status-error{color:#e74c3cf2}.sync-status-error .sync-status-dot{background:#e74c3c}.sync-status-offline{opacity:.55}.sync-status-offline .sync-status-dot{background:#fff6}.sync-status-syncing .sync-status-dot{background:#ffffffd9;animation:syncPulse 1s ease-in-out infinite}@keyframes syncPulse{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.modal.settings-modal{position:fixed;top:0;right:0;width:var(--settings-drawer-width);height:100vh;max-height:100vh;border-radius:0;margin:0;overflow-y:auto;z-index:1000;animation:settings-drawer-in .25s ease-out;box-shadow:-20px 0 60px #0006;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@keyframes settings-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal.settings-modal.closing{animation:settings-drawer-out .25s ease-in forwards}@keyframes settings-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}.settings-modal::-webkit-scrollbar{width:10px}.settings-modal::-webkit-scrollbar-track{background:transparent}.settings-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px;border:2px solid transparent;background-clip:content-box}.settings-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}.modal-close{position:absolute;top:14px;right:18px;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff0f;color:#fff9;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;z-index:2}.modal-close:hover{background:#ffffff24;color:#fff}.settings-section{margin-bottom:8px}.settings-section h3{font-size:14px;font-weight:600;margin-bottom:6px}.settings-desc{font-size:12px;opacity:.55;margin-bottom:12px;line-height:1.5}.settings-folder-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cloud-auth-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.profile-row{display:flex;align-items:center;gap:14px;padding:10px;margin-bottom:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.profile-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#fff;text-transform:uppercase;background:#3a3a5c;border:2px solid rgba(255,255,255,.15)}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.profile-info .settings-folder-path{background:none;border:none;padding:0;font-size:13px;color:#fff}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-profile{font-size:12px;padding:5px 12px}.profile-avatar-suggestion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;margin-bottom:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.profile-avatar-suggestion img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-suggestion span{flex:1;min-width:0;font-size:13px;color:#fff}.cloud-auth-row .se-input{flex:1}.password-input-wrap{position:relative;flex:1;display:flex}.password-input-wrap .se-input{flex:1;padding-right:36px}.password-input-wrap .se-input::-ms-reveal,.password-input-wrap .se-input::-ms-clear{display:none}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px 6px;font-size:14px;line-height:1;opacity:.6}.password-toggle:hover{opacity:1}.cloud-auth-divider{display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:#fff6;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.cloud-auth-divider:before,.cloud-auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.cloud-forgot-link{display:inline-block;margin-top:8px;padding:0;background:none;border:none;color:#ffffff8c;font-size:12px;cursor:pointer;text-decoration:underline}.cloud-forgot-link:hover:not(:disabled){color:#ffffffd9}.cloud-forgot-link:disabled{opacity:.5;cursor:default}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#1f1f1f;border:1px solid rgba(0,0,0,.1)}.btn-google:hover{background:#f1f3f4}.btn-google-ico{width:16px;height:16px;display:block}.settings-folder-path{flex:1;font-size:13px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-folder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.settings-folder-actions .btn{font-size:12px;padding:6px 14px}.settings-folder-actions .btn:disabled{opacity:.35;cursor:not-allowed}.settings-status{font-size:12px;min-height:18px;margin-top:4px;transition:opacity .3s}.settings-status.success{color:#2ecc71}.settings-status.error{color:#e74c3c}.settings-divider{height:1px;background:#ffffff1a;margin:16px 0}.settings-version{font-size:11px;opacity:.4;text-align:center}.search-bar{position:relative;z-index:50}.search-engine-selector{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:10}.search-engine-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.search-engine-btn:hover{background:#fff3}.search-engine-btn img{width:28px;height:28px;border-radius:2px}.search-engine-dropdown{display:none;position:absolute;top:34px;left:0;min-width:180px;background:#1e1e2f;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #00000080;padding:6px 0;z-index:200}.search-engine-dropdown.open{display:block}.se-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:13px;color:#fffc;transition:background .15s}.se-dropdown-item:hover{background:#ffffff14}.se-dropdown-item.active{color:#fff;background:#ffffff1a}.se-dropdown-item img{width:16px;height:16px;border-radius:2px}.search-settings-hint{display:block;margin:10px auto 0;padding:0;background:none;border:none;color:#ffffff73;font-size:12px;cursor:pointer;transition:color .2s}.search-settings-hint:hover{color:#fffc;text-decoration:underline}.search-engine-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:200px;overflow-y:auto}.se-list-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#ffffff0a;font-size:13px}.se-list-item img{width:16px;height:16px;border-radius:2px}.se-list-item .se-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-list-item .se-url{flex:2;font-size:11px;opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-list-item .se-default-label{font-size:10px;background:#2ecc7133;color:#2ecc71;padding:2px 6px;border-radius:4px}.se-list-item button{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;color:#ffffff80;transition:background .15s,color .15s}.se-list-item button:hover{background:#ffffff1a;color:#fff}.se-list-item button.se-delete:hover{background:#e74c3c33;color:#e74c3c}.search-engine-add{display:flex;gap:8px;align-items:center}.se-input{padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-size:13px;outline:none}.se-input:focus{border-color:#ffffff40}.se-input-name{width:100px}.se-input-url{flex:1}.icon-input-row{display:flex;align-items:center;gap:10px}.icon-input-row input[type=text]{flex:1}.btn-icon-upload{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:16px;line-height:1;transition:background .2s}.btn-icon-upload:hover{background:#ffffff26}.btn-icon-delete{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:14px;line-height:1;transition:background .2s}.btn-icon-delete:hover{background:#e74c3c59}.icon-preview{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#ffffff0f;display:none}.icon-preview.visible{display:block}.icon-editor-overlay{z-index:1100}.icon-editor{width:320px}.icon-editor-stage{position:relative;width:256px;height:256px;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(rgba(255,255,255,.06) 0% 25%,transparent 0% 50%) 50% / 20px 20px}.icon-editor-canvas{display:block;width:256px;height:256px;cursor:grab;touch-action:none}.icon-editor-canvas:active{cursor:grabbing}.icon-editor-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(255,255,255,.25);border-radius:12px;box-shadow:inset 0 0 0 1px #0000004d}.icon-editor-zoom input[type=range]{width:100%;padding:0;accent-color:#7c6ef0;cursor:pointer}.icon-hint{display:block;font-size:11px;opacity:.45;margin-top:4px}.color-input-row{display:flex;align-items:center;gap:10px}.color-input-row input[type=color]{width:40px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;cursor:pointer;padding:2px}.btn-color-reset{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;transition:background .2s}.btn-color-reset:hover{background:#ffffff26}.color-value{font-size:12px;opacity:.6;font-family:monospace}.bg-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bg-swatch{height:44px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.bg-swatch:hover{transform:scale(1.04)}.bg-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #00000059}.bg-slider-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px}.bg-slider-row label{width:56px;flex-shrink:0;opacity:.8}.bg-slider-row input[type=range]{flex:1;cursor:pointer;accent-color:#6c5ce7}.bg-slider-row .color-value{width:44px;text-align:right}.fx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fx-option{display:flex;flex-direction:column;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#1e1e2f;color:#fff;text-align:left;transition:transform .15s,border-color .15s}.fx-option:hover{transform:scale(1.04)}.fx-option.selected{border-color:#fff;box-shadow:0 0 0 2px #00000059}.fx-preview{position:relative;display:block;height:58px;background-position:center;background-size:cover}.fx-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fx-preview-off{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;opacity:.5}.fx-option-label{font-size:11px;padding:5px 6px;background:#0006}.bg-slider-row .color-value.fx-value{width:54px}.fx-hint{flex:1;font-size:11px;opacity:.45;line-height:1.4}@media (max-width: 720px){.fx-grid{grid-template-columns:repeat(3,1fr)}}.wx-place-row,.wx-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.wx-place{flex:1;min-width:140px;font-size:13px;padding:7px 10px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.wx-search input{flex:1;min-width:150px;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:13px;outline:none}.wx-search input:focus{border-color:#7c6ef0cc}.wx-search button[type=submit]{padding:7px 14px;border:none;border-radius:8px;background:#7c6ef0;color:#fff;font-size:12px;cursor:pointer}.wx-hits{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:4px}.wx-hits button{width:100%;text-align:left;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:13px;cursor:pointer;transition:background .15s}.wx-hits button:hover{background:#ffffff1f}.wx-note{display:block;font-size:11px;line-height:1.5;margin-top:8px;padding:7px 10px;border-radius:8px;border-left:2px solid #7c6ef0;background:#7c6ef01a;opacity:.85}.toggle-row{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:14px}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:#9b59b6;cursor:pointer}.settings-select{width:100%;max-width:260px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.settings-select:hover,.settings-select:focus{border-color:#ffffff59}.settings-select option{background:#24243e;color:#fff}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes blur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes dialBoom{0%{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}20%{transform:scale(1.3) rotate(-3deg);opacity:1;filter:blur(0)}to{transform:scale(0) rotate(8deg);opacity:0;filter:blur(6px)}}.dial.removing,.dial-folder.removing,.dial-widget.removing{animation:dialBoom .4s cubic-bezier(.3,0,.2,1) forwards;pointer-events:none;z-index:5}@keyframes dialPop{0%{transform:scale(0) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.dial.entering,.dial-folder.entering,.dial-widget.entering{animation:dialPop .45s cubic-bezier(.34,1.56,.64,1) both;z-index:5}.boom-particle{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:3px;pointer-events:none;z-index:9999;will-change:transform,opacity;animation:boomParticle .5s cubic-bezier(.15,.6,.3,1) forwards}@keyframes boomParticle{0%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.container.anim-ready>*{opacity:0}.container.anim-fadeSlideUp>*:nth-child(1){animation:fadeSlideUp .6s ease-out 0s both}.container.anim-fadeSlideUp>*:nth-child(2){animation:fadeSlideUp .6s ease-out .1s both}.container.anim-fadeSlideUp>*:nth-child(3){animation:fadeSlideUp .6s ease-out .2s both}.container.anim-fadeSlideUp>*:nth-child(4){animation:fadeSlideUp .6s ease-out .3s both}.container.anim-fadeSlideUp>*:nth-child(5){animation:fadeSlideUp .6s ease-out .35s both}.container.anim-fadeIn>*:nth-child(1){animation:fadeIn .5s ease-out 0s both}.container.anim-fadeIn>*:nth-child(2){animation:fadeIn .5s ease-out .1s both}.container.anim-fadeIn>*:nth-child(3){animation:fadeIn .5s ease-out .2s both}.container.anim-fadeIn>*:nth-child(4){animation:fadeIn .5s ease-out .3s both}.container.anim-fadeIn>*:nth-child(5){animation:fadeIn .5s ease-out .35s both}.container.anim-scaleUp>*:nth-child(1){animation:scaleUp .5s ease-out 0s both}.container.anim-scaleUp>*:nth-child(2){animation:scaleUp .5s ease-out .1s both}.container.anim-scaleUp>*:nth-child(3){animation:scaleUp .5s ease-out .2s both}.container.anim-scaleUp>*:nth-child(4){animation:scaleUp .5s ease-out .3s both}.container.anim-scaleUp>*:nth-child(5){animation:scaleUp .5s ease-out .35s both}.container.anim-slideDown>*:nth-child(1){animation:slideDown .5s ease-out 0s both}.container.anim-slideDown>*:nth-child(2){animation:slideDown .5s ease-out .1s both}.container.anim-slideDown>*:nth-child(3){animation:slideDown .5s ease-out .2s both}.container.anim-slideDown>*:nth-child(4){animation:slideDown .5s ease-out .3s both}.container.anim-slideDown>*:nth-child(5){animation:slideDown .5s ease-out .35s both}.container.anim-slideLeft>*:nth-child(1){animation:slideLeft .5s ease-out 0s both}.container.anim-slideLeft>*:nth-child(2){animation:slideLeft .5s ease-out .1s both}.container.anim-slideLeft>*:nth-child(3){animation:slideLeft .5s ease-out .2s both}.container.anim-slideLeft>*:nth-child(4){animation:slideLeft .5s ease-out .3s both}.container.anim-slideLeft>*:nth-child(5){animation:slideLeft .5s ease-out .35s both}.container.anim-blur>*:nth-child(1){animation:blur .6s ease-out 0s both}.container.anim-blur>*:nth-child(2){animation:blur .6s ease-out .1s both}.container.anim-blur>*:nth-child(3){animation:blur .6s ease-out .2s both}.container.anim-blur>*:nth-child(4){animation:blur .6s ease-out .3s both}.container.anim-blur>*:nth-child(5){animation:blur .6s ease-out .35s both}.container.anim-none>*{opacity:1}.anim-preview{margin-top:14px;max-width:260px;padding:16px 18px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;overflow:hidden;pointer-events:none}.anim-preview-clock{width:56px;height:12px;margin:0 auto 10px;border-radius:4px;background:#ffffff59}.anim-preview-search{width:70%;height:10px;margin:0 auto 14px;border-radius:5px;background:#ffffff2e}.anim-preview-dials{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.anim-preview-dial{aspect-ratio:1;border-radius:6px;background:#ffffff24}.anim-preview[data-anim=fadeSlideUp]>:nth-child(1){animation:fadeSlideUp .6s ease-out 0s both}.anim-preview[data-anim=fadeSlideUp]>:nth-child(2){animation:fadeSlideUp .6s ease-out .1s both}.anim-preview[data-anim=fadeSlideUp]>:nth-child(3){animation:fadeSlideUp .6s ease-out .2s both}.anim-preview[data-anim=fadeIn]>:nth-child(1){animation:fadeIn .5s ease-out 0s both}.anim-preview[data-anim=fadeIn]>:nth-child(2){animation:fadeIn .5s ease-out .1s both}.anim-preview[data-anim=fadeIn]>:nth-child(3){animation:fadeIn .5s ease-out .2s both}.anim-preview[data-anim=scaleUp]>:nth-child(1){animation:scaleUp .5s ease-out 0s both}.anim-preview[data-anim=scaleUp]>:nth-child(2){animation:scaleUp .5s ease-out .1s both}.anim-preview[data-anim=scaleUp]>:nth-child(3){animation:scaleUp .5s ease-out .2s both}.anim-preview[data-anim=slideDown]>:nth-child(1){animation:slideDown .5s ease-out 0s both}.anim-preview[data-anim=slideDown]>:nth-child(2){animation:slideDown .5s ease-out .1s both}.anim-preview[data-anim=slideDown]>:nth-child(3){animation:slideDown .5s ease-out .2s both}.anim-preview[data-anim=slideLeft]>:nth-child(1){animation:slideLeft .5s ease-out 0s both}.anim-preview[data-anim=slideLeft]>:nth-child(2){animation:slideLeft .5s ease-out .1s both}.anim-preview[data-anim=slideLeft]>:nth-child(3){animation:slideLeft .5s ease-out .2s both}.anim-preview[data-anim=blur]>:nth-child(1){animation:blur .6s ease-out 0s both}.anim-preview[data-anim=blur]>:nth-child(2){animation:blur .6s ease-out .1s both}.anim-preview[data-anim=blur]>:nth-child(3){animation:blur .6s ease-out .2s both}@keyframes folderDiveIn{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes folderDiveOut{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.container .dials.folder-in{animation:folderDiveIn .32s cubic-bezier(.22,1,.36,1) both}.container .dials.folder-out{animation:folderDiveOut .3s cubic-bezier(.22,1,.36,1) both}.container{max-width:900px;margin:0 auto;padding:60px 20px 40px;display:flex;flex-direction:column;align-items:center}.app-shell{min-height:100vh;transition:padding-right .25s ease}.app-shell.settings-open{padding-right:var(--settings-drawer-width)}.clock{font-size:72px;font-weight:300;letter-spacing:2px;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.35)}.date{font-size:16px;font-weight:400;opacity:.7;margin-bottom:32px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.search-bar{width:100%;max-width:560px;margin-bottom:48px}.search-bar input{width:100%;padding:14px 20px 14px 46px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#00000047;color:#fff;font-size:15px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,box-shadow .2s}.search-bar input::placeholder{color:#ffffff8c}.search-bar input:focus{background:#00000061;box-shadow:0 4px 20px #00000040}.search-input{position:relative}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;color:#ffffff80;pointer-events:none}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1e1e2f;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 8px 24px #00000080;padding:6px 0;z-index:200;overflow:hidden}.search-result-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:13px;color:#ffffffd9}.search-result-item.active{background:#ffffff1a}.sr-icon{flex:0 0 auto;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}.sr-icon img{width:16px;height:16px;border-radius:2px}.sr-name{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-sub{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;color:#fff6;font-size:12px}.dials{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;width:100%;max-width:700px}.dial{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:16px 8px;border-radius:12px;transition:background .2s,transform .15s;cursor:pointer;position:relative}.dial:hover{background:#ffffff14;transform:translateY(-2px)}.dial-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#fff;text-transform:uppercase;flex-shrink:0}.dial-icon img{width:28px;height:28px;border-radius:4px}.dial-name{font-size:12px;text-align:center;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,.55)}.dial-add{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border-radius:12px;cursor:pointer;transition:background .2s,transform .15s;border:2px dashed rgba(255,255,255,.35);background:transparent;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dial-add:hover{background:#0000001f;border-color:#ffffff80;transform:translateY(-2px)}.dial-add-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#00000038}.dial-add-label{font-size:12px;opacity:.75}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal{background:#2a2a3e;border-radius:16px;padding:28px 32px;max-width:90vw;box-shadow:0 20px 60px #0006}.modal h2{font-size:18px;font-weight:600;margin-bottom:20px}.sync-choice-overlay{z-index:1100}.sync-choice-modal{width:640px}.sync-choice-modal h2{margin-bottom:8px}.sync-choice-options{display:flex;gap:14px}.sync-choice-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.sync-choice-card.primary{border-color:#7c6ef099;background:#7c6ef024}.sync-choice-card:hover:not(:disabled),.sync-choice-card:focus-visible:not(:disabled){border-color:#7c6ef0;background:#7c6ef038;transform:translateY(-2px);outline:none}.sync-choice-card:disabled{opacity:.4;cursor:not-allowed}.sync-choice-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:2px;border-radius:12px;background:#7c6ef038;color:#b9b0ff}.sync-choice-card strong{font-size:15px;font-weight:600}.sync-choice-meta{font-size:12px;color:#b9b0ff}.sync-choice-desc{font-size:12px;opacity:.55;line-height:1.5}.sync-choice-warning{margin-top:14px;font-size:12px;line-height:1.5;color:#f0c674}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-header h2{margin-bottom:0}.modal-icon-preview{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;overflow:hidden}.modal-icon-preview img{width:22px;height:22px;border-radius:4px;object-fit:contain}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;opacity:.7;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#7c6ef0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel{background:#ffffff1a;color:#fff}.btn-cancel:hover{background:#ffffff26}.btn-save{background:#7c6ef0;color:#fff}.btn-save:hover{background:#6a5bd4}.context-menu{display:none;position:fixed;background:#2a2a3e;border-radius:10px;padding:6px 0;min-width:140px;box-shadow:0 8px 30px #0006;z-index:2000;overflow:hidden}.context-menu.active{display:block}.context-item{padding:10px 18px;font-size:13px;cursor:pointer;transition:background .15s}.context-item:hover{background:#ffffff14}.context-item--danger{color:#f06e6e}.context-item--danger:hover{background:#f06e6e1f}.breadcrumb{display:none;align-items:center;gap:6px;width:100%;max-width:700px;margin-bottom:16px;font-size:14px;flex-wrap:wrap}.breadcrumb.active{display:flex;text-shadow:0 1px 3px rgba(0,0,0,.5)}.breadcrumb-item{background:none;border:none;color:#fff9;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.breadcrumb-item:hover{background:#0003;color:#fff}.breadcrumb-item.current{color:#fff;cursor:default}.breadcrumb-item.current:hover{background:transparent}.breadcrumb-sep{opacity:.35;font-size:12px;-webkit-user-select:none;user-select:none}.workspace-dropdown{position:fixed;top:16px;left:20px;z-index:100}.workspace-trigger{display:flex;align-items:center;gap:6px;max-width:220px;background:#00000047;border:1px solid rgba(255,255,255,.12);color:#fffc;cursor:pointer;font-size:13px;padding:7px 12px;border-radius:999px;transition:background .15s,color .15s,border-color .15s;text-shadow:0 1px 2px rgba(0,0,0,.4)}.workspace-trigger:hover,.workspace-trigger.open{background:#0006;color:#fff;border-color:#ffffff40}.workspace-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-chevron{font-size:10px;opacity:.7;transition:transform .15s ease}.workspace-trigger.open .workspace-chevron{transform:rotate(180deg)}.workspace-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;max-width:280px;background:#0006;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:6px;box-shadow:0 8px 30px #0006;transform-origin:top left;animation:workspace-menu-in .16s ease-out}.workspace-menu.closing{animation:workspace-menu-out .14s ease-in forwards}@keyframes workspace-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes workspace-menu-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}.workspace-menu-item{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:#fffc;cursor:pointer;font-size:13px;text-align:left;padding:8px 10px;border-radius:7px;transition:background .15s,color .15s}.workspace-menu-item:hover{background:#ffffff14;color:#fff}.workspace-menu-item.active{background:#7c6ef040;color:#fff}.workspace-menu-item.invalid{opacity:.45;cursor:not-allowed;text-decoration:line-through}.workspace-menu-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-star{display:none;align-items:center;justify-content:center;padding:0 2px;font-size:14px;line-height:1;color:#ffffff80;background:none;border:none;cursor:pointer;transition:color .15s}.workspace-star:hover{color:#f1c40f}.workspace-star.is-default{display:inline-flex;color:#f1c40f}.workspace-menu-item:hover .workspace-star{display:inline-flex}.workspace-remove{display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font-size:10px;line-height:1;color:#fff;background:#e74c3c;border-radius:50%;cursor:pointer}.workspace-menu-item:hover .workspace-remove,.workspace-menu-item.invalid .workspace-remove{display:inline-flex}.workspace-menu-add{width:100%;margin-top:4px;background:none;border:1px dashed rgba(255,255,255,.2);color:#fff9;cursor:pointer;font-size:12px;text-align:left;padding:8px 10px;border-radius:7px;transition:background .15s,color .15s,border-color .15s}.workspace-menu-add:hover{background:#ffffff14;border-color:#fff6;color:#fff}.workspace-menu-hint{padding:8px 10px;font-size:12px;color:#ffffff73;line-height:1.4}.dial-folder .dial-icon{border-radius:14px}.dial-folder .folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:28px;height:28px}.dial-folder .folder-grid span{border-radius:3px;background:#ffffffb3;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:8px}.dial-folder .folder-grid span img{width:100%;height:100%;object-fit:contain}.dial-folder .folder-grid span.empty{background:#ffffff40}.dial.dragging{opacity:.35;transform:scale(.95)}.dial-folder.drag-over{background:#7c6ef033;outline:2px solid #7c6ef0;outline-offset:-2px;transform:scale(1.05)}.dial.drop-before{box-shadow:-3px 0 #7c6ef0}.dial.drop-after,.dial-add.drop-after{box-shadow:3px 0 #7c6ef0}.dial-add.drag-over{border-color:#7c6ef0;background:#7c6ef01a}.breadcrumb-item.drag-over{background:#7c6ef040;color:#fff;outline:2px solid #7c6ef0;outline-offset:-2px}.type-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.type-btn{flex:1;padding:8px 16px;border:none;background:#ffffff0a;color:#ffffff80;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.type-btn.active{background:#7c6ef0;color:#fff}.type-btn:hover:not(.active){background:#ffffff14}.dial-widget{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#0000004d;position:relative;cursor:default}.dial-widget.size-small{grid-column:span 2;height:180px}.dial-widget.size-medium{grid-column:span 3;height:260px}.dial-widget.size-large{grid-column:span 4;height:340px}.dial-widget-header{display:flex;align-items:center;padding:5px 10px;background:#00000059;font-size:11px;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;cursor:move;-webkit-user-select:none;user-select:none}.dial-widget-frame{flex:1;width:100%;border:none;min-height:0;display:block}.dial-widget.dragging{opacity:.35;transform:scale(.97)}.dial-widget.drop-before{box-shadow:-3px 0 #7c6ef0}.dial-widget.drop-after{box-shadow:3px 0 #7c6ef0}.dial-widget-body{flex:1;min-height:0;display:flex;overflow:hidden}.bw{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;color:#fff;text-align:center;overflow:auto}.bw-empty,.bw-weather-err{font-size:12px;opacity:.6}.bw-gear{position:absolute;top:4px;right:4px;border:none;background:transparent;color:#fff6;font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;z-index:2}.bw-gear:hover{color:#fff}.bw-form{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left}.bw-form label{font-size:11px;opacity:.6}.bw-form input,.bw-search input{width:100%;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#fff;font-size:13px;outline:none}.bw-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.bw-form-actions button,.bw-search button{padding:5px 12px;border:none;border-radius:6px;background:#7c6ef0;color:#fff;font-size:12px;cursor:pointer}.bw-hint{font-size:10px;opacity:.5}.bw-clock-time{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px}.bw-clock-date{font-size:13px;opacity:.7}.bw-clock-tz{font-size:11px;opacity:.5}.bw-notes{padding:0}.bw-notes-view,.bw-notes .mde{flex:1;width:100%;min-height:0;overflow:auto;padding:10px 12px;text-align:left;cursor:text}.bw-notes-modes{position:absolute;top:4px;right:4px;z-index:2;display:flex;gap:1px;padding:1px;border-radius:6px;background:#0000008c;opacity:0;transition:opacity .15s ease}.dial-widget:hover .bw-notes-modes,.bw-notes-modes:focus-within{opacity:1}.bw-notes-mode{border:none;border-radius:5px;background:transparent;color:#ffffff73;font-size:12px;line-height:1;padding:3px 5px;cursor:pointer}.bw-notes-mode:hover{color:#fff}.bw-notes-mode.active{background:#ffffff29;color:#fff}.mde{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;color:#fff;font-size:13px;line-height:1.5}.mde:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.md-t-marker{opacity:.4}.md-t-h1,.md-t-h2,.md-t-h3,.md-t-h4,.md-t-h5,.md-t-h6{font-weight:600}.md-t-h1{font-size:1.45em}.md-t-h2{font-size:1.25em}.md-t-h3{font-size:1.1em}.md-t-strong{font-weight:700}.md-t-em{font-style:italic}.md-t-del{text-decoration:line-through}.md-t-code,.md-t-table{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.md-t-code{background:#ffffff1a;border-radius:3px}.md-t-link{color:#a99bff}.md-t-url{color:#a99bff;opacity:.55}.md-t-quote{color:#ffffffbf;font-style:italic}.md-t-hr{opacity:.4}.md-t-checked{opacity:.55;text-decoration:line-through}.md{font-size:13px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}.md:empty:before{content:"Empty note — double-click to edit";opacity:.4}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 .6em}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:.9em 0 .35em;font-weight:600;line-height:1.25}.md h1{font-size:1.45em}.md h2{font-size:1.25em}.md h3{font-size:1.1em}.md h4,.md h5,.md h6{font-size:1em;opacity:.85}.md a{color:#a99bff;text-decoration:underline;text-underline-offset:2px}.md a:hover{color:#c6bcff}.md ul,.md ol{margin:0 0 .6em;padding-left:1.35em}.md li{margin:.15em 0}.md li>*:last-child,.md .md-task-body>*:last-child{margin-bottom:0}.md .md-tasks{list-style:none;padding-left:.1em}.md .md-task{display:flex;align-items:flex-start;gap:6px}.md .md-task-body{flex:1;min-width:0}.md .md-task-done>.md-task-body{opacity:.55;text-decoration:line-through}.md .md-checkbox{margin:.2em 0 0;accent-color:#7c6ef0;cursor:pointer;flex-shrink:0}.md .md-checkbox:disabled{cursor:default}.md .md-code{padding:.1em .35em;border-radius:4px;background:#ffffff1f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.md .md-pre{margin:0 0 .6em;padding:8px 10px;border-radius:6px;background:#00000059;overflow-x:auto}.md .md-pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;white-space:pre}.md .md-quote{margin:0 0 .6em;padding:.1em 0 .1em .7em;border-left:3px solid rgba(255,255,255,.25);opacity:.85}.md .md-hr{margin:.8em 0;border:none;border-top:1px solid rgba(255,255,255,.18)}.md .md-img{max-width:100%;border-radius:6px}.md .md-table-wrap{margin:0 0 .6em;overflow-x:auto}.md .md-table{border-collapse:collapse;font-size:.95em}.md .md-table th,.md .md-table td{padding:3px 8px;border:1px solid rgba(255,255,255,.15);text-align:left}.md .md-table th{background:#ffffff12;font-weight:600}.bw-search{display:flex;gap:6px;width:100%}.bw-weather-emoji{font-size:30px;line-height:1}.bw-weather-temp{font-size:26px;font-weight:600}.bw-weather-label{font-size:13px;opacity:.85}.bw-weather-place{font-size:12px;opacity:.6}.bw-weather-wind{font-size:11px;opacity:.5}.bw-calc{justify-content:flex-start;gap:6px;padding:8px}.bw-calc-display{width:100%;text-align:right;font-size:20px;font-variant-numeric:tabular-nums;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bw-calc-pad{flex:1;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.bw-calc-key{border:none;border-radius:6px;background:#ffffff14;color:#fff;font-size:15px;cursor:pointer;transition:background .12s}.bw-calc-key:hover{background:#ffffff29}.bw-calc-op{background:#7c6ef059}.bw-calc-eq{grid-column:span 2;background:#7c6ef0}.bw-calc-zero{grid-column:span 1}.bw-currency{gap:2px}.bw-cur-row{display:flex;align-items:center;gap:6px;width:100%}.bw-cur-amount{flex:1;min-width:0;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#fff;font-size:15px;outline:none}.bw-cur-result{flex:1;min-width:0;text-align:left;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bw-cur-sel{width:auto;min-width:72px;padding:6px 8px}.bw-cur-swap{border:none;background:transparent;color:#fff9;font-size:16px;cursor:pointer}.bw-cur-swap:hover{color:#fff}.bw-crypto{justify-content:flex-start;padding:8px 6px}.bw-crypto-list{width:100%;display:flex;flex-direction:column;gap:4px}.bw-crypto-row{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 4px}.bw-crypto-sym{font-weight:600;width:44px;text-align:left}.bw-crypto-price{flex:1;text-align:right;font-variant-numeric:tabular-nums}.bw-crypto-chg{width:64px;text-align:right;font-size:11px}.bw-crypto-chg.up{color:#2ecc71}.bw-crypto-chg.down{color:#e74c3c}.ws-gallery{display:flex;flex-direction:column;width:600px;max-width:86vw}.ws-scroll{max-height:52vh;overflow-y:auto;margin:0 -4px;padding:0 4px}.ws-search{width:100%;margin:0 0 4px;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fff;font-size:14px;outline:none}.ws-search:focus{border-color:#7c6ef0}.ws-section{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin:16px 0 8px}.ws-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto}.ws-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:#fff;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.ws-card:hover{background:#ffffff14;border-color:#7c6ef0}.ws-card-emoji{font-size:26px;line-height:1;flex-shrink:0}.ws-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ws-card-name{font-size:14px;font-weight:600}.ws-card-desc{font-size:11px;opacity:.6;line-height:1.3}.ws-card-add{flex-shrink:0;font-size:11px;font-weight:600;color:#b9aefc;padding:4px 10px;border-radius:999px;background:#7c6ef033}.ws-empty{opacity:.6;font-size:13px;margin-top:16px}.ws-manual{align-self:flex-start;margin-top:14px;border:none;background:transparent;color:#b9aefc;font-size:13px;cursor:pointer;padding:4px 0}.ws-manual:hover{text-decoration:underline}.ws-back{margin:0 0 12px}
