.app{min-height:100vh;display:flex;flex-direction:column;background-color:#0b0b0d}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background-color:#0b0b0d;transition:transform var(--transition-base),opacity var(--transition-base);transform:translateY(0);opacity:1}.app-header--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.app-header h1{font-size:var(--font-size-xl);font-weight:600;margin:0}.app-logo{height:40px;width:auto;display:block}.header-controls{display:flex;gap:var(--space-sm)}.icon-btn{width:40px;height:40px;border:none;background:transparent;color:#fff;font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--color-primary)}.icon-btn--active{color:var(--color-primary)!important}.icon-img{width:24px;height:24px;object-fit:contain}.icon-svg{width:24px;height:24px;fill:currentColor}.tooltip-wrapper{position:relative}.bookmark-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#141417;color:var(--color-text);padding:var(--space-sm) var(--space-md);padding-right:28px;border-radius:var(--radius-md);font-size:var(--font-size-sm);width:170px;text-align:center;line-height:1.4;box-shadow:var(--shadow-lg);z-index:100;animation:tooltipFadeIn .3s ease-out;border:1px solid rgba(255,255,255,.1)}.bookmark-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:#1a1a1a}.tooltip-close{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--color-text);font-size:18px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition-fast)}.tooltip-close:hover{opacity:1}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app-main{display:flex;flex-direction:row;align-items:stretch;justify-content:center;padding:var(--space-xl);gap:0;max-width:1400px;margin:20px auto 0;width:100%;overflow:hidden;max-height:calc(100vh - 50px)}.timer-box{background-color:#141417;border-radius:24px;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;align-self:stretch;min-height:0;transition:border-radius .4s cubic-bezier(.4,0,.2,1)}.app-main:has(.planner-drawer--open) .timer-box{border-radius:24px 0 0 24px}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);width:100%;flex:1;min-height:0}.planner-drawer{position:relative;width:0;background-color:#141417;border-radius:0 24px 24px 0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;align-self:stretch}.planner-drawer--open{width:450px}.planner-drawer-content{padding:var(--space-xl);width:450px;height:100%;overflow-y:auto;max-height:100%}.timer-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.pip-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl);text-align:center}.pip-placeholder p{font-size:1.25rem;color:#ffffffb3;max-width:400px}.timer-canvas{display:block;max-width:100%;height:auto}.timer-display{text-align:center;display:flex;flex-direction:column;gap:0;width:100%;max-width:400px}.time-remaining{font-size:var(--font-size-3xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.caption{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-top:var(--space-sm);min-width:300px}.progress-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs);min-height:1.5em}.controls-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;width:100%;gap:var(--space-sm)}.controls-main{display:flex;gap:var(--space-md);align-items:center;justify-content:center}.controls-secondary{min-height:48px;display:flex;align-items:center;justify-content:center}.control-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:48px;height:48px;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0;position:relative}.control-btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background-color:#000000e6;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease-out}.control-btn[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:5px solid transparent;border-top-color:#000000e6;pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.control-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-on-primary);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary);width:64px;height:64px;padding:0;flex-shrink:0}.control-btn--primary:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-text-on-primary);transform:scale(1.1)}.control-btn--large{width:64px;height:64px;padding:0;flex-shrink:0}.control-btn--collapsed{width:0;min-width:0;padding:0;margin:0;opacity:0;pointer-events:none;overflow:hidden}.control-btn svg{flex-shrink:0;width:24px;height:24px}.control-btn img{flex-shrink:0}.play-pause-icon{width:20px!important;height:20px!important;display:block!important}.control-btn--primary img{width:20px!important;height:20px!important}.planner-panel{width:100%;padding:0;background-color:transparent}.planner-panel h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.planner-field{margin-bottom:var(--space-lg)}.planner-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-sm)}.number-input{display:flex;align-items:center;gap:var(--space-sm)}.number-input button{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background-color:#000;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:background-color var(--transition-fast)}.number-input button:hover{background-color:#ffffff1a}.number-input input{flex:1;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background-color:#000;color:var(--color-text);font-size:var(--font-size-base);text-align:center}.number-input .unit{color:var(--color-text-muted)}.presets{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.preset-btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-sm);background-color:#000;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.preset-btn:hover,.preset-btn--active{background-color:var(--color-primary);color:var(--color-text-on-primary)}select{width:100%;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background-color:#000;color:var(--color-text);font-size:var(--font-size-base);cursor:pointer}.sub-field{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.sub-field input{padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background-color:#000;color:var(--color-text);font-size:var(--font-size-base);text-align:center;width:60px}.sub-field input[type=checkbox]{width:auto;margin-right:16px;padding:0;cursor:pointer}.planner-field label input[type=checkbox]{margin-right:16px;cursor:pointer}.apply-btn{width:100%;padding:var(--space-md);border:none;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.apply-btn:hover{background-color:var(--color-secondary);color:var(--color-text-on-primary)}.planner-blog-link{margin-top:16px;text-align:center}.planner-blog-link a{color:var(--color-primary);text-decoration:underline;text-decoration-skip-ink:auto;font-size:14px;font-weight:500;transition:opacity .2s ease}.planner-blog-link a:hover{opacity:.8}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.dialog-content{width:90%;max-width:400px;background-color:#000;border:1px solid #1a1a1a;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}.dialog-header{padding:var(--space-lg)}.dialog-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.dialog-body{padding:var(--space-lg)}.dialog-body p{color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;margin:0}.dialog-actions{display:flex;gap:var(--space-sm);padding:var(--space-lg)}.dialog-btn{flex:1;padding:var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dialog-btn--cancel{background-color:transparent;color:var(--color-text)}.dialog-btn--cancel:hover{background-color:#ffffff1a}.dialog-btn--confirm{background-color:var(--color-primary);color:var(--color-text-on-primary)}.dialog-btn--confirm:hover{background-color:var(--color-secondary)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-drawer)}.drawer-content{width:90%;max-width:480px;max-height:80vh;background-color:#141417;border-radius:var(--radius-lg);overflow:hidden}.settings-drawer{display:flex;flex-direction:column;height:100%}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h2{font-size:var(--font-size-xl)}.close-btn{width:32px;height:32px;border:none;background:transparent;color:var(--color-text);font-size:32px;line-height:1;cursor:pointer}.settings-content{flex:1;padding:var(--space-lg);overflow-y:auto}.setting-field{margin-bottom:var(--space-lg)}.setting-field label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.setting-hint{font-size:var(--font-size-sm);color:var(--color-text);margin-top:var(--space-xs)}.setting-about{padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);text-align:left}.setting-about h3{margin-bottom:var(--space-sm)}.setting-about p{margin-bottom:var(--space-xs);color:var(--color-text)}.setting-about a{color:var(--color-primary);text-decoration:none}.setting-about a:hover{text-decoration:underline}.toast-wrapper{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);transition:opacity var(--transition-base),transform var(--transition-base);opacity:1;transform:translateY(0);pointer-events:none}.toast-wrapper--hidden{opacity:0;transform:translateY(20px);pointer-events:none;visibility:hidden;display:none}.toast-container{display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;will-change:contents;contain:layout style}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:300px;animation:slideIn var(--transition-base) ease-out forwards;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.toast--exiting{animation:slideOut var(--transition-base) ease-in forwards}.toast--info,.toast--success,.toast--warning,.toast--error{border-left:4px solid var(--color-primary)}.toast--clickable{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.toast--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.toast-content{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.toast-icon{font-size:var(--font-size-lg)}.toast-message{font-size:var(--font-size-sm)}.toast-close{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);font-size:20px;line-height:1;cursor:pointer}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-height: 900px) and (min-width: 769px){.app-main{max-height:calc(100vh - 100px);padding:var(--space-md)}.timer-box{padding:var(--space-lg);align-self:stretch}.timer-section{max-width:400px}.timer-canvas{max-width:400px;max-height:400px}.planner-drawer{align-self:stretch}.planner-drawer-content{overflow-y:auto}}@media (max-height: 800px) and (min-width: 769px){.app-main{max-height:calc(100vh - 40px);padding:var(--space-sm);margin:20px auto 0}.timer-box{padding:var(--space-md);align-self:stretch}.timer-section{max-width:350px}.timer-canvas{max-width:350px;max-height:350px}.planner-drawer{align-self:stretch;padding:var(--space-md)}.planner-drawer-content{overflow-y:auto;padding:var(--space-md)}.planner-content{gap:var(--space-sm)}}@media (max-width: 768px){.app-main{padding:var(--space-md);flex-direction:column;overflow:visible;margin:0 auto}.timer-box{padding:var(--space-lg);border-radius:16px;max-width:100%;width:100%;transition:border-radius .4s cubic-bezier(.4,0,.2,1)}.app-main:has(.planner-drawer--open) .timer-box{border-radius:16px 16px 0 0}.timer-section{width:100%}.planner-drawer{position:relative;bottom:auto;left:auto;right:auto;width:100%;height:0;border-radius:0 0 16px 16px;box-shadow:none;z-index:auto;margin-top:0;align-self:stretch;transition:height .4s cubic-bezier(.4,0,.2,1)}.planner-drawer--open{height:650px}.planner-drawer-content{width:100%}.time-remaining{font-size:var(--font-size-2xl)}.toast-wrapper{bottom:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast-wrapper--hidden{display:none!important}.toast{min-width:0}}.scroll-toggle-btn{width:56px;height:56px;border-radius:50%;background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:80px auto 40px;transition:transform var(--transition-fast),background-color var(--transition-fast);box-shadow:0 4px 12px #0000004d}.scroll-toggle-btn:hover{background-color:var(--color-secondary);transform:translateY(4px)}.scroll-toggle-btn:active{transform:translateY(6px)}.scroll-toggle-btn svg{display:block}.scroll-toggle-btn--in-footer{margin:0 auto 40px}.app-footer{width:100%;padding:var(--space-xl) var(--space-lg);margin-top:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--transition-base),opacity var(--transition-base);transform:translateY(0);opacity:1}.app-footer--hidden{transform:translateY(100%);opacity:0;pointer-events:none}.footer-content{max-width:700px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.footer-logo{height:60px;width:auto;margin-bottom:var(--space-md)}.footer-tagline{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);margin:0;text-align:left}.footer-description{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted);margin:0;text-align:left}.footer-links{width:100%;text-align:left;margin-top:var(--space-md)}.footer-links h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links li{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-muted)}.footer-links a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-secondary);text-decoration:underline}.footer-social{display:flex;gap:var(--space-md);justify-content:center;align-items:center;flex-wrap:wrap;margin-top:var(--space-md)}.footer-social a{display:flex;align-items:center;justify-content:center;min-width:auto;height:auto;padding:0;background-color:transparent;color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.footer-social a:hover{transform:scale(1.1);opacity:.8}.footer-social .social-placeholder{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.footer-social img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-lg);text-align:center}@media (max-width: 768px){.scroll-toggle-btn{width:48px;height:48px;margin:60px auto 30px}.scroll-toggle-btn svg{width:20px;height:20px}.scroll-toggle-btn--in-footer{margin:0 auto 30px}.app-footer{padding-bottom:0}.footer-content{padding:0 var(--space-md)}.footer-logo{height:50px}.footer-links{text-align:center}}.completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.completion-modal-overlay--animated{animation:fadeIn .3s ease-out}.completion-modal{background:#141417;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:600px;width:92%;position:relative;box-shadow:0 24px 64px #0009;animation:slideUp .3s ease-out;max-height:90vh;overflow-y:auto}.completion-header{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.completion-icon{width:91px;height:91px;flex-shrink:0}.completion-title,.completion-subtitle{font-size:25px;font-weight:700;margin:0;line-height:1.3;color:#f2f3f5}.completion-lead{font-size:16px;color:#f2f3f5;margin:0 0 24px;line-height:1.5}.completion-lead strong{font-weight:700}.completion-stats{margin-bottom:8px}.completion-stats-primary{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}.completion-stats-secondary{font-size:16px;color:#9aa0a6;margin-bottom:32px}.completion-reflection{margin-bottom:24px}.reflection-label{display:block;font-size:14px;font-weight:600;color:#f2f3f5;margin-bottom:8px}.reflection-field{position:relative;margin-bottom:12px}.reflection-input{width:100%;min-height:120px;padding:16px;background:#ffffff0d;border:2px solid;border-radius:12px;color:#f2f3f5;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .2s,background-color .2s}.reflection-input::placeholder{color:#666}.reflection-input:focus{outline:none;background:#ffffff14}.reflection-counter{position:absolute;bottom:12px;right:12px;font-size:12px;color:#666;pointer-events:none;font-variant-numeric:tabular-nums}.reflection-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#9aa0a6;cursor:pointer;-webkit-user-select:none;user-select:none}.reflection-checkbox input[type=checkbox]{cursor:pointer}.completion-error{padding:12px 16px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;color:#ff3b30;font-size:14px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.error-retry{background:transparent;border:1px solid #FF3B30;color:#ff3b30;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.error-retry:hover{background:#ff3b301a}.completion-actions{display:flex;flex-direction:row;gap:12px;margin-bottom:32px}.completion-btn{padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none;width:100%}.completion-btn:disabled{opacity:.5;cursor:not-allowed}.completion-btn--primary{color:#000}.completion-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.completion-btn--secondary{background:transparent;border:2px solid;border-color:#fff3;color:#fff9}.completion-btn--secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--theme-accent);color:var(--theme-accent)}.completion-btn--ghost{background:transparent;border:2px solid;border-color:#fff3;color:#fff9}.completion-btn--ghost:hover:not(:disabled){background:#ffffff0d;border-color:var(--theme-accent);color:var(--theme-accent)}.completion-footer{display:flex;justify-content:flex-start;opacity:.7}.completion-footer-logo{height:39px;width:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.completion-modal{padding:32px 24px;max-width:95%;border-radius:20px}.completion-title,.completion-subtitle{font-size:20px}.completion-lead{font-size:15px}.completion-stats-primary{font-size:18px}.completion-stats-secondary{font-size:14px}.reflection-input{min-height:100px;font-size:14px}.completion-btn{padding:12px 20px;font-size:15px}}:root{--color-primary: #FF9A3C;--color-secondary: #FF9A3C;--color-background: #0B0B0D;--color-surface: #2d2d2d;--color-text: #ffffff;--color-text-muted: #a0a0a0;--color-text-on-primary: #000000;--color-ring-start: #FF9A3C;--color-ring-end: #FF9A3C;--color-break-band: rgba(255, 154, 60, .5);--color-head-marker: #FFFFFF;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--radius-sm: 7px;--radius-md: 11px;--radius-lg: 15px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 1;--z-dropdown: 10;--z-drawer: 100;--z-modal: 200;--z-toast: 300}.theme--focus{--color-primary: #4A90E2;--color-secondary: #357ABD;--color-text-on-primary: #ffffff;--color-ring-start: #4A90E2;--color-ring-end: #357ABD;--color-break-band: rgba(74, 144, 226, .3)}.theme--high_contrast{--color-primary: #FFFF00;--color-secondary: #FFFF00;--color-background: #0B0B0D;--color-surface: #1a1a1a;--color-text: #ffffff;--color-text-muted: #cccccc;--color-text-on-primary: #000000;--color-ring-start: #FFFF00;--color-ring-end: #FFFF00;--color-break-band: rgba(255, 255, 0, .5);--color-head-marker: #FFFF00}.theme--qeap{--color-primary: #6857E8;--color-secondary: #6857E8;--color-text-on-primary: #ffffff;--color-ring-start: #6857E8;--color-ring-end: #6857E8;--color-break-band: rgba(104, 87, 232, .3)}.theme--dark{--color-primary: #4F4F4F;--color-secondary: #4F4F4F;--color-text-on-primary: #ffffff;--color-ring-start: #4F4F4F;--color-ring-end: #4F4F4F;--color-break-band: rgba(79, 79, 79, .3)}.theme--sun{--color-primary: #FFC433;--color-secondary: #FFC433;--color-text-on-primary: #000000;--color-ring-start: #FFC433;--color-ring-end: #FFC433;--color-break-band: rgba(255, 196, 51, .3)}.theme--orchid{--color-primary: #A25BAA;--color-secondary: #A25BAA;--color-text-on-primary: #ffffff;--color-ring-start: #A25BAA;--color-ring-end: #A25BAA;--color-break-band: rgba(162, 91, 170, .3)}[data-reduced-motion=true] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scrollbar-gutter:stable}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}