@import url(https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap);:root{--color-bg:#0f1418;--color-bg-elevated:#0c1116;--color-surface:#1a1d23;--color-surface-2:#21252b;--color-text:#b8c8d8;--color-text-muted:#a0aec0;--color-border:#3c4043;--color-border-strong:#4a5568;--accent-300:#5a6c7d;--accent-400:#4a5568;--accent-500:#3c4043;--accent-600:#2d3748;--accent-700:#1a202c;--blue-400:#4a5568;--blue-500:#3c4043;--shadow-color:0,0,0;--shadow-1:0 4px 15px rgba(var(--shadow-color),0.35);--shadow-2:0 8px 32px rgba(var(--shadow-color),0.45);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--bg-1:#0f1418;--bg-2:#0c1116;--bg-3:#0a0f14;--overlay-1:#ffffff08;--overlay-2:#ffffff0f;--focus-ring:0 0 0 3px #4a556840;--btn-stable-bg:#4a5568;--btn-stable-text:#e2e8f0;--btn-stable-border:#4a5568;--btn-stable-shadow:0 4px 10px #00000029;color-scheme:dark}body{background-color:#0f1418;color:#b8c8d8}a{color:#4a5568;color:var(--accent-400)}a:hover{color:#5a6c7d;color:var(--accent-300)}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-stable{background:#0000!important;background-color:initial!important;border:2px solid #515867!important;border-radius:12px!important;box-shadow:var(--btn-stable-shadow)!important;color:#b8c8d8!important;text-shadow:none!important}.btn-stable:focus-visible,.btn-stable:hover{background:#51586726!important;background-color:#51586726!important;border-color:#6a7588!important;box-shadow:0 6px 16px #0000003d!important;color:#b8c8d8!important;outline:none;transform:translateY(-1px)}.navbar{background:#0000;padding:.3rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:.75rem}.navbar-hamburger{background:#0000;border:none;color:var(--color-text);cursor:pointer;display:none;padding:.25rem;transition:opacity .2s ease}.navbar-logo{color:var(--color-text);font-size:1.3rem;font-weight:400;text-decoration:none;transition:color .3s ease}.navbar-logo:hover{color:#b8c8d8}.navbar-menu{align-items:center;display:flex;gap:2rem}.navbar-link{border-radius:5px;color:var(--color-text);font-size:.9rem;font-weight:400;padding:.4rem .8rem;text-decoration:none;transition:color .3s ease}.navbar-link:hover{background-color:var(--overlay-1);color:var(--color-text)}.navbar-button{background:#51586726;border-radius:20px;color:var(--color-text);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:400;padding:.4rem 1.2rem;text-decoration:none;transition:all .3s ease}.navbar-button:hover{background:#51586740;color:var(--color-text);transform:translateY(-1px)}@media (max-width:768px){.navbar-container{padding:0 .75rem}.navbar-logo{font-size:1rem}.navbar-menu{gap:.5rem}.navbar-link{font-size:.75rem;padding:.3rem .5rem}.navbar-button{font-size:.75rem;padding:.3rem .8rem}.navbar-hamburger{display:block}.navbar-hamburger:hover{opacity:.7}.hamburger-icon{font-size:1.2rem;line-height:1}}.footer{background:#0000;bottom:0;margin-top:auto;overflow:hidden;padding:.1rem 0;position:-webkit-sticky;position:sticky;z-index:10}.footer-content{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;text-align:left;z-index:1}.footer-text{background-color:#000c;border-radius:4px;margin:0;opacity:.9;padding:.15rem .3rem}.footer-privacy-button,.footer-text{color:var(--color-text);display:inline-block;font-size:.7rem}.footer-privacy-button{border-radius:3px;opacity:.8;padding:.1rem .3rem;text-decoration:none;transition:all .3s ease}.footer-privacy-button:hover{background-color:var(--overlay-1);color:var(--color-text);opacity:1}@media (max-width:768px){.footer{padding:.2rem 0}.footer-text{font-size:.65rem}}.code-editor{background:#1e1e1e;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;overflow:hidden;position:relative;width:100%}.code-editor-header{align-items:center;background:var(--bg-1);display:flex;justify-content:space-between;min-height:auto;min-width:0;padding:.25rem 1rem 0;width:100%}.code-editor-tabs{display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto;padding-left:3rem}.code-editor-tab{align-items:center;background:#1e1e1e;border:1px solid #3c3c3c;border-bottom:none;border-radius:4px 4px 0 0;color:#ccc;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.code-editor-tab.active{background:#1e1e1e;border-color:#4a9b9b;color:#fff}.code-editor-tab:hover:not(.active){background:#2d2d30}.tab-icon{font-size:.75rem}.tab-title{font-weight:500}.tab-close{font-size:.875rem;margin-left:.5rem;opacity:.6}.tab-close:hover{opacity:1}.tab-title-input{background:#0000;border:none;color:#fff;font-size:.875rem;font-weight:500;margin:0;max-width:200px;min-width:100px;outline:none;padding:0}.code-editor-tab-add{align-items:center;background:#2d2d30;border:1px solid #3c3c3c;border-bottom:none;border-radius:4px 4px 0 0;color:#ccc;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;justify-content:center;min-width:1.5rem;padding:.25rem .5rem;transition:all .2s ease}.code-editor-tab-add:hover{background:#3c3c3c;color:#fff}.code-editor-actions{background:var(--bg-1);border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;padding:.25rem;position:absolute;right:.5rem;top:3rem;z-index:10}.code-editor-action{background:none;border:none;border-radius:3px;color:#ccc;cursor:pointer;font-size:.875rem;padding:.25rem;transition:all .2s ease}.code-editor-action:hover{background:#3c3c3c;color:#fff}.code-editor-action.active{background:#4a9b9b;color:#fff}.markdown-preview{background:#1e1e1e;color:#d4d4d4;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-y:auto;padding:1rem}.markdown-content{max-width:100%}.markdown-content h1{border-bottom:2px solid #4a9b9b;color:#fff;font-size:1.75rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.markdown-content h2{color:#fff;font-size:1.5rem;font-weight:500;margin:1.25rem 0 .75rem}.markdown-content h3{color:#fff;font-size:1.25rem;font-weight:500;margin:1rem 0 .5rem}.markdown-content p{color:#d4d4d4;line-height:1.6;margin:.75rem 0}.markdown-content ol,.markdown-content ul{margin:.75rem 0;padding-left:1.5rem}.markdown-content li{color:#d4d4d4;line-height:1.5;margin:.25rem 0}.markdown-content code{border:1px solid #3c3c3c;border-radius:3px;padding:.125rem .375rem}.markdown-content code,.markdown-content pre{background:#252526;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem}.markdown-content pre{border:1px solid #3c3c3c;border-radius:6px;line-height:1.4;margin:1rem 0;overflow-x:auto;padding:1rem}.markdown-content pre code{background:#0000;border:none;padding:0}.markdown-content blockquote{background:#252526;border-left:4px solid #4a9b9b;border-radius:0 6px 6px 0;color:#d4d4d4;font-style:italic;margin:1rem 0;padding:1rem 1.5rem}.markdown-content hr{background:#3c3c3c;border:none;height:1px;margin:2rem 0}.markdown-content strong{color:#fff;font-weight:600}.markdown-content em{color:#fff;font-style:italic}.markdown-content table{border-collapse:collapse;margin:1rem 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #3c3c3c;padding:.5rem;text-align:left}.markdown-content th{background:#252526;color:#fff;font-weight:600}.markdown-content td{background:#1e1e1e;color:#d4d4d4}.code-editor-content{display:flex;flex:1 1;overflow:auto;overscroll-behavior:contain}.code-editor-lines{background:#252526;border-right:1px solid #3c3c3c;color:#858585;font-size:.875rem;line-height:1.5;min-width:2rem;padding:1rem .25rem;text-align:right;-webkit-user-select:none;user-select:none}.line-number{height:1.5rem;line-height:1.5rem}.code-editor-textarea-container{flex:1 1;position:relative}.code-editor-textarea{background:#1e1e1e;border:none;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;height:100%;line-height:1.5;outline:none;padding:1rem;resize:none;tab-size:2;width:100%}.code-editor-textarea::placeholder{color:#6a6a6a;font-style:italic}.code-editor-textarea:focus{background:#1e1e1e}.code-editor-content::-webkit-scrollbar{height:8px;width:8px}.code-editor-content::-webkit-scrollbar-track{background:#1e1e1e}.code-editor-content::-webkit-scrollbar-thumb{background:#3c3c3c;border-radius:4px}.code-editor-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.code-editor-header{padding:0}.code-editor-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem;padding-left:0}.code-editor-tab{flex-shrink:0;min-width:120px}.code-editor-tab-add{flex-shrink:0}.code-editor-actions{justify-content:flex-start;width:auto}.code-editor-content{max-height:none}.markdown-preview{font-size:.8rem;padding:.5rem}.code-editor-lines{min-width:2.5rem;padding:1rem .25rem}.code-editor-textarea{font-size:.8rem;padding:1rem}.tab-title-input{max-width:120px;min-width:80px}}.public-todo{display:flex;flex:1 1;flex-direction:column;position:relative;width:100%}.public-todo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;padding-bottom:0}.public-todo-title{display:flex;flex-direction:column;gap:.5rem}.public-todo-header h2{color:var(--color-text);font-size:1.2rem;font-weight:400;margin:0}.public-todo-last-updated{color:var(--color-text-muted);font-size:.8rem;font-weight:300}.public-todo-actions{background:var(--bg-1);border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.75rem;padding:.25rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.btn-cancel,.btn-edit,.btn-save{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.btn-edit:hover{background:var(--overlay-1);border-color:var(--color-text)}.btn-save{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-save:hover:not(:disabled){background:var(--color-primary);opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#0000;color:var(--color-text-muted)}.btn-cancel:hover{background:var(--overlay-1);color:var(--color-text)}.public-todo-content{display:flex;flex-direction:column;height:85vh;margin-bottom:0}.public-todo-markdown{color:var(--color-text);line-height:1.6}.markdown-h1{border-bottom:2px solid var(--color-border);color:var(--color-text);font-size:1.75rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.markdown-h2{font-size:1.5rem;margin:1.25rem 0 .75rem}.markdown-h2,.markdown-h3{color:var(--color-text);font-weight:500}.markdown-h3{font-size:1.25rem;margin:1rem 0 .5rem}.markdown-p{color:var(--color-text-muted);line-height:1.6;margin:.75rem 0}.markdown-ol,.markdown-ul{margin:.75rem 0;padding-left:1.5rem}.markdown-li{color:var(--color-text-muted);line-height:1.5;margin:.25rem 0}.markdown-code{border:1px solid var(--color-border);border-radius:3px;padding:.125rem .375rem}.markdown-code,.markdown-pre{background:var(--bg-2);color:var(--color-text);font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem}.markdown-pre{border:1px solid var(--color-border);border-radius:6px;line-height:1.4;margin:1rem 0;overflow-x:auto;padding:1rem}.markdown-blockquote{background:var(--bg-2);border-left:4px solid var(--color-primary);border-radius:0 6px 6px 0;color:var(--color-text-muted);font-style:italic;margin:1rem 0;padding:1rem 1.5rem}.markdown-hr{background:var(--color-border);border:none;height:1px;margin:2rem 0}.markdown-strong{color:var(--color-text);font-weight:600}.markdown-em{color:var(--color-text);font-style:italic}.public-todo-footer{font-size:.8rem;padding-top:1rem}.public-todo-footer,.public-todo-loading{color:var(--color-text-muted);text-align:center}.public-todo-loading{padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:2rem;margin:0 auto 1rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.public-todo{margin:0;padding:0;position:relative}.public-todo-header{align-items:stretch;flex-direction:column;gap:1rem}.markdown-h1{font-size:1.5rem}.markdown-h2{font-size:1.25rem}.markdown-h3{font-size:1.125rem}}.home{overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.hero,.home{height:100vh}.hero{background:var(--bg-1);color:var(--color-text);overflow:hidden;padding:6rem 2rem 2rem;position:relative;scroll-snap-align:start;scroll-snap-stop:always;text-align:center}@media (min-width:1025px){.hero{height:100vh}.hero-content{left:calc(50% - 150px);top:45%!important;transform:translateX(-50%)}.features h2{font-size:1.8rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}.hero-background{bottom:0;right:0;z-index:0}.hero-background,.hero-image{left:0;position:absolute;top:0}.hero-image{height:100%;max-height:90vh;object-fit:contain;object-position:center;opacity:0;transition:opacity .8s ease-in-out;width:100%}.hero-image.active{opacity:1}.carousel-indicators{align-items:center;display:flex;gap:8px}.carousel-indicator{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:6px;transition:all .3s ease;width:6px}.carousel-indicator.active{background:var(--color-text);transform:scale(1.3)}.carousel-indicator:hover{background:#ffffff80}.hero-text-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f2d374d;border:1px solid #4a9b9b33;border-radius:6px;box-shadow:var(--shadow-2);padding:1rem;position:relative}.hero-content{left:calc(50% - 200px);max-width:550px;position:absolute;top:40%;transform:translateX(-50%);z-index:2}.hero h1{color:var(--color-text);font-size:1.8rem;font-weight:400;line-height:1.2;margin-bottom:.4rem}.hero-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.6rem;opacity:.9}.hero-description{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:3rem;opacity:.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{background:linear-gradient(180deg,#14b8a61f,#14b8a614);border-radius:50px;box-shadow:var(--shadow-1);color:var(--color-text);padding:.7rem 2rem}.btn:focus-visible{box-shadow:var(--shadow-2),var(--focus-ring);outline:none}.btn-secondary{background:#0000;border:1px solid var(--color-border)}.btn-secondary:hover{background:#14b8a614;color:var(--color-text)}.features{background:linear-gradient(135deg,var(--bg-2) 0,var(--bg-1) 50%,var(--bg-3) 100%);height:100vh;overflow:hidden;padding:2rem;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.features:before{background:radial-gradient(circle at 80% 20%,var(--overlay-1) 0,#0000 50%),radial-gradient(circle at 20% 80%,var(--overlay-1) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.container{position:relative;z-index:1}.features h2{color:var(--color-text);font-size:2rem;font-weight:400;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border-radius:15px;box-shadow:var(--shadow-2);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.feature-card:hover{box-shadow:var(--shadow-2);transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--color-text);font-size:1.2rem;font-weight:400;margin-bottom:.8rem}.feature-card p{color:var(--color-text-muted);line-height:1.6}@media (max-width:1024px){.hero{height:100vh}.hero-image{height:45vh;object-fit:cover;object-position:top}.hero-content{left:calc(50% - 150px);top:45%;transform:translateX(-50%)}.features h2{font-size:1.8rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}@media (max-width:770px){.home{scroll-snap-type:none}.hero{height:auto;min-height:auto;overflow:visible;padding:0;position:relative}.hero-background{padding-bottom:56.25%;position:relative;width:100%}.hero-image{display:block;height:100%;left:0;object-fit:contain;object-position:top;position:absolute;top:0;width:100%}.hero{display:flex;flex-direction:column}.hero-background{order:1}.hero-content{display:flex;justify-content:center;left:0!important;margin-top:.5rem;max-width:none!important;order:2;padding:.5rem;position:relative!important;text-align:center;transform:none!important;width:100%!important}.hero-text-container{max-width:100%;width:100%}.hero h1{font-size:1.2rem}.hero-subtitle{font-size:.8rem}.features{height:auto;min-height:100vh;padding:1rem .5rem}.features .container{max-width:100%;padding:0}.public-todo-section{height:auto!important;min-height:100vh!important}.public-todo-section .container{margin:0!important;max-width:100%!important;padding:0!important}}@media (min-width:771px) and (max-width:1024px){.hero{height:100vh}.hero-content{left:calc(50% - 170px);top:calc(45% - 20px)!important;transform:translateX(-50%)}.hero-image{height:100%;object-fit:contain;object-position:center}.hero h1{color:var(--color-text);font-size:1.8rem;font-weight:400;line-height:1.2;margin-bottom:.4rem}.hero-subtitle{color:var(--color-text);font-size:.9rem;line-height:1.4;margin-bottom:.6rem;opacity:.9}.features h2{font-size:1.8rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}@media (max-width:480px){.hero{height:auto}}@media (max-width:360px){.hero{height:auto}.carousel-indicator{height:5px;width:5px}.hero h1{font-size:1.2rem}.hero-subtitle{font-size:.8rem}.hero-buttons{align-items:center;flex-direction:column}.features h2{font-size:1.2rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;margin-bottom:.5rem}.feature-card p{font-size:.8rem;line-height:1.4}.public-todo-section .container{padding:0!important}}.public-todo-section{background:var(--bg-1);display:flex;flex-direction:column;height:85vh;justify-content:flex-start;padding:0;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.public-todo-section .container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;width:100%}.public-todo-spacer{background:var(--bg-1);flex:1 1;min-height:15vh}.auth-container{background:linear-gradient(135deg,#2a3a4a,#25323a 25%,#1e2c31 50%,#1a2529 75%,#1c1f24)}.auth-container:before{background:radial-gradient(circle at 20% 80%,#5158671a 0,#0000 50%),radial-gradient(circle at 80% 20%,#1e2c311a 0,#0000 50%)}.auth-card{background:linear-gradient(145deg,#2a3a4a,#25323a 30%,#1e2c31 70%,#1a2529);border:1px solid #5158674d;max-width:400px;padding:3rem}.auth-card:before{background:linear-gradient(90deg,#0000,#51586780,#0000)}.auth-info{background:#51586726;border:1px solid #51586780}.auth-description{color:#b8c8d8;font-size:16px;margin-bottom:30px;text-align:center}.auth-success{text-align:center}.auth-success h2{color:#4caf50;margin-bottom:20px}.user-info{background:#51586726;border:1px solid #51586780;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.user-info p{color:#b8c8d8;margin:8px 0}.redirect-info{color:#b8c8d8;font-style:italic;margin-top:20px}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:.8rem}.form-group input{border:2px solid #5158674d}.form-group input:focus{border-color:#6a7588;box-shadow:0 0 0 3px #6a758833}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.btn:hover:not(:disabled){background:var(--color-surface-2);box-shadow:none;transform:none}.btn-google{display:block;position:relative;text-align:center;z-index:1}.google-section{margin-bottom:1.5rem}.divider:before{background:linear-gradient(90deg,#0000,#51586780,#0000)}.accordion-section{background:#1e2c314d;border:1px solid #51586733;border-radius:8px;margin-bottom:.8rem}.accordion-header{background:linear-gradient(145deg,#2a3a4a,#25323a 30%,#1e2c31 70%,#1a2529);color:#b8c8d8;font-size:.9rem;padding:.7rem 1rem}.accordion-header:hover{background:linear-gradient(145deg,#515867,#6a7588)}.accordion-arrow{color:#b8c8d8}.accordion-content{background:#1e2c311a}.accordion-content .auth-form{margin:0;padding:1.2rem}.tab-buttons{border-bottom:1px solid #eee}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem}.auth-card h2{font-size:1.5rem}}.auth-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:80vh;padding:2rem;position:relative}.auth-container:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:350px;overflow:hidden;padding:.8rem;position:relative;width:100%;z-index:1}.auth-card:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-card h2{color:#b8c8d8;font-size:2rem;font-weight:400;margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;z-index:1}.auth-info{background:#4a556826;border:1px solid #4a556880;border-radius:10px;box-shadow:0 2px 8px #0003;margin-bottom:2rem;padding:1rem;text-align:center}.auth-info p{color:#b8c8d8;font-size:.9rem;font-weight:400;line-height:1.4;margin:0}.google-section{display:flex;justify-content:center;margin-bottom:.8rem}.btn-large{border-radius:10px;font-size:1rem!important;font-weight:400;padding:.8rem!important;text-align:center;width:60%!important}.tab-container{margin-top:1rem}.tab-buttons{gap:.2rem;margin-bottom:.5rem}.tab-button{flex:1 1}.tab-content{background:#0000;border:none;border-radius:0 0 6px 6px;display:none;padding:.3rem}.tab-content.active{display:block}.auth-form,.form-group{margin-bottom:.5rem}.form-group label{color:#b8c8d8;display:block;font-weight:400;margin-bottom:.3rem}.form-group input{background:linear-gradient(145deg,#1e2c31,#2a3a4a);border:2px solid #4a55684d;border-radius:6px;box-sizing:border-box;color:#b8c8d8;font-size:.85rem;padding:.5rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.form-group input:focus{background:linear-gradient(145deg,#2a3a4a,#25323a 30%,#1e2c31 70%,#1a2529);border-color:var(--accent-400);box-shadow:0 0 0 3px #4a556833;outline:none}.btn{margin-bottom:1rem}.google-button{background:none!important;border:none!important;display:block;height:auto!important;margin:0!important;max-width:180px!important;padding:0!important;width:180px!important}.google-button.loading{cursor:not-allowed;opacity:.6}.google-button:hover:not(.loading){transform:translateY(-1px)}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:linear-gradient(90deg,#0000,#4a556880,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:linear-gradient(145deg,#2a3a4a,#25323a 30%,#1e2c31 70%,#1a2529);color:#b8c8d8;font-size:.9rem;padding:0 1rem;position:relative;z-index:1}.error-message{background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:10px;color:#ff6b6b;padding:.75rem;text-align:center}.auth-switch{color:#b8c8d8;margin-top:1rem;text-align:center}.auth-switch a{color:#b8c8d8;font-weight:400;text-decoration:none}.auth-switch a:hover{color:#b8c8d8;text-decoration:underline}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem}}.external-auth-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-tabs{text-align:left}.tab-buttons{border-bottom:1px solid #5158674d;display:flex;margin-bottom:20px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:#b8c8d8;cursor:pointer;font-size:1rem;font-weight:400;padding:.3rem .6rem;transition:all .3s ease}.tab-button.active{border-bottom:2px solid var(--accent-400)}.tab-button.active,.tab-button:hover{background:#0000;color:#b8c8d8}.tab-content{position:relative}.auth-form{display:block}.auth-form.signup-form{display:none}.google-button{align-items:center;background:#ffffff1a;border:1px solid #5158674d;border-radius:6px;color:#b8c8d8;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.google-button:hover:not(:disabled){background:#51586733;border-color:#51586780}.google-button:disabled{background:#5158671a;cursor:not-allowed}.google-icon{align-items:center;background:#4285f4;border-radius:50%;color:#b8c8d8;display:flex;font-size:14px;font-weight:400;height:20px;justify-content:center;width:20px}@media (max-width:480px){.external-auth-container{margin:10px;padding:10px}.auth-card h2{font-size:24px;font-weight:400}}.profile-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border-radius:12px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:fit-content;max-width:240px;overflow:hidden;padding:.8rem;position:relative;transition:transform .3s ease;width:240px}.sidebar-close-btn{background:#0000;border:none;color:var(--color-text);cursor:pointer;display:none;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;z-index:10}.sidebar-close-btn:hover{opacity:.7}.close-icon{display:block;font-size:1.5rem;font-weight:300;line-height:1}.profile-sidebar:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-header{margin-bottom:1.5rem}.user-role{align-items:center;display:flex;justify-content:center}.logout-button{background:#4a55680f;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.7rem;font-weight:400;letter-spacing:normal;padding:.25rem .5rem;text-transform:none;transition:all .3s ease}.logout-button:hover{background:#4a55681f;border-color:var(--accent-500);color:var(--color-text)}.sidebar-footer{margin-top:auto;padding-top:.8rem;text-align:center}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;gap:.6rem;padding:.6rem .8rem;text-align:left;transition:background-color .3s ease,color .3s ease;width:100%}.nav-item:hover{background:#4a55680a;color:var(--color-text)}.nav-item.active{background:#4a556814;color:var(--color-text)}.nav-label{font-weight:400}@media (max-width:768px){.profile-sidebar{border-radius:0;bottom:0;height:100vh;left:0;max-width:80vw;overflow-y:auto;padding:3rem 1rem 1rem;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.profile-sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:block}.sidebar-nav{flex-direction:column;gap:.5rem}.nav-item{font-size:.9rem;padding:.8rem 1rem}}.profile-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border-radius:15px;box-shadow:var(--shadow-2);flex:1 1;min-height:100%;min-width:700px;padding:1.5rem;position:relative}.profile-content:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.profile-section h2{color:var(--color-text);font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.profile-info{display:flex;flex-direction:column;gap:1rem}.profile-field{padding:.8rem 0}.status-guest{background:#51586733;border:1px solid #51586766}.status-subscriber{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.status-partner{background:#3b82f633;border:1px solid #3b82f666;color:#3b82f6}.status-admin{background:#a855f733;border:1px solid #a855f766;color:#a855f7}.access-denied{background:#4a556808;border:1px solid var(--color-border);border-radius:10px;padding:2rem;text-align:center}.access-denied p{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:1.5rem}.instruction-content h3{color:var(--color-text);font-size:1.2rem;font-weight:400;margin-bottom:1rem}.instruction-content h4{color:var(--color-text);font-size:1.1rem;font-weight:400;margin-bottom:.8rem}.instruction-content p{color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem}.indicator-list{margin-top:1.5rem}.indicator-item{background:#4a556808;border:1px solid var(--color-border);border-radius:10px;margin-bottom:1rem;padding:1.5rem}.indicator-item h4{color:var(--color-text);font-size:1.1rem;font-weight:400;margin-bottom:.8rem}.parameter-table{background:#4a556805;border-radius:8px;margin-top:1rem;padding:1rem}.parameter-table h5{color:var(--color-text);font-size:1rem;margin-bottom:.8rem}.parameter-table ul{color:var(--color-text-muted);margin-left:1.5rem}.parameter-table li{margin-bottom:.3rem}.admin-actions,.settings-content{margin-top:1rem}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;display:flex;font-size:.9rem;justify-content:space-between;line-height:1.4;margin-bottom:1rem;padding:.8rem 1rem}.error-close{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.2rem;margin-left:.5rem;opacity:.7;padding:0;transition:opacity .3s ease}.error-close:hover{opacity:1}.delete-account-simple{background:#4a556805;border:1px solid var(--color-border);border-radius:8px;padding:1rem}.delete-account-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.delete-account-info{display:flex;flex-direction:column;gap:.2rem}.delete-account-label{color:var(--color-text);font-size:.95rem;font-weight:400}.delete-account-description{color:var(--color-text-muted);font-size:.8rem;opacity:.8}.delete-account-actions{align-items:center;display:flex;gap:.5rem}.delete-confirm-input{background:#4a556808;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.85rem;padding:.3rem .6rem;transition:all .3s ease;width:120px}.delete-confirm-input:focus{background:#4a55680f;border-color:var(--accent-500);outline:none}.btn-danger,.btn-small{font-size:.85rem;padding:.3rem .8rem}.btn-danger{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#ef4444}.btn-danger:hover:not(:disabled){background:#ef4444;color:#b8c8d8}.btn-danger:disabled{opacity:.6}.delete-confirm-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-2);max-width:400px;padding:2rem;text-align:center;width:90%}.delete-confirm-content h3{color:var(--accent-400);font-size:1.3rem;font-weight:400;margin-bottom:1rem}.delete-confirm-content p{color:var(--color-text-muted);line-height:1.5;margin-bottom:2rem}.delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.btn-secondary{background:#4a55680f;border:1px solid var(--accent-500);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:400;padding:.3rem .8rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#4a55681f;color:var(--color-text)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.profile-content{background:#0000;border-radius:0;box-shadow:none;min-height:auto;min-width:auto;padding:1rem;width:100%}.profile-content:before{display:none}.profile-section h2{font-size:1.3rem;margin-bottom:1rem}.profile-field{align-items:flex-start;flex-direction:column;gap:.5rem}.profile-field label{min-width:auto}.profile-field span{text-align:left}.access-denied,.delete-account-simple,.indicator-item{border-radius:8px;padding:1rem}.delete-account-row{align-items:flex-start;flex-direction:column;gap:.8rem}.delete-account-actions{justify-content:space-between;width:100%}.delete-confirm-input{flex:1 1;width:auto}}.profile-container{background:#0000;display:flex;flex:1 1;flex-direction:column;padding:1.5rem 1.5rem 0;position:relative}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.profile-layout{align-items:stretch;display:flex;flex:1 1;gap:2rem;margin:0 auto;max-width:1400px;padding:0 1rem 2rem}.profile-container:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:15px;box-shadow:var(--shadow-2);margin:0 auto;max-width:600px;overflow:hidden;padding:3rem;position:relative;z-index:1}.profile-card:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.profile-card h2{color:var(--color-text);font-size:2rem;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;z-index:1}.profile-info{margin-bottom:3rem}.profile-field{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 0;position:relative;z-index:1}.profile-field:last-child{border-bottom:none}.profile-field label{color:var(--color-text);font-weight:400;min-width:150px}.profile-field span{color:var(--color-text);text-align:right}.subscription-section{border-top:2px solid var(--color-border);padding-top:2rem;position:relative;z-index:1}.subscription-section h3{color:var(--color-text);font-size:1.5rem;margin-bottom:1.5rem}.subscription-status{margin-bottom:2rem;text-align:center}.status-badge{border-radius:3px!important;display:inline-block;font-size:.85rem!important;font-weight:400;letter-spacing:.2px;padding:.15rem .3rem!important;text-transform:uppercase}.status-admin{background:#51586733;border:2px solid #51586766;color:#b8c8d8}.status-partner,.status-subscriber{background:#51586726;border:2px solid #5158674d;color:#b8c8d8}.status-guest{background:#5158671a;border:2px solid #51586733;color:#b8c8d8}.subscription-actions{margin-bottom:2rem;text-align:center}.subscription-actions p{color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem}.btn{font-size:1rem;margin:.5rem;padding:.75rem 2rem}.last-check{color:var(--color-text-muted);font-size:.9rem;margin-top:1rem;text-align:center}.account-management-section{border-top:2px solid var(--color-border);margin-top:2rem;padding-top:2rem}.account-management-section h3{color:var(--color-text);margin-bottom:1.5rem;text-align:center}.delete-account-section{background:#e53e3e1a;border:2px solid #e53e3e4d;border-radius:8px;padding:1.5rem;text-align:center}.delete-warning{color:#ff6b6b;line-height:1.6;margin-bottom:1.5rem}.delete-form{margin:0 auto;max-width:400px;text-align:left}.delete-form .form-group{margin-bottom:1.5rem}.delete-form label{color:var(--color-text);display:block;font-weight:400;margin-bottom:.5rem}.password-field{background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:12px;position:relative;transition:all .2s ease;width:100%;z-index:1}.password-field:focus{background:linear-gradient(145deg,var(--color-surface-2) 0,var(--color-surface) 100%);border-color:var(--accent-500);box-shadow:0 0 0 3px #14b8a61a;outline:none}.delete-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-danger{background:#0000!important;border:2px solid var(--color-border)!important;border-radius:12px!important;color:var(--color-text)!important;cursor:pointer;font-weight:400;margin:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:var(--color-border)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;transform:translateY(-1px)}.btn-danger:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.license-input{margin-bottom:1rem}.license-input label{color:var(--color-text);display:block;font-weight:400;margin-bottom:.5rem}.license-field{background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:2px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-size:1rem;padding:.75rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.license-field:focus{background:linear-gradient(145deg,var(--color-surface-2) 0,var(--color-surface) 100%);border-color:var(--accent-500);box-shadow:0 0 0 3px #14b8a61a;outline:none}.check-message{border-radius:10px;font-weight:400;margin-top:1rem;padding:.75rem;text-align:center}.check-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.check-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.profile-container{padding:1rem 1rem 0}.profile-layout{flex-direction:row;gap:1rem;padding:0 0 1rem}.sidebar-backdrop{display:block}}.accordion-section{background:#14b8a608;border:1px solid var(--color-border);border-radius:10px;margin-top:2rem;overflow:hidden}.accordion-header{align-items:center;background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:space-between;padding:1rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.accordion-header:hover{background:#14b8a61a}.accordion-arrow{color:var(--color-text);font-size:.8rem;transition:transform .3s ease}.accordion-content{background:#14b8a605;max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content.active{max-height:500px}.account-management-content{padding:1.5rem}.privacy{background:#0000;min-height:calc(100vh - 200px);overflow:hidden;padding:1rem .5rem;position:relative}.privacy:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.privacy-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.privacy h1{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.privacy h1,.privacy-intro{color:#b8c8d8;text-align:center}.privacy-intro{font-size:.85rem;line-height:1.6;margin-bottom:1.2rem;opacity:.9}.policy-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:15px;box-shadow:0 8px 32px #0000004d;margin-bottom:1rem;overflow:hidden;padding:1.2rem;position:relative}.policy-section:before{background:linear-gradient(90deg,#0000,var(--overlay-2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.policy-section h2{border-bottom:1px solid #b8c8d833;color:#b8c8d8;font-size:1.1rem;margin-bottom:.8rem;padding-bottom:.4rem;text-shadow:0 2px 4px #0000004d}.policy-section p{color:#b8c8d8;font-size:.8rem;line-height:1.5;margin-bottom:.6rem;opacity:.9}.policy-section p:last-child{margin-bottom:0}.policy-section ul{color:#b8c8d8;font-size:.8rem;line-height:1.4;margin-bottom:.5rem;margin-left:1rem;opacity:.9}.policy-section li{margin-bottom:.2rem}.privacy-link{border-bottom:1px solid #0000;color:#b8c8d8;text-decoration:none;transition:all .3s ease}.privacy-link:hover{border-bottom-color:#b8c8d8;color:#b8c8d8;opacity:1}@media (max-width:768px){.privacy{padding:.8rem .5rem}.privacy h1{font-size:1.2rem}.privacy-intro{font-size:.75rem}.policy-section{padding:1rem}.policy-section h2{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:Play,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{background-color:var(--color-bg);background:var(--color-bg);flex-direction:column;min-height:100vh}.App,main{display:flex}main{flex:1 1;flex-direction:column;min-height:0}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.btn{background:var(--color-surface);border:none;border:1px solid var(--color-border);border-radius:8px;box-shadow:none;color:#b8c8d8;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:400;padding:.4rem 1.2rem;text-align:center;text-decoration:none;text-shadow:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#0000!important;border:2px solid #515867!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;color:#b8c8d8!important;cursor:pointer;font-size:.85rem;font-weight:400;padding:.3rem .8rem;text-shadow:none!important;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#51586726!important;border-color:#6a7588!important;box-shadow:0 6px 16px #0000003d!important;color:#b8c8d8!important;transform:translateY(-1px)}.btn-large{font-size:1.2rem;padding:1.2rem 3rem}
/*# sourceMappingURL=main.e428fd73.css.map*/