#knowledge_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#knowledge_description{width:min(720px,85%);margin:16px auto 28px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#knowledge_content{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px;width:80%;margin:40px auto 60px}.knowledge_card{background:linear-gradient(135deg,#ffffffeb,#f8fafccc);border:1px solid var(--stroke);border-radius:16px;padding:20px 24px;box-shadow:0 10px 22px #0f172a1a;text-decoration:none;color:inherit;display:block;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.knowledge_card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 30px #0f172a29}.knowledge_card h3{margin:0 0 10px;color:var(--ink);font-size:20px}.knowledge_card p{margin:0;color:var(--muted);line-height:1.6;font-size:16px}.knowledge_card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.12),transparent 55%);opacity:0;transition:opacity .25s ease;pointer-events:none}.knowledge_card:hover:after{opacity:1}@media(max-width:768px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}#knowledge_content{grid-template-columns:1fr}}body{margin:0;background:radial-gradient(circle at 12% 10%,rgba(16,185,129,.18),transparent 45%),radial-gradient(circle at 88% 12%,rgba(14,165,233,.16),transparent 45%),#f8fafc;color:var(--ink)}.header{background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;padding:40px 20px 32px;text-align:center}.header h1{margin:0 0 10px;font-size:30px}.header p{margin:0;opacity:.9;font-size:16px}.container{width:min(1000px,90%);margin:30px auto 60px;background:#ffffffeb;border-radius:18px;padding:28px;box-shadow:0 12px 28px #0f172a1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);text-decoration:none;font-weight:600;margin-bottom:20px}.section-title{margin:20px 0 12px;font-size:20px;color:var(--ink)}.topic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.topic-list li{background:#f8fafce6;border:1px solid var(--stroke);border-radius:12px;padding:14px 16px;color:var(--muted);line-height:1.6}details{border:1px solid var(--stroke);border-radius:12px;padding:12px 16px;background:#f8fafceb;margin:14px 0;transition:box-shadow .2s ease,background .2s ease}details[open]{background:#fff;box-shadow:0 10px 22px #0f172a1f}details>summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none}details>summary::-webkit-details-marker{display:none}details details{margin:12px 0 0;background:#f1f5f9cc}details ol{margin:10px 0 0 18px;color:var(--muted);line-height:1.7}.container li{position:relative;cursor:pointer}.point-detail{display:none;margin:6px 0 0;padding:8px 10px;border-radius:8px;background:#0ea5e91f;color:var(--muted);font-size:13px;line-height:1.6}li.is-open>.point-detail{display:block}.note{margin-top:20px;color:#7f8c8d;font-size:14px}@media(max-width:640px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}.header h1{font-size:24px}.container{padding:20px}}#elements_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#elements_description{width:min(720px,85%);margin:16px auto 26px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#periodic_table{display:grid;grid-template-columns:repeat(18,minmax(56px,1fr));grid-auto-rows:88px;gap:10px;width:94%;margin:30px auto 60px;padding-bottom:10px;overflow-x:auto}.element-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;background:#f8fafceb;border:1px solid var(--stroke);border-radius:12px;box-shadow:0 8px 18px #0f172a1a;color:var(--ink);padding:6px 8px;transition:transform .2s ease,box-shadow .2s ease}.element-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 30px #0f172a29}.element-number{position:absolute;top:6px;left:8px;font-size:11px;color:var(--muted)}.element-symbol{font-size:20px;font-weight:700;color:var(--ink)}.element-name{font-size:12px;margin-top:2px;color:var(--muted)}.element-valence{margin-top:4px;font-size:10px;color:var(--muted);text-align:center}.row-label{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink);background:#f1f5f9e6;border:1px dashed var(--stroke);border-radius:12px}@media(max-width:1200px){#periodic_table{grid-template-columns:repeat(18,minmax(52px,1fr));grid-auto-rows:84px;width:98%}}#detail_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#detail_description{width:min(720px,85%);margin:16px auto 26px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#detail_card{width:80%;margin:30px auto;background:#ffffffeb;border:1px solid var(--stroke);border-radius:16px;padding:24px;box-shadow:0 10px 22px #0f172a1f}.detail_main{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px 20px;align-items:center}.detail_symbol{font-size:48px;font-weight:700;color:var(--ink)}.detail_name{font-size:24px;color:var(--muted)}.detail_number,.detail_valence,.detail_meta{font-size:16px;color:var(--muted)}#detail_sections{width:80%;margin:20px auto 40px;display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:20px}.detail_section{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:18px 20px;box-shadow:0 8px 18px #0f172a14}.detail_property-group{margin-bottom:16px}.detail_property-group:last-child{margin-bottom:0}.detail_property-group h4{margin:0 0 8px;font-size:16px;color:var(--ink)}.detail_property-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px}.detail_property-list li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#f8fafce6;border:1px solid var(--stroke);border-radius:10px}.detail_property-list span{font-size:12px;color:var(--muted)}.detail_property-list strong{font-size:14px;font-weight:600;color:var(--ink);word-break:break-word}.detail_section h3{margin:0 0 8px;color:var(--ink);font-size:18px}.detail_section p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}#detail_extension{white-space:pre-line}#back_link{display:block;width:fit-content;margin:0 auto 50px;padding:10px 20px;background:#0f172a;color:#fff;text-decoration:none;border-radius:999px;transition:background .2s ease}#back_link:hover{background:#0b1220}.detail_nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0f172ae6;color:#fff;text-decoration:none;font-size:22px;box-shadow:0 8px 18px #0f172a2e;z-index:8;transition:transform .2s ease,background .2s ease}.detail_nav-arrow:hover{background:#0f172a;transform:translateY(-50%) scale(1.05)}.detail_nav-prev{left:18px}.detail_nav-next{right:18px}@media(max-width:900px){.detail_main,#detail_sections{grid-template-columns:1fr}.detail_nav-arrow{width:40px;height:40px;font-size:18px}}:root{--doc-ink: #0f172a;--doc-muted: #475569;--doc-surface: rgba(255, 255, 255, .96);--doc-stroke: #dbe3ef}.readme-doc{width:min(960px,92%);margin:60px auto 80px;color:var(--doc-ink)}.readme-doc__title{margin:0 0 10px;font-size:34px}.readme-doc__subtitle{margin:0 0 24px;color:var(--doc-muted);font-size:16px}.readme-doc__content{margin:0;padding:22px 24px;background:var(--doc-surface);border:1px solid var(--doc-stroke);border-radius:16px;font-size:14px;line-height:1.7;color:var(--doc-ink)}.readme-doc__content h1,.readme-doc__content h2,.readme-doc__content h3{margin:18px 0 10px;color:var(--doc-ink)}.readme-doc__content h1{font-size:24px}.readme-doc__content h2{font-size:20px}.readme-doc__content h3{font-size:18px}.readme-doc__content p{margin:8px 0;color:var(--doc-ink)}.readme-doc__content ul,.readme-doc__content ol{margin:8px 0 12px 20px;padding:0}.readme-doc__content li{margin:6px 0}.readme-doc__content code{padding:2px 6px;border-radius:6px;background:#0f172a0f;font-size:13px}.readme-doc__content pre{margin:12px 0;padding:14px 16px;background:#0f172a;color:#e2e8f0;border-radius:12px;overflow:auto;font-size:13px;line-height:1.6}.readme-doc__content pre code{background:transparent;color:inherit;padding:0}.readme-doc__content a{color:#0ea5e9;text-decoration:none}.readme-doc__content a:hover{text-decoration:underline}.datasets-page{width:min(980px,92%);margin:60px auto 80px}.datasets-title{margin:0 0 10px;font-size:32px;color:var(--ink)}.datasets-subtitle{margin:0 0 24px;color:var(--muted);font-size:16px;line-height:1.7}.datasets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.datasets-card{display:block;padding:18px 20px;border-radius:16px;border:1px solid var(--stroke);background:#fffffff2;text-decoration:none;color:var(--ink);box-shadow:0 10px 20px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.datasets-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0f172a1f}.datasets-card h3{margin:0 0 8px;font-size:18px}.datasets-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}.datasets-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.datasets-back{padding:6px 14px;border-radius:999px;border:1px solid var(--stroke);text-decoration:none;color:var(--ink);font-size:13px;background:#ffffffe6}.datasets-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.datasets-search input{padding:8px 12px;border-radius:10px;border:1px solid var(--stroke);min-width:220px;background:#fff}.datasets-view-toggle{display:flex;gap:8px}.datasets-btn{border:1px solid var(--stroke);background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;cursor:not-allowed;color:var(--muted)}.datasets-placeholder{padding:24px;border-radius:14px;border:1px dashed var(--stroke);color:var(--muted);background:#ffffffb3}.datasets-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px;margin:6px 0 12px}.datasets-status{padding:16px;border-radius:12px;border:1px dashed var(--stroke);color:var(--muted);background:#fffc}.datasets-table{width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden;border:1px solid var(--stroke);background:#fffffff2;box-shadow:0 12px 24px #0f172a14}.datasets-table th,.datasets-table td{padding:12px 14px;border-bottom:1px solid var(--stroke);font-size:14px;text-align:left;vertical-align:top;line-height:1.6}.datasets-table th{background:#f8fafcf2;font-weight:600}.datasets-table tr:last-child td{border-bottom:none}.datasets-empty{padding:16px;border-radius:12px;border:1px dashed var(--stroke);color:var(--muted);background:#ffffffb3;text-align:center}.datasets-section-title{margin:28px 0 12px;font-size:20px;color:var(--ink)}.datasets-section{margin-bottom:28px}.datasets-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.chem-html sub{font-size:.8em;position:relative;bottom:-.2em}.chem-html sup{font-size:.8em;position:relative;top:-.4em}@media(max-width:720px){.datasets-header{flex-direction:column;align-items:flex-start}.datasets-table th,.datasets-table td{font-size:13px;padding:10px 12px}}#calculation_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#calculation_description{width:min(720px,85%);margin:16px auto 26px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#calculation_content{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px;width:80%;margin:40px auto 60px}.calculation_card{background:linear-gradient(135deg,#ffffffeb,#f8fafccc);border:1px solid var(--stroke);border-radius:16px;padding:20px 24px;box-shadow:0 10px 22px #0f172a1a;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.calculation_card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 30px #0f172a29}.calculation_card h3{margin:0 0 10px;color:var(--ink);font-size:20px}.calculation_card p{margin:0;color:var(--muted);line-height:1.6;font-size:16px}@media(max-width:768px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}#calculation_content{grid-template-columns:1fr}}#balancing_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#balancing_description{width:min(760px,88%);margin:16px auto 28px;font-size:17px;line-height:1.7;color:var(--muted);text-align:center}#balancing_panel{width:min(1100px,92%);margin:0 auto 40px;padding:24px 26px;background:#ffffffeb;border:1px solid var(--stroke);border-radius:18px;box-shadow:0 12px 26px #0f172a1f;display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,2fr);gap:24px}#balancing_panel h3{margin-top:0;color:var(--ink)}.species_group{margin-top:16px}.species_group h4{margin:0 0 8px;color:var(--muted);font-size:15px;font-weight:600}.species_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.species_card{background:#f8fafcf5;border:1px solid var(--stroke);border-radius:12px;padding:10px;text-align:center;cursor:grab;font-size:14px;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.species_label{display:block;font-size:14px;line-height:1;word-break:normal;white-space:normal}.species_card:active{cursor:grabbing;transform:scale(.98)}.species_card:hover{box-shadow:0 6px 16px #2c3e501f}.species_actions{width:100%;display:flex;background:#0f172aeb;color:#fff;border-radius:10px;padding:6px;gap:6px;justify-content:center;align-items:center;opacity:0;max-height:0;overflow:hidden;transition:opacity .15s ease,max-height .15s ease;margin-top:8px}.species_actions button{border:none;background:#0ea5e9;color:#fff;border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer}.species_actions button:last-child{background:#10b981}.species_card.show_actions .species_actions,.species_card:hover .species_actions{opacity:1;max-height:60px}#equation_board{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px}.drop_zone{background:#fffffff5;border:2px dashed rgba(14,165,233,.4);border-radius:16px;padding:12px;min-height:160px;display:flex;flex-direction:column;gap:8px}.drop_zone.drag_over{border-color:#0ea5e9;background:#0ea5e91f}.zone_title{font-size:14px;color:var(--muted)}.zone_content{display:flex;flex-wrap:wrap;gap:8px}.equation_equals{font-size:36px;color:var(--ink);display:flex;align-items:center;justify-content:center}.equation_item{background:#f1f5f9e6;border-radius:12px;padding:6px 10px;font-size:16px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent}.equation_item.is-thermo-target{border-color:var(--accent-strong);background:#0ea5e91f;box-shadow:0 10px 20px #0ea5e92e}.equation_coeff{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--stroke);border-radius:999px;padding:2px 6px}.coeff_btn{border:none;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:0 4px}.coeff_btn:hover{color:var(--ink)}.coeff_value{min-width:18px;text-align:center;font-size:14px;color:var(--ink)}.equation_label{display:inline-flex;align-items:center}.fraction{display:inline-flex;flex-direction:column;align-items:center;line-height:1;font-size:12px}.fraction .bar{width:100%;border-top:1px solid var(--muted);margin:1px 0}.equation_item button{border:none;background:transparent;cursor:pointer;color:#94a3b8;font-size:16px}.equation_item button:hover{color:#e11d48}#equation_preview{margin-top:16px;font-size:20px;font-weight:600;color:var(--ink);word-break:break-all}#custom_input{margin-top:18px}#custom_input label{display:block;font-weight:600;margin-bottom:8px;color:var(--ink)}.custom_row{display:flex;flex-wrap:wrap;gap:10px}.custom_row input{flex:1 1 220px;border-radius:10px;border:1px solid #d6dbe5;padding:10px 12px;font-size:14px}.custom_row select{border-radius:10px;border:1px solid #d6dbe5;padding:10px 12px;font-size:14px}.custom_row button{padding:10px 16px;border-radius:10px;border:none;background:#0ea5e9;color:#fff;cursor:pointer;font-size:14px}.custom_hint{margin-top:8px;color:var(--muted);font-size:13px}.balancing_actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.balancing_options{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;color:var(--muted);font-size:14px}.thermo_selector{margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--stroke);background:#f8fafce6;box-shadow:0 10px 24px #0f172a14}.thermo_selector.is-hidden{display:none}.thermo_header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:600;color:var(--ink);margin-bottom:10px}.thermo_hint{font-size:12px;color:var(--muted);font-weight:400}.thermo_empty{margin:8px 0 0;font-size:13px;color:var(--muted)}.toggle_option{display:inline-flex;align-items:center;gap:8px;background:#f8fafceb;border:1px solid var(--stroke);border-radius:999px;padding:6px 12px}.balancing_actions button{padding:10px 18px;border-radius:10px;border:none;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}#balance_btn{background:#0ea5e9;color:#fff}#reset_btn{background:#e2e8f0;color:var(--ink)}.balancing_actions button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a1f}#balance_result{margin-top:18px;font-size:18px;color:var(--ink);font-weight:600;word-break:break-all}#balance_error{margin-top:12px;font-size:15px;color:#e11d48}#back_link{display:block;text-align:center;color:var(--accent-strong);text-decoration:none;font-size:16px;margin-bottom:40px}@media(max-width:900px){#balancing_panel{grid-template-columns:1fr}.equation_equals{font-size:28px}}@media(max-width:768px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}}#back_link:hover{text-decoration:underline}#suggestion_modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50}#suggestion_modal.modal_hidden,.modal_hidden{display:none}.modal_overlay{position:absolute;inset:0;background:#0f172a73}.modal_content{position:relative;width:min(720px,92%);background:#fff;border-radius:16px;padding:20px;box-shadow:0 18px 40px #0f172a40;z-index:1}.modal_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal_header h3{margin:0;color:var(--ink)}#suggestion_close{border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--muted)}#suggestion_close:hover{color:#e11d48}.modal_hint{margin:0 0 12px;color:var(--muted);font-size:14px}.thermo_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.thermo_option{border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;background:#f8fafce6;cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.thermo_option:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a1f}:root{--ink: #0f172a;--muted: #475569;--soft: #f1f5f9;--card: #f8fafc;--stroke: #dbe3ef;--accent: #10b981;--accent-strong: #0ea5e9;--shadow: rgba(15, 23, 42, .12)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(16,185,129,.18),transparent 45%),radial-gradient(circle at 88% 12%,rgba(14,165,233,.16),transparent 45%),#f8fafc}.site-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 8%;background:#f8fafce6;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#extension_title{color:var(--ink);font-size:34px;text-align:center;margin-top:60px}#extension_description{width:min(720px,85%);margin:16px auto 28px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#extension_content{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px;width:80%;margin:40px auto 60px}.extension_card{background:linear-gradient(135deg,#ffffffeb,#f8fafccc);border:1px solid var(--stroke);border-radius:16px;padding:20px 24px;box-shadow:0 10px 22px #0f172a1a;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.extension_card.is-link{cursor:pointer}.extension_card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 30px #0f172a29}.extension_card h3{margin:0 0 10px;color:var(--ink);font-size:20px}.extension_card h4{margin:16px 0 8px;color:var(--ink);font-size:16px}.extension_link{color:inherit;text-decoration:none;display:inline-block}.extension_link:hover{text-decoration:underline}.extension_card p{margin:0;color:var(--muted);line-height:1.6;font-size:16px}.extension_card ul{margin:0 0 8px 18px;padding:0;color:var(--muted);line-height:1.6;font-size:15px}.extension_card li{margin-bottom:6px}.extension_section+.extension_section{margin-top:14px}.extension_detail{max-width:900px;margin:40px auto 60px;padding:0 20px;color:var(--ink)}.extension_detail h1{font-size:28px;margin-bottom:8px}.extension_detail .extension_meta{margin:0 0 18px;color:var(--muted)}.extension_detail .summary_title{margin:18px 0 8px;font-size:18px;color:var(--ink)}.extension_detail ul{margin:0 0 20px 18px;padding:0;line-height:1.7;color:var(--muted)}.extension_detail li{margin-bottom:8px}.extension_detail .summary_list{margin-bottom:26px}.detail_section{margin-top:26px}.detail_section h2{font-size:22px;margin:0 0 10px;color:var(--ink)}.detail_section h3{font-size:17px;margin:16px 0 8px;color:var(--ink)}.detail_section p{margin:0 0 12px;color:var(--muted);line-height:1.75}.highlight{background:#10b9812e;padding:0 4px;border-radius:4px}.callout{background:#0ea5e91f;border-left:4px solid #0ea5e9;padding:10px 14px;border-radius:10px;margin:12px 0 16px}.extension_detail a{color:var(--ink)}#extension_reading{width:80%;margin:20px auto 80px}#extension_reading h2{color:var(--ink);font-size:26px;margin-bottom:8px;text-align:center}.extension_note{text-align:center;color:var(--muted);margin-bottom:20px}.news_nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px}.news_nav a{text-decoration:none;color:var(--ink);background:#f8fafce6;border:1px solid var(--stroke);border-radius:999px;padding:6px 12px;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}.news_nav a:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1f}.news_month{margin-bottom:32px}.news_month h3{color:var(--ink);font-size:20px;margin-bottom:12px}.news_list{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:20px}.news_card{background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:16px 18px;box-shadow:0 8px 18px #0f172a1a;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.news_card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a29}.news_card.is-empty{background:#f8fafce6;border-style:dashed;cursor:default}.news_card.is-empty:hover{transform:none;box-shadow:0 8px 18px #0f172a1a}.news_title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}.news_summary{color:var(--muted);line-height:1.6;font-size:14px}@media(max-width:768px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}#extension_content,.news_list{grid-template-columns:1fr}}.chemdoodle-page{width:min(980px,92%);margin:60px auto 80px;text-align:center}.chemdoodle-title{margin:0 0 12px;font-size:36px;letter-spacing:.4px}.chemdoodle-subtitle{margin:0 auto 26px;color:var(--muted);font-size:18px;line-height:1.7}.chemdoodle-readme-link{display:inline-flex;align-items:center;gap:6px;margin:0 auto 18px;padding:6px 14px;border-radius:999px;border:1px solid var(--stroke);color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;background:#ffffffe6;transition:box-shadow .2s ease,transform .2s ease}.chemdoodle-readme-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.chemdoodle-panel{background:#fffffff2;border:1px solid var(--stroke);border-radius:20px;padding:24px 28px 28px;box-shadow:0 16px 30px #0f172a1f;text-align:left}.chemdoodle-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.chemdoodle-btn{border:1px solid var(--stroke);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.chemdoodle-btn:hover{background:#0f172a0a;box-shadow:0 6px 14px #0f172a1a}.chemdoodle-canvas{width:100%;min-height:520px;border-radius:16px;border:1px solid var(--stroke);background:#fff;overflow:hidden}.chemdoodle-canvas canvas{width:100%;height:100%;display:block}.chemdoodle-status{margin:12px 0 0;color:var(--muted);font-size:13px}.chemdoodle-hint{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.chemdoodle-3d-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.chemdoodle-3d-panel{position:relative;width:min(980px,92vw);background:#fffffffa;border:1px solid var(--stroke);border-radius:20px;padding:24px 28px 28px;box-shadow:0 24px 60px #0f172a33}.chemdoodle-3d-title{margin:0 0 12px;font-size:20px;color:var(--ink)}.chemdoodle-3d-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:1px solid var(--stroke);background:#fff;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,box-shadow .2s ease}.chemdoodle-3d-close:hover{background:#0f172a0f;box-shadow:0 8px 16px #0f172a29}.chemdoodle-3d-viewer{width:100%;height:520px;border-radius:16px;border:1px solid var(--stroke);background:#fff}:root{--ink: #0f172a;--muted: #475569;--soft: #f1f5f9;--card: #f8fafc;--stroke: #dbe3ef;--accent: #10b981;--accent-strong: #0ea5e9;--shadow: rgba(15, 23, 42, .12);--nav-height: 56px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(16,185,129,.2),transparent 45%),radial-gradient(circle at 80% 8%,rgba(14,165,233,.2),transparent 42%),radial-gradient(circle at 22% 85%,rgba(99,102,241,.14),transparent 48%),radial-gradient(circle at 78% 76%,rgba(168,85,247,.12),transparent 50%),#f8fafc}.site-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 8%;min-height:var(--nav-height);background:#f8fafce6;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-brand{font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.4px}.nav-links{display:flex;flex-wrap:wrap;gap:12px}.nav-links a{text-decoration:none;color:var(--muted);font-size:14px;padding:6px 10px;border-radius:999px;transition:background .2s ease,color .2s ease}.nav-links a:hover{color:var(--ink);background:#0ea5e91f}.site-footer{width:min(900px,90%);margin:30px auto 24px;padding:16px 20px 4px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:hover{text-decoration:underline}#top_title{color:var(--ink);font-size:40px;text-align:center;margin:60px auto 18px;letter-spacing:.4px}#discription{width:min(720px,85%);margin:0 auto 32px;font-size:18px;line-height:1.7;color:var(--muted);text-align:center}#features{width:min(860px,90%);margin:30px auto 20px;padding:18px 22px;background:#ffffffdb;border:1px solid var(--stroke);border-radius:18px;box-shadow:0 12px 26px #0f172a14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#features h2{margin:0 0 10px;font-size:22px;color:var(--ink)}#features ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}#sections{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px;width:80%;margin:40px auto 60px}#sections>div{background:linear-gradient(135deg,#ffffffeb,#f8fafccc);border:1px solid var(--stroke);border-radius:16px;padding:20px 24px;box-shadow:0 8px 18px #0f172a1a;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;position:relative;overflow:hidden}#sections>div:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 30px #0f172a29}#sections>div h3{margin:0 0 10px;color:var(--ink);font-size:20px}#sections>div p{margin:0;color:var(--muted);line-height:1.6;font-size:16px}#sections>div:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.14),transparent 50%),radial-gradient(circle at 20% 80%,rgba(168,85,247,.12),transparent 55%);opacity:0;transition:opacity .25s ease;pointer-events:none}#sections>div:hover:after{opacity:1}@media(min-width:1100px){#sections{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media(max-width:768px){.site-nav{padding:12px 6%}.site-footer{flex-direction:column;text-align:center}#sections{grid-template-columns:1fr}}
