:root{color-scheme:light;--bg: #eef1f6;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f7;--border: #e2e8f0;--border-2: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--primary-soft: #eef2ff;--primary-border: #c7d2fe;--accent: #8b5cf6;--on-accent: #ffffff;--on-warning: #422006;--danger: #ef4444;--danger-hover: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--success: #10b981;--success-soft: #ecfdf5;--success-border: #a7f3d0;--success-text: #047857;--warning: #f59e0b;--warning-soft: #fffbeb;--warning-border: #fde68a;--warning-text: #92400e;--info-soft: #eff6ff;--info-border: #bfdbfe;--info-text: #1a5c9e;--info-text-2: #4a7fb5;--overlay: rgba(15, 23, 42, .5);--hover-tint: rgba(15, 23, 42, .08);--scrollbar: #cbd5e1;--scrollbar-hover: #94a3b8;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .16)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--surface: #151d2c;--surface-2: #1c2637;--surface-3: #26324a;--border: #2c3648;--border-2: #3d4a61;--text: #e6edf7;--text-2: #a5b3c8;--text-3: #71809a;--primary: #7c86f7;--primary-hover: #a5aefd;--primary-soft: rgba(124, 134, 247, .16);--primary-border: #4c5aa8;--accent: #a78bfa;--on-accent: #0d1424;--danger: #f87171;--danger-hover: #fca5a5;--danger-soft: rgba(248, 113, 113, .14);--danger-border: #7f3030;--danger-text: #fca5a5;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--success-border: #2f6f5b;--success-text: #6ee7b7;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--warning-border: #7a5a1a;--warning-text: #fcd34d;--info-soft: rgba(96, 165, 250, .12);--info-border: #2f4d7a;--info-text: #bfdbfe;--info-text-2: #93b4dc;--overlay: rgba(2, 6, 16, .72);--hover-tint: rgba(255, 255, 255, .1);--scrollbar: #33415a;--scrollbar-hover: #475777;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1220;--surface: #151d2c;--surface-2: #1c2637;--surface-3: #26324a;--border: #2c3648;--border-2: #3d4a61;--text: #e6edf7;--text-2: #a5b3c8;--text-3: #71809a;--primary: #7c86f7;--primary-hover: #a5aefd;--primary-soft: rgba(124, 134, 247, .16);--primary-border: #4c5aa8;--accent: #a78bfa;--on-accent: #0d1424;--danger: #f87171;--danger-hover: #fca5a5;--danger-soft: rgba(248, 113, 113, .14);--danger-border: #7f3030;--danger-text: #fca5a5;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--success-border: #2f6f5b;--success-text: #6ee7b7;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--warning-border: #7a5a1a;--warning-text: #fcd34d;--info-soft: rgba(96, 165, 250, .12);--info-border: #2f4d7a;--info-text: #bfdbfe;--info-text-2: #93b4dc;--overlay: rgba(2, 6, 16, .72);--hover-tint: rgba(255, 255, 255, .1);--scrollbar: #33415a;--scrollbar-hover: #475777;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:1280px;margin:0 auto;padding:32px 24px}.app-topbar{position:sticky;top:0;z-index:90;margin:-32px -24px 24px;padding:14px 24px 0;background:var(--bg);border-bottom:1px solid var(--border)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{font-size:22px;line-height:1}.brand-text{min-width:0}.brand-text h1{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text p{color:var(--text-3);font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle{flex-shrink:0;width:38px;height:38px;margin:0;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-soft)}.main-tabs{display:flex;gap:4px;margin-bottom:-1px}.main-tabs button{padding:10px 18px;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--text-3);font-size:14px;font-weight:600;cursor:pointer;margin-right:0;transition:color .15s,background .15s,border-color .15s}.main-tabs button:hover{color:var(--text);background:var(--surface-3)}.main-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.card{background:var(--surface);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card h2{margin-bottom:18px;color:var(--text);font-size:1.15rem;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 160px;gap:16px}.form-row-bottom{align-items:start;grid-template-columns:1fr auto}.label-spacer{display:block;margin-bottom:6px;font-size:13px;line-height:1.6;visibility:hidden}.form-actions-col{display:flex;flex-direction:column}.form-group{margin-bottom:14px}.form-group-narrow{min-width:0}.form-group-flex{margin-bottom:0}.form-actions-col .form-actions{margin-top:0;flex-shrink:0}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--text-2)}.form-group input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;transition:border-color .15s,box-shadow .15s;background:var(--surface);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.collect-types{display:flex;gap:12px;flex-wrap:wrap}.collect-type-item{position:relative;display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-2);transition:all .15s;background:var(--surface)}.collect-type-item:hover{border-color:var(--primary)}.collect-type-item input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.collect-type-item:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-hover);font-weight:600}.collect-type-item:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}button{padding:10px 18px;border:none;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;margin-right:8px;border:1px solid var(--border);transition:all .15s}button:hover{background:var(--surface-3);color:var(--text)}button:disabled,button:disabled:hover{background:var(--surface-2)!important;color:var(--text-3)!important;border:1px dashed var(--border)!important;cursor:not-allowed;opacity:1;box-shadow:none}button.primary{background:var(--primary);color:var(--on-accent);border-color:var(--primary)}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{background:transparent;color:var(--danger);border-color:var(--border)}button.danger:hover{background:var(--danger);color:var(--on-accent);border-color:var(--danger)}button.secondary{background:var(--surface);color:var(--text-2);border-color:var(--border)}.candidates-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.candidates-box-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:4px}.candidates-box-header h3{margin:0}.hint{color:var(--text-3);font-size:14px;margin-bottom:16px}.candidates-list{max-height:400px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.candidate-item{display:flex;align-items:flex-start;flex-direction:column;padding:6px 8px;border-bottom:1px solid var(--border);gap:2px}.candidate-item:last-child{border-bottom:none}.candidate-title{font-weight:500}.candidate-title-row{display:flex;align-items:center;gap:8px;width:100%}.candidate-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.candidate-url{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.4;padding-left:24px;cursor:pointer}.candidate-url.expanded{white-space:normal;word-break:break-all;overflow:visible}.candidate-xpath{font-size:11px;color:var(--text-3);font-family:monospace;word-break:break-all;white-space:normal;line-height:1.4;padding-left:24px}.actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:4px}.task-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.task-item{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface);transition:box-shadow .15s,transform .15s}.task-item:hover{box-shadow:var(--shadow)}.task-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.task-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex-shrink:0}.task-header h3{color:var(--text);font-size:1.05rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.status.enabled{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.status.disabled{background:var(--bg);color:var(--text-2);border-color:var(--border)}.tracking-badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.tracking-badge.auto{background:var(--primary-soft);color:var(--primary-hover)}.tracking-badge.fixed{background:var(--surface-2);color:var(--text-3)}.tracking-badge.post-area{background:var(--success-soft);color:var(--success-text)}.task-url{color:var(--text-3);font-size:13px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.meta-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-2)}.meta-chip.muted{color:var(--text-3);border-style:dashed}.meta-chip.next-run{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-hover)}.task-actions{display:flex;gap:8px;flex-wrap:wrap}.progress-box{margin-bottom:16px}.progress-bar-track{width:100%;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .3s ease}.progress-bar-fill.done{background:var(--success)}.progress-bar-fill.indeterminate{width:40%!important;transition:none;animation:progressIndeterminate 1.2s ease-in-out infinite}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-label{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:32px 20px;color:var(--text-3)}.empty-icon{font-size:32px;margin-bottom:8px;opacity:.7}.empty-title{font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:4px}.empty-sub{font-size:13px;color:var(--text-3)}.area-empty-guide{text-align:left;padding:24px 20px}.area-empty-guide .empty-icon,.area-empty-guide .empty-title{text-align:center}.empty-steps{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:10px}.empty-steps li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--text-2)}.step-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--primary-soft);color:var(--primary-hover);font-size:11px;font-weight:700}.area-analyzing{text-align:center;padding:40px 20px}.mini-spinner{width:30px;height:30px;margin:0 auto 14px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:miniSpin .8s linear infinite}@keyframes miniSpin{to{transform:rotate(360deg)}}.analyzing-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.analyzing-sub{font-size:13px;color:var(--text-3);line-height:1.5}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-lg);animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-content .close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-3)}.preview-layout{max-width:98%;width:2000px;max-height:92vh}.post-area-modal{z-index:1050}.preview-split{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.preview-left{min-width:0}.preview-right{min-width:0;max-height:80vh;overflow-y:auto;padding-right:4px}.zoom-controls{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;background:var(--bg);border-radius:8px;width:fit-content}.zoom-controls button{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.zoom-controls button:hover{background:var(--primary-soft);border-color:var(--primary)}.zoom-controls .zoom-label{min-width:48px;text-align:center;font-size:13px;font-weight:600;color:var(--text-2)}.zoom-controls .zoom-reset{width:auto;padding:0 10px;font-size:12px}.screenshot-scroll{overflow:auto;max-height:75vh;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.screenshot-wrapper{position:relative;margin:0 auto}.screenshot-img{display:block;width:100%;height:auto;cursor:crosshair}.loading{text-align:center;padding:40px;color:var(--text-3)}.results-layout{max-width:95%;width:1400px;max-height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.results-header-fixed{flex-shrink:0;padding:24px 28px 16px;border-bottom:1px solid var(--border)}.results-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.results-header-top h2{margin:0}.results-header-top .close{position:static;line-height:1;padding:4px}.results-body{flex:1;min-height:0;overflow-y:auto;padding:20px 28px 28px}.results-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.results-search{flex:1;min-width:160px;max-width:320px}.results-type-filter{display:flex;gap:4px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.type-filter-btn{margin:0;padding:6px 12px;border:none;border-radius:999px;background:transparent;color:var(--text-2);font-size:12px;font-weight:600}.type-filter-btn:hover{background:var(--surface);color:var(--text)}.type-filter-btn.active{background:var(--primary);color:var(--on-accent)}.selection-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 28px;border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -6px 18px #0000000f}.selection-bar-count{margin-right:auto;color:var(--text-2);font-size:14px}.selection-bar-count strong{color:var(--primary);font-size:16px}.selection-bar button{margin:0}.selection-bar-enter-active,.selection-bar-leave-active{transition:transform .18s ease,opacity .18s ease}.selection-bar-enter-from,.selection-bar-leave-to{transform:translateY(12px);opacity:0}.results-toast{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:6;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--surface);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap}.results-toast.selection-bar-enter-from,.results-toast.selection-bar-leave-to{transform:translate(-50%,12px)}.level-filter-warning.active{background:var(--warning);color:var(--on-warning)}.level-filter-error.active{background:var(--danger);color:var(--on-accent)}.selected-count{font-size:13px;font-weight:600;color:var(--primary);padding:6px 12px;background:var(--primary-soft);border-radius:999px}.post-sections{display:flex;flex-direction:column;gap:24px}.post-section{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface)}.saved-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:14px}.saved-header h2{margin:0}.saved-summary{font-size:12px;font-weight:600;color:var(--text-2);padding:4px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.saved-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.saved-search{flex:1;min-width:200px;max-width:360px}.saved-sort-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--surface);color:var(--text-2)}.logs-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.logs-actions{display:flex;gap:8px;margin-left:auto}.logs-actions button{margin-right:0}.log-list{display:flex;flex-direction:column;gap:4px}.log-row{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.log-row.log-level-warning{border-left-color:var(--warning);background:var(--warning-soft)}.log-row.log-level-error{border-left-color:var(--danger);background:var(--danger-soft)}.log-row-main{display:flex;align-items:center;gap:10px;padding:7px 12px;flex-wrap:wrap;font-size:13px}.log-row-main.has-detail{cursor:pointer}.log-time{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;min-width:70px}.log-level-badge,.log-category-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;flex-shrink:0;white-space:nowrap}.level-badge-info{background:var(--surface-2);color:var(--text-2)}.level-badge-warning{background:var(--warning-soft);color:var(--warning-text)}.level-badge-error{background:var(--danger-soft);color:var(--danger-text)}.log-category-badge{font-weight:600;background:var(--primary-soft);color:var(--primary-hover)}.log-message{flex:1;min-width:160px;color:var(--text);word-break:break-word}.log-task-chip{flex-shrink:0}.log-detail-toggle{color:var(--text-3);font-size:12px;flex-shrink:0;white-space:nowrap}.log-detail-json{margin:0 12px 10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;line-height:1.5;color:var(--text-2);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.logs-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}.log-page-info{font-size:12px;color:var(--text-3)}.logs-pagination-btns{display:flex;gap:8px}.logs-pagination-btns button{margin-right:0}.saved-post-sections{display:block;columns:1;column-gap:20px}.saved-post-sections .post-section{break-inside:avoid;margin-bottom:20px}@media (min-width: 900px){.saved-post-sections{columns:2}}@media (min-width: 1400px){.saved-post-sections{columns:3}}.post-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px;gap:10px}.post-check{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.post-check input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.post-title{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-check .post-title{max-width:480px}.post-meta{font-size:12px;color:var(--text-3);white-space:nowrap}.post-meta-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.collapse-toggle{background:none;border:1px solid var(--border);border-radius:6px;width:26px;height:26px;padding:0;margin:0;flex-shrink:0;font-size:13px;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center}.collapse-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.post-title-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.post-title-group .post-title{max-width:100%}.saved-post-sections .post-section-header{flex-direction:column;align-items:flex-start;gap:6px}.saved-post-sections .post-title-group{width:100%}.post-source-url{display:block;margin:-6px 0 10px;font-size:12px;color:var(--text-3);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-source-url:hover{color:var(--primary);text-decoration:underline}.post-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.media-tile{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .15s,transform .15s;background:var(--surface-2)}.media-tile:hover{transform:scale(1.03)}.media-tile.selected{border-color:var(--primary)}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0f172a2e;border:1.5px solid rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;opacity:0;transition:opacity .15s,background .15s}.media-tile:hover .media-check{opacity:1}.media-tile.selected .media-check{opacity:1;background:var(--primary);border-color:var(--primary)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0f172a40;cursor:pointer;transition:background .15s}.play-overlay:hover{background:#0f172a66}.play-overlay-static{pointer-events:none;cursor:default}.play-icon{width:48px;height:48px;border-radius:50%;background:#ffffffe6;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0000004d;transition:transform .15s}.play-overlay:hover .play-icon{transform:scale(1.1)}.media-type-badge{position:absolute;top:6px;left:6px;z-index:2;background:#0f172aa6;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;pointer-events:none}.media-tile.viewed img,.media-tile.viewed video{opacity:.45;transition:opacity .15s}.media-tile.viewed:hover img,.media-tile.viewed:hover video{opacity:.9}.media-viewed-badge{position:absolute;top:6px;left:6px;z-index:2;background:#0f172acc;color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;pointer-events:none}.media-type-badge~.media-viewed-badge,.media-type-badge~.media-new-badge{top:28px}.media-tile.is-new:not(.selected){border-color:#10b981}.media-new-badge{position:absolute;top:6px;left:6px;z-index:2;background:#047857;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:999px;pointer-events:none}.meta-chip.new-chip{background:var(--success-soft);border-color:var(--success-border);color:var(--success-text);font-weight:600}.new-summary{margin-right:auto;font-size:13px;font-weight:600;color:var(--success-text)}.new-summary.none{font-weight:500;color:var(--text-3)}.type-filter-btn.new-filter-btn{border:1px solid var(--success-border);color:var(--success-text)}.type-filter-btn.new-filter-btn.active{background:#047857;border-color:#047857;color:#fff}.new-count-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#047857;color:#fff;font-size:11px;font-weight:700;vertical-align:1px}.media-size-badge{position:absolute;bottom:6px;left:6px;z-index:2;background:#0f172aa6;color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;opacity:0;transition:opacity .15s;pointer-events:none}.media-tile:hover .media-size-badge{opacity:1}.media-broken{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:var(--surface-2);color:var(--text-3);text-align:center}.media-broken-icon{font-size:22px;opacity:.6}.media-broken-text{font-size:10px;line-height:1.3}.video-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.video-lightbox-content{position:relative;width:90%;max-width:1000px}.video-lightbox-content video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:transparent}.video-lightbox-content .close{position:absolute;top:-40px;right:0;background:none;border:none;font-size:32px;color:#fff;cursor:pointer}.lightbox-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;color:#ffffffd9}.lightbox-nav{width:34px;height:34px;margin:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-size:20px;line-height:1}.lightbox-nav:hover{background:#ffffff40;color:#fff}.lightbox-count{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.lightbox-hint{font-size:12px;color:#ffffff8c}.lightbox-new{font-size:12px;padding:2px 9px;border-radius:999px;background:#10b98138;border:1px solid rgba(16,185,129,.6);color:#a7f3d0;white-space:nowrap}.lightbox-seen{font-size:12px;padding:2px 9px;border-radius:999px;background:#fbbf2438;border:1px solid rgba(251,191,36,.6);color:#fde68a;white-space:nowrap}.lightbox-post-title{font-size:12px;color:#ffffffbf;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-meta{display:inline-flex;align-items:center;gap:12px;min-width:0}.lightbox-hint-touch{display:none}.lightbox-stage{position:relative;height:85vh;touch-action:none}.lightbox-slide{position:absolute;top:0;right:0;bottom:0;left:0}.lightbox-slide-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.lightbox-stage-clip{position:relative;overflow:hidden}.lightbox-peek{pointer-events:none}.lightbox-slide{z-index:1}.lightbox-slide.lightbox-current{z-index:2}.lightbox-slide.lightbox-parked{z-index:0;visibility:hidden}.lightbox-spinner{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.22);border-top-color:#ffffffd9;border-radius:50%;opacity:0;pointer-events:none;animation:lightbox-spinner-in 0s linear .15s forwards,lightbox-spin .8s linear infinite}@keyframes lightbox-spinner-in{to{opacity:1}}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-slide-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.lightbox-bar{flex-wrap:wrap}.lightbox-meta{flex-basis:100%;justify-content:center}.lightbox-post-title{max-width:none;flex:0 1 auto}}@media (max-width: 640px){.video-lightbox{background:#000;align-items:stretch;touch-action:none;overscroll-behavior:contain}.video-lightbox-content{width:100%;max-width:none;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box}.lightbox-stage-clip{flex:1;min-height:0}.lightbox-stage{width:100%;height:100%}.lightbox-stage,.lightbox-slide{will-change:transform}.lightbox-slide.lightbox-current{background:#000}.lightbox-stage .lightbox-viewport{border-radius:0}.video-lightbox-content .close{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:5;width:40px;height:40px;padding:0;border-radius:50%;background:#0000008c;font-size:26px;line-height:1}.lightbox-bar{flex-shrink:0;gap:8px 10px;margin-top:0;padding:8px 12px 10px}.lightbox-nav{width:40px;height:40px}}@media (hover: none){.lightbox-hint-keys{display:none}.lightbox-hint-touch{display:inline;flex-basis:100%;text-align:center}}.lightbox-viewport{border-radius:var(--radius);cursor:zoom-in;touch-action:none}.lightbox-viewport:focus,.lightbox-viewport:focus-visible{outline:none}.lightbox-viewport.is-zoomed{cursor:grab}.lightbox-viewport.is-panning{cursor:grabbing}.lightbox-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.lightbox-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-image,.lightbox-orig{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-reset{font-size:15px}.lightbox-save{margin:0;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.lightbox-save:hover:not(:disabled){background:#ffffff3d}.lightbox-save.saved{border-color:#34d399b3;background:#10b98147}.lightbox-save:disabled{opacity:.5}.lightbox-delete{margin:0;padding:4px 10px;border-radius:999px;border:1px solid rgba(248,113,113,.6);background:#ef444438;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.lightbox-delete:hover:not(:disabled){background:#ef444466}.lightbox-delete:disabled{opacity:.5}.post-actions{display:flex;gap:6px;flex-shrink:0;opacity:0;transition:opacity .15s}.post-section:hover .post-actions,.post-section:focus-within .post-actions{opacity:1}@media (hover: none){.post-actions{opacity:1}}.icon-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:14px;transition:all .15s}.icon-btn:hover{background:var(--surface-3)}.icon-btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.media-zoom{position:absolute;right:6px;bottom:6px;z-index:3;width:26px;height:26px;margin:0;padding:0;border:none;border-radius:50%;background:#0f172aa6;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.media-tile:hover .media-zoom,.media-zoom:focus-visible{opacity:1}.media-zoom:hover{background:#0f172ad9;color:#fff}@media (hover: none){.media-zoom{opacity:1;width:34px;height:34px;font-size:14px}.media-tile:hover{transform:none}}.media-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}@media (hover: none){.media-delete{opacity:1}}.media-tile:hover .media-delete{opacity:1}.media-delete:hover{background:var(--danger)}.rename-modal{max-width:400px}.edit-task-modal{max-width:640px}.edit-task-modal .form-group{margin-bottom:18px}.edit-task-modal .filter-area,.edit-task-modal .filter-grid{margin-bottom:10px}.form-group input:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed;border-style:dashed}.readonly-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-3);font-size:11px;font-weight:600;vertical-align:middle}.edit-hint{margin-top:6px;font-size:12px;color:var(--text-3)}.edit-error{margin:12px 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-text);font-size:13px;border:1px solid var(--danger-border)}.rename-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin:12px 0;background:var(--surface);color:var(--text)}.rename-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.rename-actions{display:flex;gap:8px;justify-content:flex-end}.post-no-media{padding:20px;text-align:center;color:var(--text-3);font-size:13px}.show-more-media{display:block;width:100%;margin-top:8px;padding:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer}.show-more-media:hover{border-color:var(--primary);color:var(--primary-hover);background:var(--primary-soft)}.error-box{position:fixed;bottom:20px;right:20px;background:var(--danger);color:#fff;padding:16px 24px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);cursor:pointer;z-index:2100;max-width:calc(100vw - 32px);box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}.error-box strong{display:block;margin-bottom:8px}.error-box small{display:block;margin-top:8px;opacity:.8}.guide-box{background:var(--info-soft);border:1px solid var(--info-border);border-radius:8px;padding:12px 16px;margin-bottom:16px}.guide-box p{color:var(--info-text);margin:0}.guide-sub{font-size:13px;color:var(--info-text-2);margin-top:4px!important}.xpath-manual{margin-bottom:16px}.xpath-manual details{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-2)}.xpath-manual summary{cursor:pointer;color:var(--text-2);font-size:14px;font-weight:500}.xpath-input-row{display:flex;gap:8px;margin-top:8px}.xpath-input-row input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:monospace;background:var(--surface);color:var(--text)}.filter-area{margin-bottom:12px}.filter-simple{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.filter-simple .filter-input{flex:1;min-width:120px}.form-group label.pill-toggle,.pill-toggle{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap;background:var(--surface);transition:all .15s}.pill-toggle:hover{border-color:var(--primary)}.pill-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pill-toggle:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-hover);font-weight:600}.pill-toggle:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 12px;align-items:start;margin-bottom:10px}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-label{font-size:12px;font-weight:600;color:var(--text-2)}.filter-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text)}.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.filter-exclude{border-color:var(--danger-border);background:var(--danger-soft)}.filter-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.filter-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;background:var(--primary-soft);color:var(--primary-hover);border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.filter-tag.exclude{background:var(--danger-soft);color:var(--danger-text)}.filter-tag button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:50%;background:none;color:inherit;font-size:12px;line-height:1;cursor:pointer}.filter-tag button:hover{background:var(--hover-tint)}.filter-advanced-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;background:var(--primary-soft);color:var(--primary-hover);border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.filter-chip.exclude{background:var(--danger-soft);color:var(--danger-text)}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;border:none;border-radius:50%;background:none;color:inherit;font-size:13px;line-height:1;cursor:pointer}.filter-chip-remove:hover{background:var(--hover-tint)}.filter-reset-btn{padding:3px 10px;border:1px dashed var(--border);border-radius:999px;background:none;font-size:12px;font-weight:500;color:var(--text-3);cursor:pointer;margin:0}.filter-reset-btn:hover{border-color:var(--danger);color:var(--danger)}.filter-count-row{display:flex;justify-content:flex-end}.filter-count{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}.filter-count.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-hover)}button.secondary:hover{background:var(--surface-3)}.area-highlight{position:absolute;border:4px solid #ff6b35;background:#ff6b3533;pointer-events:none;z-index:10;box-shadow:0 0 0 2px #fffc,0 0 12px #ff6b3599}.area-hover{position:absolute;border:3px dashed #ffb300;background:#ffb30026;pointer-events:none;z-index:9;transition:all .08s ease}.hover-hint-tag{position:absolute;pointer-events:none;z-index:8;padding:4px 9px;background:#0f172ad1;color:#fff;font-size:11px;font-weight:600;border-radius:999px;white-space:nowrap;transform:translateY(-4px)}.click-marker{position:absolute;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border:3px solid var(--primary);border-radius:50%;pointer-events:none;z-index:16;animation:clickMarkerPulse 1s ease-out infinite}@keyframes clickMarkerPulse{0%{transform:scale(.5);opacity:1}70%{transform:scale(1.7);opacity:.12}to{transform:scale(1.7);opacity:0}}.selecting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;cursor:progress;background:#ffffff0a}.area-result{margin-top:16px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.xpath-text{font-family:monospace;font-size:12px;color:var(--text-2);word-break:break-all;margin:4px 0}.range-control{margin-top:12px;padding:10px 12px;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}.range-control-header{display:flex;align-items:center;justify-content:center;gap:12px}.range-btn{min-width:76px;padding:6px 10px;font-size:13px}.range-btn:disabled{opacity:.4;cursor:not-allowed}.range-step{font-size:13px;font-weight:700;color:var(--primary-hover);white-space:nowrap}.range-key-hint{margin:4px 0 0;text-align:center;font-size:11px;color:var(--text-3)}.range-control-info{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:center}.range-chip{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.range-chip-link{color:var(--primary-hover);border-color:var(--primary);font-weight:600}.range-chip-image{color:var(--success-text);border-color:var(--success-border);font-weight:600}.range-chip-image.warn{color:var(--danger-text);border-color:var(--danger);background:var(--danger-soft)}.range-warning{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-sm);padding:8px 10px}.post-xpath-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 12px;background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-sm)}.post-xpath-label{font-size:12px;font-weight:700;color:var(--success-text);white-space:nowrap}.post-xpath-detail{flex:1;min-width:0;font-size:12px;color:var(--success-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-xpath-hint{margin-bottom:12px;padding:8px 10px;font-size:12px;color:var(--text-3);background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm)}.ai-suggest-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.ai-suggest-row .guide-sub{margin-top:0!important}.ai-post-row{margin-top:-4px;margin-bottom:12px}.ai-suggest-btn{white-space:nowrap}.ai-suggest-sub{font-size:12px;color:var(--text-3)}.ai-reason{margin:6px 0 10px;padding:8px 10px;font-size:12px;line-height:1.5;color:var(--info-text);background:var(--info-soft);border:1px solid var(--info-border);border-radius:var(--radius-sm)}.ai-reason.warn{color:var(--warning-text);background:var(--warning-soft);border-color:var(--warning-border)}.post-area-pick-btn{margin-left:auto;white-space:nowrap;flex-shrink:0}.post-area-pick-btn.active{color:var(--success-text);text-decoration-color:var(--success-text)}.post-area-source{font-size:13px;color:var(--text-2);margin:4px 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.area-actions-secondary{display:flex;flex-wrap:wrap}.area-create-btn{margin-left:auto;margin-right:0}button.ghost{background:none;border:none;color:var(--text-3);font-size:12px;font-weight:500;padding:6px 8px;text-decoration:underline;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}button.ghost:hover{background:none;color:var(--primary);text-decoration-color:var(--primary)}@media (max-width: 1024px){.preview-split{grid-template-columns:1fr}.preview-right{max-height:none}}@media (max-width: 768px){.form-row,.form-row-bottom{grid-template-columns:1fr}.label-spacer{display:none}.form-actions{justify-content:flex-start}}@media (max-width: 640px){#app{padding:16px 12px}.card{padding:20px}.filter-grid{grid-template-columns:1fr}.filter-simple{flex-direction:column;align-items:stretch}.task-actions{flex-direction:column}.task-actions button{width:100%;margin-right:0}.modal-content.results-layout{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;display:block;overflow-y:auto;overscroll-behavior:contain}.results-header-fixed{display:contents}.results-header-top{position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:2px 12px;margin:0;padding:12px 16px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.results-header-top h2{font-size:18px;margin-right:auto}.results-header-top .new-summary{order:3;flex-basis:100%;margin-right:0;font-size:12px}.results-toolbar{padding:12px 16px;border-bottom:1px solid var(--border)}.results-type-filter{max-width:100%;overflow-x:auto;scrollbar-width:none}.results-type-filter .type-filter-btn{flex-shrink:0;white-space:nowrap}.results-toolbar>button{padding:7px 12px;font-size:13px}.results-body{overflow:visible;padding:16px 16px 88px}.selection-bar{position:sticky;bottom:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.selection-bar-count{font-size:13px}.results-toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom))}.results-search,.saved-search{max-width:none;width:100%}.post-check .post-title,.post-title-group .post-title{max-width:100%}}body,.card,.task-item,.post-section,.log-row,.modal-content,.app-topbar{transition:background-color .2s ease,border-color .2s ease,color .2s ease}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--primary-soft);color:var(--primary-hover)}*{scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:content-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px}.card-head h2{margin-bottom:0}.card-sub{font-size:12.5px;color:var(--text-3);line-height:1.5}.count-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-hover);font-size:12px;font-weight:700}.card>.empty,.results-body>.empty{border:1px dashed var(--border-2);border-radius:var(--radius);background:var(--surface-2)}.task-actions .danger{margin-left:auto;margin-right:0}.task-item{border-color:var(--border)}.task-item:hover,.log-row:hover{border-color:var(--border-2)}.log-time{font-variant-numeric:tabular-nums}.media-tile:focus-visible{outline-offset:-2px}@media (max-width: 640px){.app-topbar{margin:-16px -12px 16px;padding:10px 12px 0}.brand-text p{display:none}.main-tabs{overflow-x:auto}.main-tabs button{padding:10px 12px;white-space:nowrap}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px}.login-brand{display:flex;align-items:center;justify-content:center;gap:8px}.login-brand h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-sub{margin:6px 0 20px;text-align:center;font-size:13px;color:var(--text-3)}.login-error{margin:-4px 0 12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-text);font-size:13px}.login-submit{width:100%;margin:4px 0 0}.logout-btn{flex-shrink:0;margin:0;padding:0 14px;height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px}.logout-btn:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger-text)}