:root{--bg: #12111a;--bg-elevated: #1c1a26;--bg-hover: #252235;--border: #2e2b3d;--text-primary: #ece9f5;--text-secondary: #a8a3bd;--text-muted: #716c87;--accent: #8b7fd6;--accent-soft: rgba(139, 127, 214, .15);--success: #6fae8f;--success-soft: rgba(111, 174, 143, .15);--warning: #d69a5c;--warning-soft: rgba(214, 154, 92, .15);--danger: #c96a6a;--risk-visoko: #c96a6a;--risk-srednje: #d69a5c;--risk-nizko-srednje: #c9b45c;--risk-nizko: #6fae8f;--radius: 12px;--font-body: Arial, "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:17px;line-height:1.6;letter-spacing:.1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:18px;letter-spacing:.3px}.streak-badge{display:flex;align-items:center;gap:6px;background:var(--warning-soft);color:var(--warning);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}.signout-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:8px 14px;border-radius:8px}.signout-btn:hover{background:var(--bg-hover)}.tabbar{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--border);overflow-x:auto}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:14px 18px;border-bottom:2px solid transparent;font-size:15px;white-space:nowrap}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab-btn:hover:not(.active){color:var(--text-primary)}.content{flex:1;padding:24px;max-width:1000px;width:100%;margin:0 auto}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h3{margin-top:0}.subject-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--risk-nizko);border-radius:var(--radius);margin-bottom:10px}.subject-row.risk-visoko{border-left-color:var(--risk-visoko)}.subject-row.risk-srednje{border-left-color:var(--risk-srednje)}.subject-row.risk-nizko-srednje{border-left-color:var(--risk-nizko-srednje)}.subject-row.risk-nizko{border-left-color:var(--risk-nizko)}.subject-row .name{flex:1;font-weight:700}.subject-row .meta{color:var(--text-muted);font-size:14px}.btn-primary{background:var(--accent);color:#12111a;border:none;padding:12px 20px;border-radius:8px;font-weight:700}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:10px 18px;border-radius:8px}.btn-secondary:hover{background:var(--bg-hover)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:20px;padding:24px}.google-btn{display:flex;align-items:center;gap:10px;background:#fff;color:#1f1f1f;border:none;padding:12px 24px;border-radius:8px;font-weight:700;font-size:16px}textarea,input[type=text]{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.flashcard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:19px;cursor:pointer}.flashcard .hint{display:block;margin-top:12px;font-size:14px;color:var(--text-muted)}.quiz-option{display:block;width:100%;text-align:left;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:12px 16px;border-radius:8px;margin-bottom:8px}.quiz-option:hover{background:var(--bg-hover)}.quiz-option.correct{border-color:var(--success);background:var(--success-soft)}.quiz-option.incorrect{border-color:var(--danger);background:#c96a6a26}.timer-display{font-size:64px;font-weight:700;text-align:center;margin:32px 0;font-variant-numeric:tabular-nums}.timer-controls{display:flex;gap:12px;justify-content:center}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:12px;margin-bottom:10px;line-height:1.5}.chat-bubble.user{background:var(--accent-soft);margin-left:auto}.chat-bubble.assistant{background:var(--bg-elevated);border:1px solid var(--border)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}