*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#FFC600;--gold-light:#FFF3B0;--gold-dark:#856200;--green:#1B5E3F;--green-light:#C8E6D0;--green-dark:#0E3D27;--black:#1A1A1A;--white:#fff;--bg:#F5F5F5;--border:#EBEBEB;--muted:#9E9E9E;--danger:#E53935;--nav:60px;--top:56px;--accent:var(--gold);--accent-light:var(--gold-light);--accent-dark:var(--gold-dark);--on-accent:var(--black)}html,body,#root{height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}.shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--white)}.shell.gronn{--accent:var(--green);--accent-light:var(--green-light);--accent-dark:var(--green-dark);--on-accent:#fff}.topbar{background:var(--accent);height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0;gap:8px;color:var(--on-accent);transition:background .25s ease}.topbar .brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar .brand-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.topbar .brand-name{font-size:15px;font-weight:700;color:var(--on-accent);letter-spacing:-.3px}.search{flex:1;display:flex;align-items:center;background:#ffffff8c;border-radius:18px;padding:6px 10px;gap:6px;min-width:0;cursor:pointer}.shell.gronn .search{background:#ffffff2e}.search svg{flex-shrink:0;opacity:.7}.search input{flex:1;background:none;border:none;outline:none;font-size:13px;color:var(--on-accent);min-width:0}.search input::placeholder{color:var(--on-accent);opacity:.65}.mode-toggle{display:flex;background:#00000014;border-radius:14px;padding:2px;flex-shrink:0;border:none}.mode-toggle .seg{padding:4px 9px;font-size:11px;font-weight:700;border-radius:11px;background:none;border:none;color:#1a1a1a8c;cursor:pointer;line-height:1;display:flex;align-items:center;gap:4px}.mode-toggle .seg.on{background:#fff;color:var(--accent-dark);box-shadow:0 1px 2px #00000026}.shell.gronn .mode-toggle{background:#00000040}.shell.gronn .mode-toggle .seg{color:#ffffffa6}.shell.gronn .mode-toggle .seg.on{background:#fff;color:var(--green-dark)}.mode-toggle .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.mode-toggle .dot.gul{background:#ffc600}.mode-toggle .dot.gronn{background:#1b5e3f}.icbar{display:flex;gap:6px;flex-shrink:0}.ic{width:32px;height:32px;border-radius:50%;background:#0000001f;display:flex;align-items:center;justify-content:center;border:none;position:relative;cursor:pointer;color:var(--on-accent)}.shell.gronn .ic{background:#ffffff2e}.dot{position:absolute;top:0;right:0;width:10px;height:10px;background:var(--danger);border-radius:50%;border:2px solid var(--accent)}.page{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav{height:var(--nav);background:var(--white);border-top:1px solid var(--border);display:flex;flex-shrink:0}.ni{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--muted);background:none;border:none;padding-bottom:4px}.ni.on{color:var(--accent-dark)}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex-shrink:0;background:var(--accent);color:var(--on-accent)}.disclaimer{background:#e3f2fd;border-left:3px solid #1976D2;padding:10px 14px;font-size:12px;color:#0d47a1;line-height:1.5}.disclaimer a{color:#1565c0;text-decoration:underline}.disclaimer .meta{display:block;margin-top:4px;font-size:11px;color:#5c6bc0;font-style:italic}.ch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.ch-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.ch-card:active{transform:scale(.97)}.ch-card .ch-img{width:54px;height:54px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:26px}.ch-card .ch-name{font-size:12px;font-weight:700;color:var(--black);line-height:1.3}.ch-card .ch-tag{font-size:10px;color:var(--muted)}.sec-h{padding:14px 16px 6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}