.debug-overlay{border:1px solid var(--color-border);width:420px;color:var(--color-text);z-index:9999;background:#1e1e1e;flex-direction:column;font-family:Consolas,Monaco,monospace;font-size:12px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-2px 0 10px #00000080}.debug-overlay--left{left:0;right:auto}.debug-overlay *{scrollbar-width:thin;scrollbar-color:#555 transparent}.debug-toggle{background:var(--color-accent);color:#000;border-radius:var(--radius);cursor:pointer;z-index:9999;border:none;padding:6px 12px;font-size:12px;font-weight:600;position:fixed;bottom:10px;right:10px}.debug-app-lock{z-index:9998;cursor:not-allowed;background:#00000073;position:fixed;inset:0}.debug-toggle--left{left:10px;right:auto}.debug-header{border-bottom:1px solid var(--color-border);background:#252525;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.debug-title{color:var(--color-accent);font-size:13px;font-weight:600}.debug-header-buttons{gap:4px;display:flex}.debug-header-btn{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;background:#333;padding:2px 6px;font-family:inherit;font-size:10px}.debug-header-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.debug-header-btn--active{color:var(--color-accent);border-color:var(--color-accent)}.debug-body{flex-direction:column;flex:1;min-height:0;padding:8px 12px;display:flex;overflow:hidden}.debug-section{flex-shrink:0;margin-bottom:12px}.debug-section--panel{flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow:hidden}.debug-section--history{flex-direction:column;flex:1;min-height:40px;margin-bottom:0;display:flex}.debug-resize-handle{cursor:row-resize;background:0 0;flex-shrink:0;height:5px;position:relative}.debug-resize-handle:after{content:"";background:var(--color-border);height:1px;position:absolute;top:2px;left:25%;right:25%}.debug-resize-handle:hover:after,.debug-resize-handle:active:after{background:var(--color-accent)}.debug-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.debug-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.debug-model{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;background:#2a2a2a;flex:1;min-height:0;padding:8px;font-size:11px;overflow-y:auto}.debug-diff-hidden{color:var(--color-text-muted);padding:3px 8px;font-size:11px;font-style:italic}.debug-diff{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.debug-diff-entry{border-radius:var(--radius);background:#2a2a2a;flex-wrap:wrap;align-items:baseline;gap:4px;padding:3px 8px;font-size:11px;display:flex}.debug-diff-path{color:var(--color-accent);flex-shrink:0}.debug-diff-old{color:#f87171;text-decoration:line-through}.debug-diff-arrow{color:var(--color-text-muted);flex-shrink:0}.debug-diff-new{color:#4ade80}.debug-overlay .debug-filter{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;height:auto;color:var(--color-text);text-align:left;background:#2a2a2a;outline:none;margin-bottom:4px;padding:4px 8px;font-family:inherit;font-size:11px}.debug-overlay .debug-filter:focus{border-color:var(--color-accent);outline:none}.debug-suggestions{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.debug-suggestion{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;background:#333;padding:1px 6px;font-family:inherit;font-size:10px}.debug-suggestion:hover{color:var(--color-accent);border-color:var(--color-accent)}.debug-history{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.debug-history-entry{border-radius:var(--radius);cursor:pointer;background:#2a2a2a;align-items:center;padding:4px 8px;display:flex}.debug-history-entry:hover{background:#333}.debug-history-entry--selected{outline:1px solid var(--color-accent);background:#333}.debug-entry-num{color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:28px;margin-right:8px;font-size:10px}.debug-action-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.debug-entry-count{color:var(--color-text-muted);flex-shrink:0;margin-left:4px;font-size:9px}.debug-jump-btn{background:var(--color-button);color:var(--color-accent);cursor:pointer;border-radius:var(--radius);border:none;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:10px}.debug-jump-btn:hover{background:var(--color-button-hover)}.debug-overlay button,.debug-toggle{font-size:inherit;height:auto;padding:revert}.debug-overlay input{font-family:inherit;font-size:inherit;text-align:left;background:inherit;border:none;width:auto;height:auto;padding:0}.temp-converter,.temp-converter>span{align-items:center;gap:1rem;display:flex}@media (width<=768px){.temp-converter{flex-direction:column}.temp-converter>span{flex-direction:column;width:100%}.temp-converter .input{text-align:center;width:100%}.temp-equals{display:none}}.flight-booker .input{text-align:center;width:100%}@media (width<=768px){.flight-booker .input,.flight-booker .button{font-size:1.5rem}}.timer{gap:var(--spacing-md);flex-direction:column;display:flex}.timer-row{align-items:center;gap:var(--spacing-sm);display:flex}.timer-progress{background:var(--color-border);border-radius:var(--radius);border:none}.timer-slider{cursor:pointer;appearance:none;background:var(--color-border);border-radius:var(--radius);flex:1;height:1.5rem}.timer-toast{top:var(--spacing-md);right:var(--spacing-md);border-radius:var(--radius);text-align:center;border:1px solid var(--color-accent);color:var(--color-accent);background:var(--color-card);z-index:10;padding:.75rem 1.5rem;font-size:1.1rem;position:fixed}.timer-toast--error{color:#f87171;border-color:#ef4444}@media (width<=768px){.timer-row{flex-direction:column}.timer-label{font-size:1.25rem}.timer-progress,.timer-slider{flex:none;width:100%}.timer-elapsed{font-size:1.75rem}.timer .button{font-size:1.5rem}}.crud-input{color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);padding:.45rem .6rem;font-family:Consolas,monospace;font-size:1rem}.crud-listbox:focus-within .crud-listbox-item--selected,.crud-listbox:focus-within .crud-listbox-item--selected:hover{background:var(--color-accent);color:var(--color-bg)}.crud-buttons>.button{flex:1;height:auto;padding:.45rem .75rem;font-size:.95rem}@media (width<=768px){.card.crud{padding:1rem 1.25rem}.crud-columns{flex-direction:column;gap:1rem}.crud-listbox{min-height:140px}.crud-buttons{flex-direction:column;margin-top:2rem}}.circle-drawer-svg-container{background-color:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);height:400px}.circle-drawer-popup{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.5rem;min-width:200px;padding:1rem;display:flex;position:relative;transform:translate(-50%,60%);box-shadow:0 4px 12px #00000080}@media (width<=600px){.circle-drawer-svg-container{height:300px}.circle-drawer-toolbar{gap:.5rem}.circle-drawer-toolbar .button{flex:1;min-width:80px;height:auto;padding:.5rem 1rem;font-size:1.2rem}}:root{--color-bg:#1a1a1a;--color-card:#2a2a2a;--color-input:#333;--color-border:#444;--color-card-border:#383838;--color-card-border-hover:#f59e0b;--color-card-hover:#303030;--color-button:#444;--color-button-hover:#555;--color-button-active:#4a4a4a;--color-text:#fff;--color-text-muted:#888;--color-accent:#f59e0b;--spacing-sm:1rem;--spacing-md:2.5rem;--spacing-lg:3rem;--spacing-xl:5rem;--control-height:4rem;--input-width:150px;--radius:4px;--radius-lg:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;display:flex}h1{color:var(--color-accent);letter-spacing:.05em;font-size:2.5rem;font-weight:600}button{color:var(--color-text);background:var(--color-button);padding:0 var(--spacing-md);height:var(--control-height);border-radius:var(--radius);cursor:pointer;border:none;font-family:inherit;font-size:2rem}button:hover{background:var(--color-button-hover)}button:active{background:var(--color-button-active)}button:focus{outline:1px solid var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select{color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 var(--spacing-sm);width:var(--input-width);height:var(--control-height);text-align:right;font-family:Consolas,monospace;font-size:2rem}input:focus,select:focus{outline:1px solid var(--color-accent)}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=range]{height:auto;accent-color:var(--color-accent);background:0 0;border:none;padding:0}input[type=range]:focus{outline:none}label{color:var(--color-text);font-size:1.2rem}meter{appearance:none;width:100%;height:1.5rem;accent-color:var(--color-accent);background:var(--color-border);border-radius:var(--radius);border:none;overflow:hidden}meter::-webkit-meter-bar{background:var(--color-border);border-radius:var(--radius);border:none;height:100%}meter::-webkit-meter-optimum-value{background:var(--color-accent);border-radius:var(--radius);height:100%}meter::-moz-meter-bar{background:var(--color-accent);border-radius:var(--radius)}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--color-border);text-align:left;padding:.5rem 1rem}th{background:var(--color-card)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code{color:var(--color-text-muted);font-size:1.1rem}hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.index-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;padding-top:3rem;display:flex}.index-title{color:var(--color-accent);letter-spacing:.05em;font-size:3rem;font-weight:700}.index-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}#app{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.task-container{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.task-title{color:var(--color-accent);letter-spacing:.05em;font-size:2.5rem;font-weight:600}.card{background:var(--color-card);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);color:var(--color-text);text-align:center;border:1px solid var(--color-card-border);min-width:220px;font-size:1.5rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s}.card:hover{background:var(--color-card-hover);text-decoration:none}.card--interactive:hover{border-color:var(--color-card-border-hover)}.card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.back-link{top:var(--spacing-md);left:var(--spacing-md);color:var(--color-text);font-size:1.5rem;text-decoration:none;position:fixed}.back-link:hover{color:var(--color-accent)}.counter-controls{align-items:center;gap:2rem;display:flex}.counter-display{-webkit-user-select:none;user-select:none;cursor:default}.counter-display:focus{outline:none}.temp-converter,.temp-converter>span{align-items:center;gap:1rem;display:flex}.temp-label{color:var(--color-text);font-size:1.5rem}.temp-equals{color:var(--color-text-muted);font-size:1.5rem}.error-section{color:#f87171;border-radius:var(--radius);background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;padding:.75rem 1.25rem;font-size:1.1rem}.error-text{color:#f87171;margin-left:.25rem}.flight-booker{flex-direction:column;gap:1rem;display:flex}.flight-booker input,.flight-booker select{text-align:center;width:100%}.flight-booker button{width:100%}.flight-select{cursor:pointer}.card.timer{gap:var(--spacing-md);flex-direction:column;min-width:550px;display:flex}.timer-row{align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.timer-label{color:var(--color-text-muted)}.timer-progress{background:var(--color-border);border-radius:var(--radius);border:none;flex:1;height:1.5rem}.timer-progress::-webkit-progress-bar{background:var(--color-border);border-radius:var(--radius)}.timer-progress::-webkit-progress-value{background:var(--color-accent);border-radius:var(--radius)}.timer-progress::-moz-progress-bar{background:var(--color-accent);border-radius:var(--radius)}.timer-elapsed{font-family:Consolas,monospace;font-size:2rem}input.timer-slider{cursor:pointer;appearance:none;background:var(--color-border);border-radius:var(--radius);flex:1;height:1.5rem}.timer-slider::-webkit-slider-thumb{background:var(--color-accent);appearance:none;border-radius:50%;width:1.5rem;height:1.5rem}.timer-slider::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:50%;width:1.5rem;height:1.5rem}.timer button{width:100%}.crud.card{text-align:left;padding:1.5rem}.crud-columns{gap:1.5rem;display:flex}.crud-col-left,.crud-col-right{flex-direction:column;gap:.5rem;display:flex}.crud-label{color:var(--color-text-muted);font-size:.9rem}.crud-input{color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);text-align:left;width:100%;height:auto;padding:.45rem .6rem;font-family:Consolas,monospace;font-size:1rem}.crud-input:focus{outline:1px solid var(--color-accent)}.crud-field{flex-direction:column;gap:.2rem;display:flex}.crud-listbox{background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);min-height:160px;padding:.25rem;overflow-y:auto}select.crud-listbox{text-align:left;width:100%;height:auto;color:var(--color-text);font-size:1rem}select.crud-listbox option{padding:.35rem .5rem}.crud-listbox:focus{outline:1px solid var(--color-accent)}.crud-listbox-item{cursor:pointer;border-radius:3px;padding:.35rem .5rem;font-family:Consolas,monospace;font-size:1rem}.crud-listbox-item:hover{background:var(--color-border)}.crud-listbox-item--selected{background:var(--color-border);color:var(--color-text)}.crud-listbox-item--selected:hover{background:var(--color-border)}.crud-listbox:focus-within .crud-listbox-item--selected,.crud-listbox:focus-within .crud-listbox-item--selected:hover{background:var(--color-accent);color:var(--color-bg)}.crud-buttons{gap:.5rem;margin-top:1.3rem;display:flex}.crud-buttons>button{flex:1;height:auto;padding:.45rem .75rem;font-size:.95rem}.circle-drawer{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.circle-drawer-toolbar{justify-content:center;gap:1rem;display:flex}.circle-drawer-svg-container{background-color:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);height:400px;position:relative}.circle-drawer-svg{width:100%;height:100%}.circle-drawer-popup{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);z-index:10;flex-direction:column;gap:.5rem;min-width:200px;padding:1rem;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 4px 12px #00000080}.circle-drawer-popup-label{text-align:center;color:var(--color-text-muted);font-size:.9rem}.circle-drawer-popup-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);opacity:.6;background:0 0;border:none;padding:2px 4px;font-size:.85rem;transition:opacity .15s,background-color .15s;position:absolute;top:6px;right:8px}.circle-drawer-popup-close:hover{opacity:1;background-color:var(--color-border)}.circle-drawer-slider{cursor:pointer;background:var(--color-border);appearance:none;border-radius:3px;height:6px}.circle-drawer-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border-radius:50%;width:16px;height:16px}.circle-drawer-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}@media (width<=768px){body{padding:var(--spacing-sm);display:block}.task-container{min-height:calc(100vh - 2 * var(--spacing-sm));flex-direction:column;justify-content:center;display:flex}.index-grid{grid-template-columns:1fr}h1,.task-title{text-align:center;font-size:2rem}.card{width:100%;min-width:auto;padding:var(--spacing-md) var(--spacing-lg)}.back-link{top:var(--spacing-sm);left:var(--spacing-sm);font-size:1.2rem}.counter-controls{flex-direction:column;gap:1rem}.counter-controls input,.counter-controls button{width:100%}.counter-controls input{text-align:center}.temp-converter{flex-direction:column}.temp-converter>span{flex-direction:column;width:100%}.temp-converter input{text-align:center;width:100%}.temp-converter>.temp-equals{display:none}.flight-booker button{font-size:1.5rem}.card.timer{min-width:auto}.timer-row{flex-direction:column}.timer-label{font-size:1.25rem}.timer-progress,.timer-slider{flex:none;width:100%}.timer-elapsed{font-size:1.75rem}.timer button{font-size:1.5rem}.card.crud{padding:1rem 1.25rem}.crud-columns{flex-direction:column;gap:1rem}.crud-listbox{min-height:140px}.crud-buttons{flex-direction:column;margin-top:2rem}.circle-drawer-svg-container{height:300px}.circle-drawer-toolbar{gap:.5rem}.circle-drawer-toolbar button{flex:1;min-width:80px;height:auto;padding:.5rem 1rem;font-size:1.2rem}}.task-subtitle{color:var(--color-text-muted);letter-spacing:normal;text-align:center;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:400;display:block}.index-title{text-align:center}.card--interactive{position:relative}.card-subtitle{color:var(--color-text-muted);font-size:.7rem;font-weight:400;position:absolute;bottom:50%;left:0;right:0;transform:translateY(3.2em)}.input{color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 var(--spacing-sm);width:var(--input-width);height:var(--control-height);text-align:right;font-family:Consolas,monospace;font-size:2rem}.input:focus{outline:1px solid var(--color-accent)}.input--invalid{border-color:#ef4444}.input--invalid:focus{outline-color:#ef4444}.input--disabled{opacity:.5;cursor:not-allowed}.button{color:var(--color-text);background:var(--color-button);padding:0 var(--spacing-md);height:var(--control-height);border-radius:var(--radius);cursor:pointer;border:none;font-family:inherit;font-size:2rem}.button:hover{background:var(--color-button-hover)}.button:active{background:var(--color-button-active)}.button:focus{outline:1px solid var(--color-accent)}.button:disabled{opacity:.5;cursor:not-allowed}.error-section{color:#f87171;border-radius:var(--radius);background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;padding:.75rem 1.25rem;font-size:1.1rem;animation:.2s ease-in errorFadeIn}.error-section--hidden{visibility:hidden}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.confirm-message{color:#4ade80;border-radius:var(--radius);background:#22c55e1a;border:1px solid #22c55e4d;border-left:4px solid #22c55e;padding:.75rem 1.25rem;font-size:1.1rem}.coming-soon{color:var(--color-text-muted);font-size:1.25rem;font-style:italic}