:root{--bg: #121212;--surface: #1e1e1e;--primary: #9474CC;--secondary: #03dac6;--error: #cf6679;--text: #e0e0e0;--text-muted: #999999;--border: #3a3a3a;--border-hover: #7e7e7e;--button-bg: #2b2b2b;--button-bg-hover: #363636;--button-bg-active: #3c3c3c}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text);margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.container{width:100%;max-width:900px;background:var(--surface);padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000002e;border:1px solid var(--border)}h1{margin-top:0;text-align:center;color:var(--primary)}h3{border-bottom:1px solid var(--border);padding-bottom:10px;margin-top:25px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:10px 14px;background:#2c2c2c;border-radius:8px;transition:background .18s,border-color .18s;border:1px solid var(--border);width:100%;box-sizing:border-box;gap:8px}.radio-label:hover,.radio-label:focus-within{background:#2f2f2f;outline:none;border-color:var(--primary)}.radio-label input[type=radio]{margin-right:8px}.file-area{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.file-area,.radio-label{flex-direction:row}}.drop-zone{flex:1;border:2px dashed var(--border);padding:20px;border-radius:8px;text-align:center;transition:border-color .14s,background .14s,box-shadow .14s;position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center}.drop-zone:hover,.drop-zone.active{border-color:var(--primary);box-shadow:0 8px 22px #0b081c3d}.clear-file{position:absolute;top:.5rem;right:.5rem;z-index:10}.remove-button{cursor:pointer;min-width:unset;min-height:unset;padding:0;width:2rem;height:2rem;background-color:var(--button-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);transition:background-color .14s,border-color .14s,color .14s;display:flex;justify-content:center;align-items:center}.remove-button:hover{background:var(--button-bg-hover);border-color:var(--error);color:var(--error);transform:translate(0)!important}.remove-button:active{background:var(--button-bg-active)}.mode-selector{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.mode-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;align-items:center}.mode-switch input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mode-pill{width:max-content;display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;min-width:140px;border-radius:.325rem;background:#2c2c2c;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:box-shadow .18s,background-color .12s,border-color .12s;-webkit-user-select:none;user-select:none}.mode-switch input[type=radio]:checked+.mode-pill{background-color:#bb86fc0f;box-shadow:0 6px 18px #0b081c3d;border-color:var(--primary)}.mode-pill:focus{outline:2px solid rgba(187,134,252,.08)}#global-options{padding-bottom:1rem}.controls-block{margin-top:12px;padding:12px;border-radius:8px;background:#242424;border:1px solid var(--border);margin-bottom:1rem}.merge-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px;justify-content:center}.merge-options select{padding-inline-start:.5rem;padding-inline-end:.3rem;padding-block:.4rem;border-radius:6px;background:#1b1b1b;color:var(--text);border:1px solid var(--border)}.direction-toggle{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:12px}.dir-label{color:#bbb;font-weight:600}.two-way{display:inline-block;position:relative}.two-way input{position:absolute;opacity:0;width:0;height:0}.two-way .slider{width:120px;height:34px;background-color:var(--button-bg);border-radius:999px;display:inline-block;position:relative;border:1px solid var(--border);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;cursor:pointer}.two-way .slider:hover{background-color:var(--button-bg-hover);border-color:var(--border-hover)}.two-way .slider:hover:active,.two-way .slider:active{background-color:var(--button-bg-active);border-color:var(--border-hover)}.two-way .slider{display:flex;align-items:center;justify-content:center}.toggle-arrow{color:var(--primary);transition:transform .18s ease;width:20px;height:20px}.two-way input:not(:checked)+.slider .toggle-arrow{transform:rotate(-90deg)}.two-way input:checked+.slider .toggle-arrow{transform:rotate(90deg)}.drop-zone h4{margin:0 0 10px;color:var(--secondary)}.drop-zone p{margin:0;color:#bbb}input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone .file-name{margin-top:8px;font-size:16px;color:#fff}.controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}button{background:var(--primary);color:#000;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;font-size:16px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:disabled{background:#555;cursor:not-allowed;opacity:.7}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #00000026}button:active:not(:disabled){transform:translateY(0)}#debug-console{width:100%;height:250px;background:#000;color:#0f0;font-family:Courier New,monospace;font-size:13px;padding:10px;margin-top:20px;border-radius:6px;overflow-y:auto;border:1px solid var(--border);box-sizing:border-box;white-space:pre-wrap}.log-info{color:#0f0}.log-warn{color:#ffeb3b}.log-err{color:var(--error)}.log-schema{color:#00bcd4}.filter-controls{margin:20px 0;padding:15px;background:#242424;border-radius:8px;border:1px solid var(--border)}.filter-controls label{display:flex;align-items:center;gap:10px;font-size:14px}.filter-controls input[type=number]{width:80px;padding:6px 10px;background:#1b1b1b;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}#conversion-mappings{margin:20px 0}#conversion-mappings h4{margin-bottom:15px;margin-top:10px;color:var(--secondary);border-bottom:none;padding-bottom:0}#mapping-list{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.mapping-item{padding:15px;background:#1b1b1b;border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.mapping-selects{display:flex;flex-wrap:wrap-reverse;align-items:center;gap:12px;margin-bottom:10px}.remove-mapping{margin-left:auto}.stt-activity-select,.uhabits-habit-select{flex:1;min-width:200px;padding:10px 12px;background:#2c2c2c;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .2s}.stt-activity-select:hover,.uhabits-habit-select:hover{border-color:var(--border-hover)}.stt-activity-select:focus,.uhabits-habit-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #bb86fc1a}.mapping-arrow{color:var(--primary);font-size:20px;font-weight:700;flex-shrink:0}.mapping-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:8px 0}.option-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.option-item .option-label{color:var(--text-muted)}.option-checkbox{gap:6px}.option-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.option-unit{color:var(--text-muted)}.min-duration-input{width:55px;padding:5px 8px;background:#2c2c2c;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;text-align:center;transition:border-color .2s}.min-duration-input:hover{border-color:var(--border-hover)}.min-duration-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #bb86fc1a}#add-mapping{width:100%;background:#2c2c2c;color:var(--secondary);border:1px dashed var(--border);padding:12px;font-size:15px}#add-mapping:hover:not(:disabled){background:#363636;border-color:var(--secondary);border-style:solid}.activity-grid-container{margin-top:15px;padding:15px;background:#0d0d0d;border-radius:6px;border:1px solid var(--border)}.grid-year-nav{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.grid-year-nav button{min-width:unset;padding:6px 12px;background:var(--button-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;transition:background-color .14s,border-color .14s}.grid-year-nav button:hover{transform:translate(0);background:var(--button-bg-hover);border-color:var(--primary)}.grid-year-nav button:active{background:var(--button-bg-active)}.grid-year-display{font-size:16px;font-weight:600;color:var(--text);min-width:60px;text-align:center}@media (width >= 52rem){.habit-preview-grid{width:100%;min-width:683px}}