:root{--vt-c-white: #fdf6f0;--vt-c-white-soft: #f8f0e8;--vt-c-white-mute: #f2e8de;--vt-c-black: #2d2a24;--vt-c-black-soft: #3a3630;--vt-c-black-mute: #4a443c;--vt-c-indigo: #6b7c93;--vt-c-divider-light-1: rgba(107, 124, 147, .2);--vt-c-divider-light-2: rgba(107, 124, 147, .1);--vt-c-divider-dark-1: rgba(45, 42, 36, .4);--vt-c-divider-dark-2: rgba(45, 42, 36, .3);--vt-c-text-light-1: #2d2a24;--vt-c-text-light-2: rgba(45, 42, 36, .7);--vt-c-text-dark-1: #fdf6f0;--vt-c-text-dark-2: rgba(253, 246, 240, .8)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-secondary: var(--vt-c-text-light-2);--color-text-light: var(--vt-c-text-light-2);--color-background-hover: rgba(107, 124, 147, .05);--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-warning: #dc2626;--color-danger: #dc2626;--section-gap: 160px}:root.dark{--color-background: #1a1a1a;--color-background-soft: #2a2a2a;--color-background-mute: #3a3a3a;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-heading: #f0f0f0;--color-text: #e0e0e0;--color-text-secondary: rgba(224, 224, 224, .7);--color-text-light: rgba(224, 224, 224, .6);--color-background-hover: rgba(255, 255, 255, .05);--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-warning: #dc2626;--color-danger: #dc2626}:root.dark body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 23px 37px,#eee,transparent),radial-gradient(1.5px 1.5px at 67px 83px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 112px 19px,#fff,transparent),radial-gradient(2.5px 2.5px at 156px 94px,rgba(255,255,255,.7),transparent),radial-gradient(1.8px 1.8px at 203px 41px,#ddd,transparent),radial-gradient(1.2px 1.2px at 278px 67px,rgba(255,255,255,.8),transparent),radial-gradient(2.2px 2.2px at 334px 23px,#fff,transparent),radial-gradient(1.6px 1.6px at 389px 78px,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 445px 56px,#eee,transparent),radial-gradient(2.8px 2.8px at 512px 87px,rgba(255,255,255,.9),transparent),radial-gradient(1.1px 1.1px at 578px 34px,#fff,transparent),radial-gradient(1.9px 1.9px at 623px 71px,rgba(255,255,255,.7),transparent),radial-gradient(2.3px 2.3px at 689px 45px,#ddd,transparent),radial-gradient(1.3px 1.3px at 734px 92px,rgba(255,255,255,.8),transparent),radial-gradient(1.7px 1.7px at 801px 28px,#fff,transparent),radial-gradient(2.1px 2.1px at 856px 63px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 923px 49px,#eee,transparent),radial-gradient(2.6px 2.6px at 978px 76px,rgba(255,255,255,.9),transparent),radial-gradient(1.4px 1.4px at 1045px 31px,#fff,transparent),radial-gradient(1.8px 1.8px at 1098px 84px,rgba(255,255,255,.7),transparent),radial-gradient(2.4px 2.4px at 1156px 52px,#ddd,transparent),radial-gradient(1.6px 1.6px at 1213px 79px,rgba(255,255,255,.8),transparent),radial-gradient(1.2px 1.2px at 1278px 26px,#fff,transparent),radial-gradient(2.7px 2.7px at 1334px 69px,rgba(255,255,255,.6),transparent),radial-gradient(1.9px 1.9px at 1391px 43px,#eee,transparent),radial-gradient(1.3px 1.3px at 1447px 91px,rgba(255,255,255,.9),transparent),radial-gradient(2.5px 2.5px at 1503px 38px,#fff,transparent),radial-gradient(1.7px 1.7px at 1567px 74px,rgba(255,255,255,.7),transparent),radial-gradient(1.1px 1.1px at 1623px 57px,#ddd,transparent),radial-gradient(2.9px 2.9px at 1689px 82px,rgba(255,255,255,.8),transparent),radial-gradient(1.4px 1.4px at 1756px 29px,#fff,transparent),radial-gradient(2.2px 2.2px at 1812px 66px,rgba(255,255,255,.6),transparent),radial-gradient(1.8px 1.8px at 1878px 47px,#eee,transparent),radial-gradient(1.5px 1.5px at 1945px 73px,rgba(255,255,255,.9),transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 8s ease-in-out infinite;z-index:-1}@keyframes twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Onest;src:local("Segoe UI"),local("Roboto"),local("Arial"),local("sans-serif");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:local("Segoe UI"),local("Roboto"),local("Arial"),local("sans-serif");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:local("Segoe UI"),local("Roboto"),local("Arial"),local("sans-serif");font-weight:600;font-style:normal;font-display:swap}#app{max-width:1440px;margin:0 auto;padding:2rem 0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (max-width: 480px){#app{padding:1rem 0;min-width:320px}}.theme-toggle-container{position:relative}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;color:var(--color-text);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px}.theme-icon{width:24px;height:24px;stroke-width:2}.theme-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:160px;z-index:1000;overflow:hidden}.theme-menu.menu-up{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.theme-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border)}.theme-option:last-child{border-bottom:none}.theme-option:hover{background:var(--color-background-soft)}.theme-icon-small{width:16px;height:16px;stroke-width:2;flex-shrink:0}.theme-option span{font-size:14px;font-weight:500;color:var(--color-text)}.system-indicator{margin-left:auto;color:var(--color-heading);font-weight:600}.theme-menu{animation:slideDown .2s ease-out}.theme-menu.menu-up{animation:slideUp .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.theme-toggle{padding:6px 8px;min-height:50px}.theme-icon{width:20px;height:20px}.theme-menu{min-width:140px}}@media (max-width: 480px){.theme-menu{right:-40px;min-width:120px}.theme-option{padding:8px 12px}.theme-option span{font-size:12px}}.app-settings[data-v-8279159b]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-overlay[data-v-8279159b]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel[data-v-8279159b]{position:relative;background:#fff;border-radius:16px;padding:0;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.settings-header[data-v-8279159b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.settings-header h3[data-v-8279159b]{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button[data-v-8279159b]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.close-button[data-v-8279159b]:hover{background:#e5e7eb;color:#374151}.settings-content[data-v-8279159b]{padding:24px;max-height:calc(80vh - 80px);overflow-y:auto}.settings-section[data-v-8279159b]{margin-bottom:32px}.settings-section[data-v-8279159b]:last-child{margin-bottom:0}.settings-section h4[data-v-8279159b]{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.pwa-status-info[data-v-8279159b]{margin-bottom:20px}.status-item[data-v-8279159b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:#f9fafb;border-radius:8px}.status-label[data-v-8279159b]{font-weight:500;color:#6b7280}.status-value[data-v-8279159b]{font-weight:600}.status-value.status-installed[data-v-8279159b]{color:#10b981}.status-value.status-active[data-v-8279159b]{color:#3b82f6}.status-value.status-loading[data-v-8279159b]{color:#f59e0b}.status-value.status-unsupported[data-v-8279159b]{color:#ef4444}.pwa-actions[data-v-8279159b]{display:flex;flex-direction:column;gap:12px}.action-button[data-v-8279159b]{padding:12px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.install-button[data-v-8279159b]{background:#3b82f6;color:#fff}.install-button[data-v-8279159b]:hover{background:#2563eb;transform:translateY(-1px)}.open-button[data-v-8279159b]{background:#10b981;color:#fff}.open-button[data-v-8279159b]:hover{background:#059669;transform:translateY(-1px)}.update-button[data-v-8279159b]{background:#f59e0b;color:#fff}.update-button[data-v-8279159b]:hover{background:#d97706;transform:translateY(-1px)}.clear-cache-button[data-v-8279159b]{background:#ef4444;color:#fff}.clear-cache-button[data-v-8279159b]:hover{background:#dc2626;transform:translateY(-1px)}.notification-button[data-v-8279159b]{background:#8b5cf6;color:#fff;width:100%}.notification-button[data-v-8279159b]:hover{background:#7c3aed;transform:translateY(-1px)}.notification-button.granted[data-v-8279159b]{background:#10b981}.theme-toggle[data-v-8279159b]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.theme-button[data-v-8279159b]{background:none;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.theme-button[data-v-8279159b]:hover{border-color:#d1d5db;transform:scale(1.1)}.theme-button.active[data-v-8279159b]{border-color:#3b82f6;background:#3b82f6;color:#fff}@media (max-width: 768px){.settings-panel[data-v-8279159b]{width:95%;max-height:90vh}.settings-content[data-v-8279159b]{padding:20px}.action-button[data-v-8279159b]{padding:10px 14px;font-size:.85rem}}.app-navigation{background:var(--color-background);z-index:1000;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--color-border);box-shadow:0 -1px 3px #6b7c931a}.nav-container{display:flex;align-items:center;height:80px;padding:0 20px;background:var(--color-background);border-bottom:1px solid var(--color-border);position:relative}.nav-menu{display:flex;align-items:center;justify-content:space-between;flex:1}.nav-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--color-text);transition:all .2s ease;cursor:pointer;min-height:60px;min-width:60px;position:relative}.nav-icon:hover{background:var(--color-background-soft);transform:translateY(-1px);color:var(--color-heading)}.nav-icon.active{background:var(--color-background-soft);color:var(--color-heading)}.nav-icon .icon{font-size:24px;margin-bottom:4px;display:block}.nav-icon .label{font-size:10px;font-weight:500;text-align:center;line-height:1.2;font-family:Onest,sans-serif}.utilities-dropdown{position:relative;display:flex;align-items:center}.utilities-trigger{cursor:pointer;position:relative}.utilities-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px 0;margin-bottom:10px;min-width:140px;z-index:1001}.utility-item{display:flex;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;color:var(--color-text);transition:background .2s ease;font-size:12px;font-weight:500}.utility-item:hover{background:var(--color-background-soft);color:var(--color-heading)}.utility-item .icon{font-size:16px;margin:0}.utility-item .label{font-size:12px;margin:0;white-space:nowrap}.settings-button{background:none;border:none;cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;color:var(--color-text)}.settings-button:hover{background:var(--color-background-soft);transform:translateY(-1px)}.settings-button .icon{color:var(--color-text);transition:color .2s ease;font-size:24px}.settings-button:hover .icon{color:var(--color-heading)}.settings-button .label{color:var(--color-text);transition:color .2s ease;font-size:10px;font-weight:500}.settings-button:hover .label{color:var(--color-heading)}.theme-toggle-container{display:flex;align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;color:var(--color-text);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;min-width:60px}.theme-toggle:hover{background:var(--color-background-soft);transform:translateY(-1px)}.theme-toggle:hover .theme-icon{color:var(--color-heading)}.balance-container{position:fixed;bottom:20px;right:20px;z-index:1000;pointer-events:none}@media (min-width: 769px){.nav-container{height:80px}.nav-icon .icon{font-size:28px}.nav-icon .label{font-size:11px}}@media (max-width: 768px){.nav-container{height:80px;padding:0 15px}.nav-menu{margin-right:15px}.nav-icon{padding:6px 8px;min-width:50px;min-height:50px}.nav-icon .icon{font-size:20px;margin-bottom:3px}.nav-icon .label{font-size:9px}.utilities-menu{min-width:120px}.utility-item{padding:6px 12px;font-size:11px}.utility-item .icon{font-size:14px}.utility-item .label{font-size:11px}}@media (max-width: 480px){.nav-container{padding:0 10px}.nav-menu{margin-right:10px}.nav-icon{min-width:45px;padding:4px 6px}.nav-icon .icon{font-size:18px}.nav-icon .label{font-size:8px}}.top-bar[data-v-b738676d]{position:fixed;top:0;left:0;right:0;height:50px;background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.top-bar-container[data-v-b738676d]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px;max-width:1200px;margin:0 auto}.balance-section[data-v-b738676d]{cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:8px;-webkit-user-select:none;user-select:none}.balance-section[data-v-b738676d]:hover{background:var(--color-background-hover);transform:translateY(-1px)}.balance-section[data-v-b738676d]:active{transform:translateY(0)}.balance-info[data-v-b738676d]{display:flex;align-items:center;gap:8px}.balance-icon[data-v-b738676d]{font-size:16px}.balance-amount[data-v-b738676d]{font-weight:600;font-size:16px;color:var(--color-text)}.balance-info.loading .balance-amount[data-v-b738676d]{color:var(--color-text-light);animation:pulse-b738676d 1.5s ease-in-out infinite}.balance-info.error .balance-amount[data-v-b738676d]{color:var(--color-danger)}@keyframes pulse-b738676d{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.top-bar[data-v-b738676d]{height:45px}.top-bar-container[data-v-b738676d]{padding:0 12px}.balance-amount[data-v-b738676d]{font-size:15px}.balance-section[data-v-b738676d]{padding:6px 10px}}@media (prefers-color-scheme: dark){.top-bar[data-v-b738676d]{background:#111827f2;border-bottom-color:#374151cc}}[data-theme=light] .top-bar[data-v-b738676d]{background:#fffffff2;border-bottom-color:#e5e7ebcc}[data-theme=dark] .top-bar[data-v-b738676d]{background:#111827f2;border-bottom-color:#374151cc}.toast-container[data-v-7da4c46e]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast[data-v-7da4c46e]{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;min-width:300px}.toast[data-v-7da4c46e]:hover{transform:translate(-5px)}.toast-success[data-v-7da4c46e]{background-color:#d1fae5;color:#065f46;border-left:4px solid #10b981}.toast-error[data-v-7da4c46e]{background-color:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.toast-warning[data-v-7da4c46e]{background-color:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.toast-info[data-v-7da4c46e]{background-color:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6}.toast-icon[data-v-7da4c46e]{font-size:18px;flex-shrink:0}.toast-message[data-v-7da4c46e]{flex-grow:1;font-size:14px;font-weight:500}.toast-close[data-v-7da4c46e]{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;flex-shrink:0}.toast-close[data-v-7da4c46e]:hover{background-color:#0000001a}.toast-enter-active[data-v-7da4c46e],.toast-leave-active[data-v-7da4c46e]{transition:all .3s ease}.toast-enter-from[data-v-7da4c46e],.toast-leave-to[data-v-7da4c46e]{opacity:0;transform:translate(100%)}.toast-move[data-v-7da4c46e]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-7da4c46e]{left:20px;right:20px;max-width:none}.toast[data-v-7da4c46e]{min-width:auto}}.main-content{min-height:calc(100vh - 130px);background:var(--color-background);width:100%;max-width:100%;margin:0;padding:50px 0 100px;overflow-x:hidden}@media (max-width: 768px){.main-content{min-height:calc(100vh - 125px);padding-top:45px}}@supports (-webkit-touch-callout: none){@media (display-mode: standalone){body{padding:0;margin:0}#app{min-height:100vh;min-height:100dvh;width:100vw}}}@media (display-mode: standalone){body{margin:0;padding:0}#app{width:100vw;min-height:100vh;min-height:100dvh}}.home-page{max-width:1440px;margin:0 auto;padding:40px 20px;background:var(--color-background);min-height:100vh}.hero-section{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#b8a9a0,#d4c4b8);color:#2d2a24;border-radius:20px;margin-bottom:60px}.hero-section h1{font-size:3rem;margin:0 0 20px;font-weight:700;font-family:Onest,sans-serif}.hero-subtitle{font-size:1.25rem;margin:0 0 40px;opacity:.9;font-family:Onest,sans-serif}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:15px 30px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:#a8c4a8;color:#2d2a24}.btn-primary:hover{background-color:#9bb89b;transform:translateY(-2px)}.btn-secondary{background-color:#2d2a241a;color:#2d2a24;border:2px solid rgba(45,42,36,.2)}.btn-secondary:hover{background-color:#2d2a2426;transform:translateY(-2px)}.btn-accent{background-color:#d4b08c;color:#2d2a24}.btn-accent:hover{background-color:#c4a07a;transform:translateY(-2px)}.features-section{text-align:center}.features-section h2{font-size:2.5rem;margin:0 0 50px;color:var(--color-heading)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:var(--color-background-soft);padding:30px;border-radius:15px;box-shadow:0 4px 6px #6b7c931a;transition:all .3s;border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #6b7c9326}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin:0 0 15px;color:var(--color-heading)}.feature-card p{color:var(--color-text);line-height:1.6;margin:0}@media (max-width: 768px){.hero-section h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}}