*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fffdf8;color:#29251f;font-family:Georgia,"Times New Roman",serif}button,input{font:inherit}#app{min-height:100%;padding-bottom:80px}
.top{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e4dac6}.brand{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 10px}.brand h1{margin:0;font-size:21px}.badge{font:800 9px system-ui;letter-spacing:1px;color:#8a651f;border:1px solid #d9c59e;padding:5px 8px;border-radius:999px}.search{display:flex;gap:8px;padding:0 16px 13px}.search input{flex:1;min-width:0;padding:12px 14px;border:1px solid #e4dac6;border-radius:12px;background:#fff}.search button{border:0;background:#241b10;color:#fff;border-radius:12px;padding:10px 14px;font-weight:700}
.hero{margin:16px;border-radius:20px;padding:24px 20px;color:#fff;background:linear-gradient(135deg,#21170d,#7c5720);box-shadow:0 14px 32px #2d1f0c33}.hero small,.card-kicker{font:800 10px system-ui;letter-spacing:1.5px;color:#b18437}.hero small{color:#ead49c}.hero h2{font-size:26px;margin:9px 0}.hero p{line-height:1.6}.hero span{color:#eadfca}
.layout{padding:0 16px;max-width:1100px;margin:auto}#status{font:12px system-ui;color:#78684d;margin:10px 0}.tabs{display:flex;gap:8px;overflow-x:auto;padding:7px 0 16px}.tabs button{white-space:nowrap;border:1px solid #d8c9a7;background:#fff;border-radius:999px;padding:9px 12px;color:#5c431d}.home-title h2,.result-head h2{margin-bottom:5px}.home-title p{color:#766f64}
.odu-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.ifa-card{position:relative;background:linear-gradient(145deg,#fffdf7,#f5efe2);border:1px solid #d8c9a7;border-radius:18px;padding:19px;box-shadow:0 8px 24px #36270f16}.ifa-card h3{font-size:22px;margin:6px 0;color:#3b2a12}.number{font:700 10px system-ui;color:#8b6a2f}.odu-pattern{font:800 18px/1.4 ui-monospace,monospace;color:#241b10;background:#efe3cc;border-radius:11px;padding:9px 11px;margin-bottom:12px;letter-spacing:2px}.odu-pattern .divider{display:inline-block;width:12px}.language{padding:12px 0}.language+.language{border-top:1px solid #e7dcc7}.language b{font:800 10px system-ui;letter-spacing:1.3px;color:#8b6a2f}.language p{font-size:16px;line-height:1.65;margin:7px 0}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.actions button{border:1px solid #cdbb92;background:#fffaf0;color:#5c431d;border-radius:999px;padding:7px 11px;font:600 11px system-ui;cursor:pointer}.actions button:first-child{background:#241b10;color:#fff;border-color:#241b10}pre{white-space:pre-wrap;word-break:break-word}.empty{padding:30px;text-align:center;color:#766f64}footer{text-align:center;padding:25px 16px;font:12px system-ui;color:#766f64}
@media(max-width:600px){.odu-grid,.feature-grid{grid-template-columns:1fr}.hero{margin:12px}.badge{font-size:8px}}