:root{--bg-primary: rgba(18, 18, 24, .85);--bg-secondary: rgba(28, 28, 40, .4);--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--border-color-focus: rgba(255, 255, 255, .2);--text-main: #f3f4f6;--text-muted: #9ca3af;--color-critical: #ef4444;--color-high: #f97316;--color-medium: #eab308;--color-low: #3b82f6;--status-todo: #6b7280;--status-in-progress: #3b82f6;--status-blocked: #e11d48;--status-done: #10b981;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-user-select:none;user-select:none}body{background:transparent;color:var(--text-main);overflow:hidden;height:100vh}.app-container{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.app-container.widget-mode{border-radius:8px}.titlebar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0000004d;border-bottom:1px solid var(--border-color);-webkit-app-region:drag}.titlebar-title{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);display:flex;align-items:center;gap:8px}.titlebar-actions{display:flex;gap:8px;-webkit-app-region:no-drag}.titlebar-btn{background:transparent;border:none;color:var(--text-muted);width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.titlebar-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}.titlebar-btn.close:hover{background:var(--color-critical);color:#fff}.main-content{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.main-content.widget-active{padding:8px}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.board-title-section h1{font-size:18px;font-weight:700}.board-title-section p{font-size:11px;color:var(--text-muted);margin-top:2px}.board-actions{display:flex;gap:8px}.kanban-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:hidden}.kanban-column{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);max-height:100%}.column-header{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.column-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.column-dot{width:6px;height:6px;border-radius:50%}.column-dot.todo{background:var(--status-todo)}.column-dot.in_progress{background:var(--status-in-progress)}.column-dot.blocked{background:var(--status-blocked)}.column-dot.done{background:var(--status-done)}.column-count{font-size:10px;background:#ffffff0f;padding:1px 6px;border-radius:8px;color:var(--text-muted)}.column-cards{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.column-cards::-webkit-scrollbar{width:4px}.column-cards::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.column-cards.drag-over{background:#ffffff05;border-radius:0 0 8px 8px}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:10px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.task-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-focus);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.task-card:active{cursor:grabbing}.card-priority-line{height:3px;width:24px;border-radius:1.5px;margin-bottom:6px}.card-priority-line.critical{background:var(--color-critical)}.card-priority-line.high{background:var(--color-high)}.card-priority-line.medium{background:var(--color-medium)}.card-priority-line.low{background:var(--color-low)}.card-title{font-size:13px;font-weight:500;margin-bottom:4px;word-break:break-all;line-height:1.4}.card-desc{font-size:11px;color:var(--text-muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;line-height:1.3}.card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.card-tags{display:flex;gap:4px;flex-wrap:wrap}.tag-badge{font-size:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);padding:1px 4px;border-radius:3px;color:var(--text-muted)}.card-meta{font-size:9px;color:var(--text-muted)}.card-actions-trigger{opacity:0;position:absolute;top:8px;right:8px;display:flex;gap:4px;transition:opacity .2s}.task-card:hover .card-actions-trigger{opacity:1}.card-action-btn{background:#0006;border:1px solid var(--border-color);color:var(--text-muted);width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-action-btn:hover{color:var(--text-main);background:#0009}.btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:5px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.btn:hover{background:#ffffff1a;border-color:var(--border-color-focus)}.btn-primary{background:var(--status-in-progress);border-color:#ffffff1a}.btn-primary:hover{background:#2563eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#16161e;border:1px solid var(--border-color);border-radius:8px;width:400px;max-width:90%;padding:16px;box-shadow:0 12px 30px #0006}.modal-header{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;color:var(--text-muted)}.form-input,.form-textarea,.form-select{background:#0000004d;border:1px solid var(--border-color);color:var(--text-main);padding:6px 8px;border-radius:4px;font-size:12px;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--status-in-progress)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.widget-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px}.widget-title{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.widget-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.widget-cards::-webkit-scrollbar{width:3px}.widget-cards::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:1.5px}.widget-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:8px;display:flex;align-items:flex-start;gap:8px;transition:all .2s}.widget-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-focus)}.widget-checkbox{width:14px;height:14px;border-radius:3px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:2px;color:transparent;transition:all .15s}.widget-checkbox:hover{border-color:var(--status-done);color:#10b98166}.widget-checkbox.checked{background:var(--status-done);border-color:var(--status-done);color:#fff}.widget-card-content{flex:1;min-width:0}.widget-card-title{font-size:12px;font-weight:500;margin-bottom:2px;word-break:break-all;line-height:1.3}.widget-card-meta{font-size:9px;color:var(--text-muted);display:flex;gap:6px;align-items:center}.widget-priority-indicator{width:4px;height:4px;border-radius:50%}.widget-priority-indicator.critical{background:var(--color-critical)}.widget-priority-indicator.high{background:var(--color-high)}.widget-priority-indicator.medium{background:var(--color-medium)}.widget-priority-indicator.low{background:var(--color-low)}.empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:11px;text-align:center;padding:20px;border:1px dashed var(--border-color);border-radius:6px;margin-top:10px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-1{padding-bottom:.25rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.w-full{width:100%}.h-full{height:100%}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[250px\]{min-height:250px}.min-h-\[300px\]{min-height:300px}.max-h-\[350px\]{max-height:350px}.max-h-\[400px\]{max-height:400px}.max-w-\[150px\]{max-width:150px}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-sm{max-width:24rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border-color)}.border-dashed{border-style:dashed}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-blue-500\/5{border-color:#3b82f60d}.border-blue-500\/10{border-color:#3b82f61a}.border-blue-500\/20{border-color:#3b82f633}.border-green-500\/20{border-color:#10b98133}.border-amber-500\/5{border-color:#f59e0b0d}.border-amber-500\/10{border-color:#f59e0b1a}.border-indigo-500{border-color:#6366f1}.border-indigo-500\/5{border-color:#6366f10d}.border-rose-500\/5{border-color:#f43f5e0d}.border-red-500\/10{border-color:#ef44441a}.border-red-500\/20{border-color:#ef444433}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-secondary\/20{background-color:#1c1c2833}.bg-secondary\/30{background-color:#1c1c284d}.bg-secondary\/40{background-color:#1c1c2866}.bg-secondary\/60{background-color:#1c1c2899}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-600\/25{background-color:#2563eb40}.bg-blue-500\/10{background-color:#3b82f61a}.bg-green-500\/10{background-color:#10b9811a}.bg-green-600{background-color:#16a34a}.bg-green-950\/5{background-color:#14532d0d}.bg-green-950\/20{background-color:#14532d33}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{background-color:#dc2626}.bg-red-950\/10{background-color:#7f1d1d1a}.bg-red-950\/20{background-color:#7f1d1d33}.bg-red-950\/30{background-color:#7f1d1d4d}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-600{background-color:#d97706}.bg-indigo-500{background-color:#6366f1}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-600\/30{background-color:#4f46e54d}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-rose-600{background-color:#e11d48}.bg-yellow-500\/10{background-color:#eab3081a}.bg-zinc-800{background-color:#27272a}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-zinc-100{color:#f4f4f5}.text-zinc-200{color:#e4e4e7}.text-zinc-300{color:#d4d4d8}.text-zinc-500{color:#71717a}.text-blue-400{color:#60a5fa}.text-indigo-200{color:#c7d2fe}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-green-400{color:#34d399}.text-red-400{color:#f87171}.text-rose-400{color:#fb7185}.text-yellow-400{color:#facc15}.font-mono{font-family:monospace}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-through{text-decoration:line-through}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.resize-none{resize:none}.resize-y{resize:vertical}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-amber-500:focus{border-color:#f59e0b}.focus\:border-rose-500:focus{border-color:#f43f5e}.pte-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;flex:1;height:100%}.pte-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden}.pte-card h2{font-size:1.25rem!important;font-weight:700!important;margin-top:6px;margin-bottom:4px}.pte-card p{font-size:.85rem!important;line-height:1.5!important}.pte-card span{font-size:.75rem!important}.fib-option-btn{background:#6366f138!important;border:1px solid rgba(99,102,241,.45)!important;color:#e0e7ff!important;font-weight:600!important;font-size:.95rem!important;padding:6px 14px!important;border-radius:6px!important;box-shadow:0 2px 8px #6366f133!important;transition:all .2s!important;cursor:pointer;display:inline-block}.fib-option-btn:hover{background:#6366f161!important;border-color:#6366f1cc!important;color:#fff!important;box-shadow:0 4px 12px #6366f159!important;transform:translateY(-1px)}.pte-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s}.pte-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-focus);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.pte-card:hover:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.glass-modal-overlay{position:fixed;top:40px;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.glass-modal-content{background:#12121cd9;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:780px;max-width:100%;max-height:90vh;box-shadow:0 24px 50px #0009;display:flex;flex-direction:column;overflow:hidden}.glass-modal-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.glass-modal-body{flex:1;overflow-y:auto;padding:10px}@media (max-width: 768px){.pte-grid{grid-template-columns:1fr;grid-template-rows:auto;overflow-y:auto}.glass-modal-overlay{padding:8px;top:40px}.glass-modal-content{max-height:95vh}}.card-today{border:1px solid rgba(234,179,8,.2)!important;background:linear-gradient(135deg,#eab30808,#eab30814)!important}.card-today:hover{border-color:#eab30899!important;box-shadow:0 8px 30px #eab3082e!important}.card-speaking{border:1px solid rgba(59,130,246,.2)!important;background:linear-gradient(135deg,#3b82f608,#3b82f614)!important}.card-speaking:hover{border-color:#3b82f699!important;box-shadow:0 8px 30px #3b82f62e!important}.card-ai{border:1px solid rgba(16,185,129,.2)!important;background:linear-gradient(135deg,#10b98108,#10b98114)!important}.card-ai:hover{border-color:#10b98199!important;box-shadow:0 8px 30px #10b9812e!important}.card-listening{border:1px solid rgba(245,158,11,.2)!important;background:linear-gradient(135deg,#f59e0b08,#f59e0b14)!important}.card-listening:hover{border-color:#f59e0b99!important;box-shadow:0 8px 30px #f59e0b2e!important}.card-reading{border:1px solid rgba(99,102,241,.2)!important;background:linear-gradient(135deg,#6366f108,#6366f114)!important}.card-reading:hover{border-color:#6366f199!important;box-shadow:0 8px 30px #6366f12e!important}.card-writing{border:1px solid rgba(225,29,72,.2)!important;background:linear-gradient(135deg,#e11d4808,#e11d4814)!important}.card-writing:hover{border-color:#e11d4899!important;box-shadow:0 8px 30px #e11d482e!important}.card-vocab{border:1px solid rgba(139,92,246,.2)!important;background:linear-gradient(135deg,#8b5cf608,#8b5cf614)!important}.card-vocab:hover{border-color:#8b5cf699!important;box-shadow:0 8px 30px #8b5cf62e!important}.card-radar{border:1px solid rgba(6,182,212,.2)!important;background:linear-gradient(135deg,#06b6d408,#06b6d414)!important}.card-radar:hover{border-color:#06b6d499!important;box-shadow:0 8px 30px #06b6d42e!important}.card-weakness{border:1px solid rgba(239,68,68,.2)!important;background:linear-gradient(135deg,#ef444408,#ef444414)!important}.card-weakness:hover{border-color:#ef444499!important;box-shadow:0 8px 30px #ef44442e!important}