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