:root{--bg: #ffffff;--text: #1a1a1a;--accent: #2c7a4d;--card-bg: #f9fafb;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0,0,0,.1);--header-bg: #f0fdf4;--toggle-btn: #e5e7eb;--input-bg: #fff;--input-border: #d1d5db;--link-color: #2563eb}[data-theme=dark]{--bg: #111827;--text: #e5e7eb;--accent: #4ade80;--card-bg: #1f2937;--border: #374151;--shadow: 0 4px 6px -1px rgba(0,0,0,.5);--header-bg: #064e3b;--toggle-btn: #374151;--input-bg: #1f2937;--input-border: #4b5563;--link-color: #60a5fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7;background:var(--bg);color:var(--text);transition:background .3s,color .3s}#app{max-width:900px;margin:0 auto;padding:2rem 1.5rem}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-size:1.2rem;font-weight:700;color:var(--accent)}.theme-toggle{background:var(--toggle-btn);border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text);transition:all .2s}.theme-toggle:hover{background:var(--accent);color:#fff}h1{font-size:2.2rem;margin-bottom:.5rem;color:var(--accent);line-height:1.2}.intro-text{font-size:1.1rem;margin-bottom:2.5rem;color:var(--text);opacity:.85}.accordion{margin-bottom:1.5rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card-bg);box-shadow:var(--shadow);transition:all .3s}.accordion-header{padding:1.5rem;font-size:1.3rem;font-weight:600;background:var(--header-bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:background .2s}.accordion-header:hover{filter:brightness(1.05)}.accordion-header:after{content:"▼";font-size:.8rem;transition:transform .3s;color:var(--accent)}.accordion.active .accordion-header:after{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.accordion.active .accordion-body{max-height:1200px}.content-inner{padding:1.5rem}.bullet-list{list-style:none;display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.bullet-list li h4{color:var(--accent);margin-bottom:.25rem;font-size:1.05rem}.bullet-list li p{margin:0}.references-section{margin-top:3rem}.references-section h2{font-size:1.8rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:.5rem;color:var(--accent)}.search-box{width:100%;padding:.8rem 1rem;margin-bottom:2rem;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:1rem;outline:none;transition:border .2s}.search-box:focus{border-color:var(--accent)}.ref-category{margin-bottom:2rem}.ref-category h3{font-size:1.2rem;margin-bottom:.8rem;color:var(--accent)}.ref-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.ref-list li{padding:.8rem 1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.ref-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ref-list a{color:var(--link-color);text-decoration:none;margin-left:.4rem;font-weight:500}.ref-list a:hover{text-decoration:underline}.hidden-ref{display:none}@media (max-width: 600px){h1{font-size:1.8rem}.accordion-header{font-size:1.1rem;padding:1rem}}