.k-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-default);overflow-x:auto;scrollbar-width:none}.k-tab{padding:12px 24px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;color:var(--text-secondary);white-space:nowrap}.k-tab:hover{color:var(--color-primary-600)}.k-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.k-panel{display:none}.k-panel.active{display:block;animation:fadeIn .3s}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.flashcard{perspective:1000px;width:100%;height:200px;cursor:pointer}.fc-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:12px;box-shadow:var(--shadow-md)}.flashcard.flipped .fc-inner{transform:rotateY(180deg)}.fc-front,.fc-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:12px}.fc-front{background:var(--color-primary-50);color:var(--color-primary-900);font-weight:700;font-size:1.2rem}.fc-back{background:var(--color-primary-600);color:#fff;transform:rotateY(180deg);font-size:.95rem;line-height:1.5}.custom-form{background:var(--surface-bg);padding:20px;border-radius:12px;border:1px solid var(--border-default);margin-bottom:24px}.custom-form label{display:block;margin-bottom:8px;font-weight:500}.custom-form input,.custom-form textarea{width:100%;padding:10px;margin-bottom:16px;border:1px solid var(--border-default);border-radius:6px}.pomodoro-card{max-width:620px}.pomodoro-time{font-size:clamp(2rem,6vw,4rem);font-weight:700;color:var(--color-primary-700);margin:8px 0 16px}.pomodoro-controls{display:flex;gap:10px;flex-wrap:wrap}.pomodoro-presets{display:grid;grid-template-columns:auto 90px auto 90px;gap:10px;align-items:center;margin-top:16px}.pomodoro-presets input{width:100%;padding:8px;border:1px solid var(--border-default);border-radius:6px}@keyframes pulse-red{0%{color:var(--text-tertiary)}50%{color:#ef4444}to{color:var(--text-tertiary)}}.watbot-mic-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.watbot-mic-btn:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.watbot-mic-btn.listening{animation:pulse-red 1.5s infinite;color:#ef4444}