:root{--bg:#030711;--bg2:#08152c;--card:#0e1f36;--card2:#102749;--border:#1e3b66;--blue:#7fb3e8;--blue2:#4a8bd4;--green:#22b07d;--coral:#ff6b5a;--text:#fff;--muted:#9aa3ae}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #102749 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--blue)}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 80px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{letter-spacing:1px;font-size:24px;font-weight:800}.logo .dot{color:var(--blue)}.tagline{color:var(--muted);font-size:13px}.btn{background:linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%);color:#04101f;cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:filter .15s,transform 50ms}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn.ghost{color:var(--blue);border:1px solid var(--border);background:0 0}.statusbar{border:1px solid var(--border);color:var(--blue);background:#10274980;border-radius:12px;align-items:center;gap:10px;margin:18px 0;padding:12px 16px;font-size:14px;display:flex}.spinner{border:2px solid var(--blue);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gen{border:1px solid var(--border);background:linear-gradient(180deg, var(--card) 0%, var(--bg2) 100%);border-radius:16px;margin-bottom:22px;padding:20px}.gen-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.gen-theme{font-size:17px;font-weight:700}.gen-meta{color:var(--muted);font-size:12px}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:11px}.badge.ok{color:var(--green);border-color:#22b07d66}.badge.err{color:var(--coral);border-color:#ff6b5a66}.concepts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.concept{border:1px solid var(--border);background:#08152c99;border-radius:14px;overflow:hidden}.concept-body{padding:14px}.concept-name{font-size:15px;font-weight:700}.concept-angle{color:var(--muted);margin:2px 0 10px;font-size:12px}.concept-headline{color:var(--blue);margin-bottom:12px;font-size:13px}.imgs{gap:8px;padding:12px 12px 0;display:flex}.imgcol{text-align:center;flex:1}.imgcol .lbl{color:var(--muted);margin-bottom:5px;font-size:11px}.imgcol img{border:1px solid var(--border);background:#04101f;border-radius:8px;width:100%;display:block}.imgcol .ph{aspect-ratio:4/5;border:1px dashed var(--border);width:100%;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.imgcol .ph.err{color:var(--coral);border-color:#ff6b5a66}.rate{gap:6px;margin-top:12px;display:flex}.rate button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;transition:all .12s}.rate button:hover{border-color:var(--blue)}.rate button.sel-hic{border-color:var(--coral);color:var(--coral);background:#ff6b5a2e}.rate button.sel-orta{border-color:var(--blue);color:var(--blue);background:#7fb3e829}.rate button.sel-begendim{border-color:var(--green);color:var(--green);background:#22b07d2e}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:16px;padding:60px 20px}.learn{color:var(--muted);margin-top:6px;font-size:12px}.dl{color:var(--blue);margin-top:4px;font-size:11px;text-decoration:none;display:inline-block}.theme-tag{vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:600}.theme-tag.light{color:#30598b;background:#eaf1fb}.theme-tag.dark{color:var(--blue);border:1px solid var(--border);background:#7fb3e824}