.app{max-width:780px;margin:0 auto;padding:40px 22px 80px;display:flex;flex-direction:column;gap:32px}.header{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:56px;height:56px;border-radius:16px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:900;font-size:32px;flex-shrink:0;border:3px solid var(--ink);box-shadow:var(--shadow-pop);transform:rotate(-4deg);transition:transform .2s ease}.brand-mark:hover{transform:rotate(4deg) scale(1.05)}.brand h1{margin:0;font-size:36px;font-weight:900;letter-spacing:-.03em;color:var(--ink);line-height:1}.intro{margin:0;font-size:17px;color:var(--ink-soft);font-weight:500;max-width:560px}.search-bar{display:flex;gap:8px;align-items:center;padding:8px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-pop);position:relative;flex-wrap:wrap}.search-input{flex:1;min-width:0;border:none;outline:none;font-size:17px;font-weight:500;padding:12px 14px;background:transparent;color:var(--ink)}.search-input::placeholder{color:var(--ink-dim);font-weight:500}.mic-button,.submit-button{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-pop-sm)}.mic-button{background:var(--sky);color:#fff;display:grid;place-items:center;width:44px;height:44px;padding:0}.mic-button:not(:disabled):hover,.submit-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px #1a0f3deb}.mic-button:not(:disabled):active,.submit-button:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px #1a0f3deb}.mic-button.listening{background:var(--hot);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 3px #1a0f3deb,0 0 #ec489999}50%{box-shadow:0 3px #1a0f3deb,0 0 0 12px #ec489900}}.submit-button{background:var(--accent);color:var(--ink);font-size:15px;letter-spacing:.01em}.error-text{flex:1 0 100%;font-size:13px;color:var(--danger);padding:4px 10px 0;font-weight:600}.hint{display:flex;flex-direction:column;gap:12px;margin-top:24px}.hint-label{margin:0;font-size:15px;color:var(--ink-soft);font-weight:700}.examples{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.examples li{display:inline-flex}.chip{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:8px 16px;font-size:15px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-pop-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.chip:hover{transform:translateY(-2px) rotate(-1deg);background:var(--sun);box-shadow:0 5px #1a0f3deb}.chip:nth-child(2n):hover{background:var(--lime);transform:translateY(-2px) rotate(1deg)}.chip:nth-child(3n):hover{background:var(--hot);color:#fff}.chip:nth-child(5n):hover{background:var(--sky);color:#fff}.chip:active{transform:translateY(1px);box-shadow:0 1px #1a0f3deb}.results{display:flex;flex-direction:column;gap:16px;margin-top:24px;animation:rise .28s cubic-bezier(.34,1.56,.64,1)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results-header{font-size:15px;color:var(--ink-soft);font-weight:600}.results-header em{color:var(--primary);font-style:normal;font-weight:800}.result-card{display:flex;gap:18px;padding:20px 22px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-pop);align-items:flex-start;transition:transform .16s ease}.result-card:hover{transform:translate(-1px,-2px)}.result-card.primary{background:linear-gradient(135deg,#fff5e6,#fde8d4)}.result-card.llm{background:linear-gradient(135deg,#ede0ff,#ffe0f1)}.result-number{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:800;color:#fff;background:var(--ink);border-radius:12px;padding:10px 16px;flex-shrink:0;letter-spacing:-.02em;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--accent);transform:rotate(-2deg)}.result-card.primary .result-number{background:var(--primary);box-shadow:3px 3px 0 var(--sun)}.result-card.llm .result-number{background:var(--hot);box-shadow:3px 3px 0 var(--sky)}.result-body{flex:1;min-width:0}.result-title{margin:4px 0 10px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.25}.result-breadcrumb{font-size:13px;color:var(--ink-soft);line-height:1.7;font-weight:500}.crumb-number{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#7c3aed1f;color:var(--primary-deep);padding:1px 6px;border-radius:4px;margin-right:4px;font-weight:700}.crumb-sep{color:var(--ink-dim);margin:0 4px}.result-meta{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.meta-dim{color:var(--ink-dim);font-weight:600}.result-reasoning{margin:6px 0 0;font-size:14px;color:var(--ink-soft);font-style:italic;font-weight:500}.badge{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius-pill);background:var(--ink);color:#fff;border:2px solid var(--ink)}.badge.level-class{background:var(--sun);color:var(--ink)}.badge.level-division{background:var(--sky);color:#fff}.badge.level-section{background:var(--lime);color:var(--ink)}.badge.level-topic{background:var(--hot);color:#fff}.badge.llm-badge{background:var(--primary);color:#fff}.status-row{padding:16px 20px;background:#fff;border:2px dashed var(--ink-dim);border-radius:var(--radius);font-size:14px;color:var(--ink-soft);font-weight:600}.other-results{margin-top:8px;display:flex;flex-direction:column;gap:10px}.other-heading{margin:0;font-size:14px;color:var(--ink-soft);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.other-list{display:flex;flex-direction:column;gap:10px}.other-list .result-card{padding:14px 18px;box-shadow:var(--shadow-pop-sm)}.other-list .result-number{font-size:22px;padding:6px 12px;transform:rotate(-1deg);box-shadow:2px 2px 0 var(--ink-dim)}.other-list .result-card.primary .result-number,.other-list .result-number{background:#fff;color:var(--ink)}.other-list .result-title{font-size:16px}.footer{margin-top:auto;text-align:center;color:var(--ink-dim);font-size:12px;padding-top:24px;font-weight:500}@media (max-width: 520px){.app{padding:28px 16px 60px;gap:24px}.brand h1{font-size:30px}.intro{font-size:16px}.result-card{flex-direction:column;gap:12px;padding:18px}.result-number{align-self:flex-start}}:root{--ink: #1a0f3d;--ink-soft: #4c3a7a;--ink-dim: #8a7cab;--paper: #fffdf5;--primary: #7c3aed;--primary-deep: #5b21b6;--accent: #f97316;--accent-soft: #fb923c;--hot: #ec4899;--lime: #84cc16;--sky: #0ea5e9;--sun: #fbbf24;--border: #ece5f7;--danger: #e11d48;--radius: 18px;--radius-sm: 10px;--radius-pill: 999px;--shadow-pop: 0 6px 0 rgba(26, 15, 61, .92);--shadow-pop-sm: 0 3px 0 rgba(26, 15, 61, .92);--shadow-soft: 0 8px 24px rgba(124, 58, 237, .15);font-family:Nunito,Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background-color:var(--paper);background-image:radial-gradient(circle at 15% 10%,rgba(236,72,153,.18),transparent 40%),radial-gradient(circle at 85% 5%,rgba(14,165,233,.18),transparent 38%),radial-gradient(circle at 80% 90%,rgba(132,204,22,.16),transparent 40%),radial-gradient(circle at 10% 95%,rgba(251,191,36,.18),transparent 40%);background-attachment:fixed;min-height:100vh}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input{font:inherit}code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#7c3aed1a;padding:.1em .35em;border-radius:4px;font-size:.9em}