:root{--bg: #f5f8ff;--bg-2: #edf3ff;--panel: rgba(255, 255, 255, .88);--panel-strong: rgba(255, 255, 255, .96);--panel-border: rgba(17, 24, 39, .09);--text: #172033;--muted: #61718b;--accent: #0ea5a4;--accent-2: #3b82f6;--danger: #dc4b5f;--success: #0f9f74;--shadow: 0 20px 60px rgba(40, 72, 126, .12);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at 12% -10%,rgba(59,130,246,.16),transparent 46%),radial-gradient(circle at 94% 4%,rgba(14,165,164,.12),transparent 42%),linear-gradient(180deg,#f9fbff,#f2f6ff 52%,#eef3ff);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,#3b82f61a,#0ea5a414);border:1px solid rgba(59,130,246,.2);color:var(--text);padding:.65rem .95rem;border-radius:.85rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}button:hover,.btn:hover{transform:translateY(-1px);border-color:#0ea5a459}button:focus-visible,.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(59,130,246,.35);outline-offset:2px}button.ghost,.btn.ghost{background:#ffffffbd;border-color:#1118271a}button.danger{border-color:#dc4b5f33;background:#dc4b5f14;color:#8c2432}input,select,textarea{width:100%;background:#fffffff2;border:1px solid rgba(17,24,39,.12);border-radius:.85rem;padding:.72rem .8rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#0ea5a480;box-shadow:0 0 0 4px #0ea5a41f}label{display:grid;gap:.4rem;font-size:.92rem;color:var(--text)}textarea{min-height:8rem;resize:vertical}pre,code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow:auto}summary{cursor:pointer}.app-shell{position:relative;padding:1rem;max-width:1520px;margin:0 auto}.bg-orb{position:fixed;filter:blur(48px);opacity:.35;pointer-events:none;z-index:0}.orb-a{width:16rem;height:16rem;background:#7dd3fc;top:6rem;left:-4rem}.orb-b{width:20rem;height:20rem;background:#99f6e4;top:2rem;right:-6rem}.topbar{position:sticky;top:.5rem;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:.9rem;padding:.85rem 1rem;border:1px solid var(--panel-border);background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.7rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;box-shadow:0 8px 24px #3b82f638}.brand strong{display:block;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:.74rem;line-height:1.2}.top-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.top-actions form{margin:0}.top-actions>a,.top-actions form button{padding:.55rem .78rem;border-radius:.8rem;background:#ffffffe6;border:1px solid rgba(17,24,39,.09);color:var(--text)}.top-actions .cta{background:linear-gradient(135deg,#0ea5a41f,#3b82f61f);border-color:#0ea5a438}.mobile-nav{display:none;position:relative;z-index:5;padding:.75rem;gap:.5rem}.mobile-nav-row{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.mobile-nav-row.secondary{opacity:.96}.mobile-nav-row a{white-space:nowrap;padding:.55rem .75rem;border-radius:999px;border:1px solid rgba(17,24,39,.09);background:#ffffffe6;color:var(--muted);font-size:.88rem}.mobile-nav-row a.active{color:var(--text);border-color:#3b82f63d;background:linear-gradient(135deg,#3b82f617,#0ea5a412)}.layout-grid{position:relative;z-index:1;display:grid;grid-template-columns:290px minmax(0,1fr);gap:1rem;align-items:start}.content{display:grid;gap:1rem;align-content:start;min-width:0}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.sidebar{position:sticky;top:5.8rem;height:fit-content;display:grid;gap:1rem;background:#ffffffd6}.sidebar section{min-width:0}.side-links{display:grid;gap:.35rem}.side-links a{padding:.68rem .78rem;border-radius:.78rem;color:var(--muted);border:1px solid transparent}.side-links a:hover,.side-links a.active{color:var(--text);background:#3b82f60f;border-color:#3b82f61f}.side-links.compact a{padding-block:.5rem;font-size:.9rem}.eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted);margin:0}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.chip,.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .58rem;border-radius:999px;border:1px solid rgba(17,24,39,.1);background:#ffffffd9;font-size:.79rem;color:#334155}.grid-2,.grid-3,.grid-4{display:grid;gap:1rem;min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack-gap{display:grid;gap:.85rem}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem}.panel-head h2,.panel h2,.panel h3,.panel h1{margin:.15rem 0 0;line-height:1.2}.stat-card{display:grid;gap:.35rem;background:var(--panel-strong)}.stat-value{font-size:clamp(1.25rem,2vw,2rem);font-weight:700;line-height:1.05}.hero{display:grid;gap:1rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.hero-copy{background:linear-gradient(180deg,#ffffffeb,#ffffffdb),radial-gradient(circle at 10% 0%,rgba(59,130,246,.08),transparent 42%)}.hero-copy h1{font-size:clamp(1.85rem,4vw,3.05rem);line-height:1.05;margin:.25rem 0;letter-spacing:-.02em}.hero-copy p{color:var(--muted);font-size:1rem;max-width:62ch}.action-row{display:flex;gap:.75rem;flex-wrap:wrap}.kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;background:#0ea5a41a;border:1px solid rgba(14,165,164,.2);font-size:.84rem;color:#0f5f63}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:640px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.72rem .5rem;border-bottom:1px solid rgba(17,24,39,.07);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.84rem}tr:last-child td{border-bottom:0}.form-grid{display:grid;gap:.9rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.notice{padding:.78rem .9rem;border-radius:.85rem;border:1px solid rgba(17,24,39,.08);background:#ffffffc2}.notice.error{border-color:#dc4b5f2e;background:#dc4b5f0f;color:#7d2430}.notice.success{border-color:#0f9f7433;background:#0f9f740f;color:#0e654c}.notice a{text-decoration:underline;text-underline-offset:2px}.word-tag{display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.5rem .6rem;border:1px solid rgba(17,24,39,.08);border-radius:.8rem;background:#ffffffd6;width:100%}.sentence-card{display:grid;gap:.65rem}.sentence-text{font-size:1rem;line-height:1.7}.occ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem}.auth-wrap{max-width:540px;margin:4vh auto}.auth-wrap .panel{padding:1.2rem;background:#ffffffeb}details>summary{padding:.2rem 0;color:var(--muted)}@media(max-width:1200px){.layout-grid{grid-template-columns:260px minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.layout-grid{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:grid;margin-bottom:.9rem}.hero{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:.65rem}.topbar{top:.35rem;padding:.75rem;align-items:flex-start;flex-wrap:wrap}.brand{max-width:100%}.brand small{white-space:normal}.top-actions{width:100%;justify-content:flex-start}.top-actions>a,.top-actions form button{padding:.55rem .7rem}.grid-2,.grid-3,.grid-4,.form-grid.two{grid-template-columns:1fr}.inline-form{align-items:stretch}.inline-form>*{flex:1 1 auto}.table-wrap{padding-bottom:.2rem}.table-wrap table{min-width:560px}.word-tag{align-items:flex-start;flex-direction:column}.occ-grid{grid-template-columns:1fr}}
