:root{font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#e7edff;background:#080e25;font-synthesis:none;--bg:#080e25;--panel:#101a34;--text:#e7edff;--muted:#8c9bbd;--line:#9daedf24;--accent:#7be6da;--accent2:#baa5fa;--card:#122342d9;--radius:14px;--shadow:0 16px 60px #0003;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:var(--accent);text-underline-offset:4px}svg{width:22px;height:22px;flex:none}button svg{pointer-events:none}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#app{height:100dvh;min-height:320px;position:relative;isolation:isolate;overflow:hidden}button{transition:background .2s,border-color .2s,box-shadow .2s,color .2s}button:active{filter:brightness(1.1)}.stars,.ambient{position:absolute;pointer-events:none;z-index:-1}.stars{inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#a9c7ff80 80%,transparent 100%),radial-gradient(1px 1px at 73% 67%,#a9c7ff60 80%,transparent 100%),radial-gradient(1px 1px at 40% 85%,#a9c7ff40 80%,transparent 100%);background-size:211px 237px,319px 283px,397px 349px}.ambient{width:650px;height:650px;border-radius:50%;filter:blur(90px);opacity:.14}.a1{top:-200px;right:0;background:#3550be}.a2{bottom:-420px;left:10%;background:#12b8a7;opacity:.08}.site-header{height:98px;padding:0 4.2%;display:flex;align-items:center;gap:38px;position:relative;z-index:6;border-bottom:1px solid var(--line);background:linear-gradient(var(--bg),transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:2px;text-decoration:none;color:var(--text);white-space:nowrap}.brand-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#81b4ed0a;color:var(--accent)}.brand-icon svg{width:31px;height:31px}.brand small{display:block;font:8px/1.8 Consolas,monospace;letter-spacing:2.7px;color:var(--muted)}.header-label{font-size:11px;color:var(--muted);letter-spacing:2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.search-wrap{height:39px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#7794b80a;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.search-wrap svg{width:16px;height:16px}.search-wrap input{width:177px;font-size:11px;outline:0;border:0;background:transparent;color:var(--text)}.search-wrap input::placeholder{color:var(--muted)}.search-wrap:focus-within{border-color:var(--accent)}kbd{font:11px Consolas,monospace;border:1px solid var(--line);padding:1px 5px;border-radius:3px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:9px;width:39px;height:39px;flex:none;color:var(--muted)}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.settings-button{display:flex;align-items:center;gap:8px;background:transparent;font-size:11px;color:var(--muted);height:40px;white-space:nowrap}.settings-button svg{width:19px;height:19px}.settings-button:hover{color:var(--accent)}.mobile-search{display:none}#main{position:absolute;inset:98px 0 158px}.intro{position:absolute;top:17%;left:5.3%;width:26%;pointer-events:none;z-index:2}.eyebrow{font:8px Consolas,monospace;letter-spacing:1.8px;color:var(--accent);display:flex;align-items:center;gap:7px;white-space:nowrap}.eyebrow>span{height:5px;width:5px;display:block;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}h1{font-size:clamp(48px,5.2vw,78px);line-height:1.28;letter-spacing:-3px;margin:21px 0 19px;font-weight:750}h1 em{font-style:normal;color:var(--accent)}.intro>p{color:var(--muted);font-size:14px;line-height:1.95;letter-spacing:2px;margin:0}.intro-divider{width:35px;height:1px;background:var(--line);margin:26px 0}.intro-note{display:flex;align-items:center;gap:11px}.intro-note>strong{font:38px/1 Consolas,monospace;color:var(--text)}.intro-note>span{font-size:9px;line-height:1.9;color:var(--muted)}.intro-note b{font-weight:400;color:var(--text);opacity:.7}.scene{position:absolute;inset:0 15% 18px 25%;touch-action:none}.three-surface{position:absolute;inset:0;touch-action:none}.cosmic-element{width:112px;height:143px;border:1px solid color-mix(in srgb,var(--element) 62%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--element) 18%,var(--bg)),color-mix(in srgb,var(--element) 5%,var(--bg)));color:var(--element);border-radius:8px;text-align:left;padding:10px 12px;box-shadow:0 0 22px color-mix(in srgb,var(--element) 7%,transparent),inset 0 0 15px color-mix(in srgb,var(--element) 4%,transparent);backface-visibility:hidden;position:relative;overflow:hidden;outline-offset:1px}.cosmic-element:hover,.cosmic-element:focus-visible{border-color:var(--element);box-shadow:0 0 35px color-mix(in srgb,var(--element) 33%,transparent);background:color-mix(in srgb,var(--element) 22%,var(--bg));z-index:1}.element-top{font:11px/1.2 Consolas,monospace;display:flex;justify-content:space-between;opacity:.85}.study-dot{font-size:10px}.element-symbol{display:block;font:600 44px/1.2 Segoe UI,sans-serif;letter-spacing:-1px;margin-top:8px}.element-name{display:block;font-size:13px;line-height:1.5}.element-name small{display:block;font:7px/1.5 Consolas,monospace;letter-spacing:.4px;opacity:.65}.element-mass{position:absolute;bottom:8px;right:10px;font:8px Consolas,monospace;opacity:.55}.dimmed{opacity:.17;filter:saturate(.45)}.dimmed:hover,.dimmed:focus-visible{opacity:1}.search-match{box-shadow:0 0 24px color-mix(in srgb,var(--element) 30%,transparent)}.table-label{font:25px Consolas,monospace;color:var(--muted);white-space:nowrap;pointer-events:none}.table-placeholder{font:17px Consolas,monospace;color:var(--muted);width:112px;height:143px;border:1px dashed var(--line);display:grid;place-items:center;border-radius:8px;pointer-events:none}.scene[data-layout=table] .cosmic-element{border-radius:4px}.scene[data-layout=table]:not(.close-up) .element-name small,.scene[data-layout=table]:not(.close-up) .element-mass{display:none}.scene[data-layout=table]:not(.close-up) .element-symbol{font-size:52px;margin-top:3px}.scene[data-layout=table]:not(.close-up) .element-top{font-size:17px}.scene[data-layout=table]:not(.close-up) .element-name{font-size:18px}.featured{position:absolute;right:5%;top:18%;width:149px;z-index:3}.tiny-label{font:9px Consolas,Microsoft YaHei,monospace;color:var(--muted);letter-spacing:1.5px}.featured>.tiny-label{display:block;margin:0 0 16px 4px;letter-spacing:3px}.featured-element{text-align:left;width:100%;padding:18px;background:linear-gradient(145deg,#7be6da0e,#96b7ef04);border:1px solid #7be6da28;border-radius:12px;color:var(--accent);position:relative}.featured-element:hover{border-color:var(--accent);box-shadow:0 0 32px #7be6da12}.feature-number{font:10px Consolas,monospace;display:flex;justify-content:space-between}.feature-number span{font:8px Microsoft YaHei,sans-serif;opacity:.65}.featured-element>strong{display:block;font:300 78px/1.25 Segoe UI,sans-serif;margin:11px 0}.feature-name{font-size:16px}.feature-name small{font:9px Consolas,monospace;opacity:.6;margin-left:9px}.feature-divider{display:block;height:1px;background:#7be6da29;margin:17px 0}.featured-element p{font-size:10px;line-height:1.9;color:var(--muted);letter-spacing:1px}.feature-link{font-size:9px;display:flex;align-items:center;justify-content:space-between;margin-top:18px}.feature-link svg{width:16px;height:16px}.featured-foot{font-size:8px;letter-spacing:2px;color:var(--muted);display:block;text-align:center;margin-top:17px;opacity:.6}.scene-caption{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:var(--muted);white-space:nowrap}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.scene-index{position:absolute;bottom:38px;left:5.3%;font:9px Consolas,monospace;color:var(--muted);letter-spacing:1px}.scene-index>span:first-child{font-size:24px;color:var(--accent)}.legend{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);display:flex;gap:13px;white-space:nowrap}.legend>span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px}.legend>span:before{content:"";height:4px;width:4px;background:var(--dot);border-radius:50%}.scene-tools{position:absolute;right:4.2%;bottom:80px;display:flex;gap:6px}.scene-tools svg{width:17px;height:17px}.scene-tools button{width:34px;height:34px;background:var(--bg)}.layout-dock{position:absolute;bottom:56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:8px 10px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 40px #0002;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dock-label{font-size:9px;color:var(--muted);line-height:1.7;letter-spacing:2px;padding:0 13px 0 5px;border-right:1px solid var(--line);margin-right:6px}.layout-button{width:74px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--muted);font-size:10px;white-space:nowrap}.layout-button svg{width:21px;height:21px}.layout-button:hover{background:#88bbff0a;color:var(--text)}.layout-button.active{background:color-mix(in srgb,var(--accent) 11%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent)}.site-footer{position:absolute;bottom:19px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.6px}.site-footer>span{display:flex;gap:8px;align-items:center}.site-footer svg{width:14px;height:14px;opacity:.6}.site-footer button{padding:4px 0;background:none;color:var(--muted);font-size:9px;display:flex;gap:7px;align-items:center}.site-footer button:hover{color:var(--text)}.reading{position:absolute;inset:35px 4.8% 70px 31%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px 15px 20px 4px;scrollbar-color:var(--line) transparent}.cards-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;align-content:start}.cards-view .cosmic-element{width:100%;height:170px;padding:13px 16px;backface-visibility:visible}.cards-view .element-symbol{font-size:48px;margin:10px 0 3px}.cards-view .element-name small{font-size:9px}.cards-view .element-mass{font-size:10px}.list-view{display:flex;flex-direction:column;gap:8px}.reading-element:not(.cosmic-element){display:flex;align-items:center;gap:19px;width:100%;background:color-mix(in srgb,var(--element) 5%,var(--bg));border:1px solid var(--line);padding:17px 20px;border-radius:10px;text-align:left}.reading-element:hover{border-color:var(--element)}.list-number{font:11px Consolas,monospace;color:var(--muted);width:23px}.list-symbol{font:26px Segoe UI,sans-serif;color:var(--element);width:44px}.list-name{font-size:16px;color:var(--text);flex:1}.list-name small{display:block;font:9px Consolas,monospace;color:var(--muted);margin-top:3px}.list-family{font-size:10px;color:var(--muted)}.list-mass{font:11px Consolas,monospace;color:var(--muted);width:60px;text-align:right}.reading-element>svg{width:15px;color:var(--element)}body[data-layout=cards] .featured,body[data-layout=list] .featured{display:none}body[data-layout=cards] .scene-caption,body[data-layout=list] .scene-caption{left:64%}.empty-state{position:absolute;left:31%;right:6%;top:40%;text-align:center;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);z-index:4}.empty-state strong{font-size:18px}.empty-state p{color:var(--muted);font-size:13px}.empty-state button{background:var(--accent);color:var(--bg);border-radius:7px;padding:10px 18px}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:30px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}dialog::backdrop{background:#020715a8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .25s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.panel-heading h2{font-size:24px;margin:5px 0 0;letter-spacing:1px}.settings-panel{width:600px}.settings-panel h3{font-size:13px;font-weight:500;color:var(--muted);margin:24px 0 14px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-option{padding:7px 7px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;text-align:left}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview{height:100px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:7px;overflow:hidden}.theme-preview b{font:42px Segoe UI,sans-serif}.theme-preview i{font-size:30px;font-style:normal}.neon-preview{background:radial-gradient(ellipse at top right,#24356d,#071127);color:#7be6da;border:1px solid #7be6da40}.brutal-preview{background:#f5dd41;color:#171b26;border:2px solid #171b26;border-radius:0;box-shadow:3px 3px #171b26}.theme-option>strong{display:block;font-size:12px;margin:14px 6px 5px}.theme-option>small{display:block;font-size:9px;color:var(--muted);margin:0 6px}.scope-options{display:flex;gap:10px}.scope-options button{flex:1;background:transparent;border:1px solid var(--line);border-radius:10px;padding:13px 6px;font-size:13px}.scope-options button small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.scope-options button.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent);color:var(--accent)}.panel-note{font-size:11px!important;line-height:1.9!important;color:var(--muted);margin:20px 0 0}.about-dialog{width:620px}.about-dialog p{font-size:13px;line-height:2;color:var(--muted)}.about-dialog h3{font-size:15px;margin:26px 0 9px}.about-dialog a{color:var(--accent)}.detail-dialog{width:1040px;padding:27px 35px 20px}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.detail-heading>.tiny-label{color:var(--accent);letter-spacing:2px}.detail-heading>.tiny-label>span{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:35px}.detail-identity{padding-top:10px}.detail-name-line{display:flex;align-items:center;gap:25px}.detail-symbol{font:300 105px/1.2 Segoe UI,sans-serif;letter-spacing:-5px;color:var(--element);min-width:112px}.detail-name-line h2{font-size:34px;line-height:1.2;margin:7px 0;letter-spacing:3px}.pinyin{font:11px Segoe UI,sans-serif;letter-spacing:2px;color:var(--muted)}.english-name{font:12px Consolas,monospace;color:var(--muted)}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 24px}.detail-tags>span{font-size:9px;padding:5px 9px;border-radius:5px;color:var(--muted);border:1px solid var(--line)}.detail-tags>span:last-child{color:var(--element)}.basic-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.basic-facts small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.basic-facts strong{font:20px Consolas,Microsoft YaHei,monospace}.element-intro{font-size:13px;line-height:2;color:var(--muted);margin:20px 0 0}.atom-panel{background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--line);border-radius:13px;overflow:hidden}.atom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px}.atom-toolbar>span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.atom-toolbar>span svg{width:16px;height:16px;color:var(--accent)}.atom-toolbar>div{display:flex;align-items:center;gap:6px}.atom-toolbar .icon-button{height:29px;width:29px}.atom-toolbar .icon-button svg{width:14px;height:14px}.small-button{font-size:10px;border:1px solid var(--line);background:transparent;border-radius:6px;padding:7px 11px;color:var(--muted)}.small-button:hover,.small-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.atom-host{height:255px;position:relative;touch-action:none;display:grid;place-items:center}.atom-host canvas{display:block;touch-action:none}.atom-host>svg{width:100%;height:100%}.atom-loading{color:var(--muted);font-size:12px}.fallback-label{position:absolute;bottom:7px;left:15px;color:var(--muted);font-size:9px}.shell-strip{display:flex;justify-content:center;gap:0;padding:8px 14px}.shell-strip>span{flex:1;text-align:center;border-right:1px solid var(--line)}.shell-strip>span:last-child{border:0}.shell-strip small{font-size:8px;color:var(--muted);display:block;margin-bottom:5px}.shell-strip b{font:16px Consolas,monospace;color:var(--accent)}.shell-total b{color:var(--text)}.model-note{font-size:8px;line-height:1.8;color:var(--muted);text-align:center;padding:0 15px 7px}.learning-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.learning-block{padding-right:12px}.section-marker{font-size:9px;letter-spacing:2px;color:var(--accent)}.learning-block h3{font-size:16px;margin:9px 0 10px}.learning-block p,.remember-block p{font-size:12px;line-height:1.95;color:var(--muted);margin:0}.remember-block{grid-column:1/-1;display:flex;gap:13px;padding:17px 20px;background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:10px}.remember-block>svg{color:var(--accent);width:18px;margin-top:1px}.remember-block h3{font-size:12px;margin:0 0 5px;color:var(--accent)}.photo-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h3{font-size:17px;margin:0}.section-heading>span{font:9px Consolas,monospace;letter-spacing:2px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}.photo-grid img{width:100%;height:200px;object-fit:contain;display:block;background:#ffffff08}.photo-grid figcaption{padding:13px 15px}.photo-grid figcaption strong{font-size:11px;font-weight:500;display:block;line-height:1.7}.photo-grid figcaption small{font-size:8px;line-height:1.8;color:var(--muted);display:block;margin-top:6px;overflow-wrap:anywhere}.senior{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.senior summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--accent)}.senior summary svg{width:16px;height:16px;transition:transform .2s}.senior[open] summary svg{transform:rotate(90deg)}.senior p{font-size:12px;line-height:2;color:var(--muted)}.senior>span{font-size:9px;color:var(--muted)}.detail-footer{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.detail-footer>span{font-size:9px;color:var(--muted)}.detail-footer>div{display:flex;gap:7px}.toast{position:absolute;bottom:155px;left:50%;transform:translate(-50%) translateY(10px);background:var(--panel);border:1px solid var(--line);padding:12px 20px;border-radius:10px;max-width:85vw;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}:root[data-theme=brutal]{--bg:#f5f0db;--panel:#fffdf5;--text:#202333;--muted:#565965;--line:#202333;--accent:#5939c8;--accent2:#e67e42;--card:#f7dc59;--radius:0px;--shadow:8px 8px 0 #202333;color-scheme:light;font-family:Arial Black,Microsoft YaHei,sans-serif}:root[data-theme=brutal] .stars{background-image:radial-gradient(#20233330 1px,transparent 1px);background-size:19px 19px}:root[data-theme=brutal] .ambient{display:none}:root[data-theme=brutal] .site-header{border-bottom:2px solid var(--text)}:root[data-theme=brutal] .brand-icon{border:2px solid var(--text);border-radius:0;background:#ffda4f;box-shadow:3px 3px var(--text)}:root[data-theme=brutal] h1{font-weight:950;letter-spacing:-4px}:root[data-theme=brutal] h1 em{background:#d3c0fa;padding:0 7px;-webkit-box-decoration-break:clone;box-decoration-break:clone}:root[data-theme=brutal] .cosmic-element{background:color-mix(in srgb,var(--element) 68%,#fff5c7);color:#202333;border:2px solid #202333;border-radius:0;box-shadow:5px 5px #202333}:root[data-theme=brutal] .cosmic-element:hover{background:#ffe963;box-shadow:8px 8px #202333}:root[data-theme=brutal] .featured-element{background:#d3c0fa;color:#202333;border:2px solid #202333;border-radius:0;box-shadow:6px 6px #202333}:root[data-theme=brutal] .layout-dock{border:2px solid #202333;border-radius:0;box-shadow:5px 5px #202333;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=brutal] .layout-button{border-radius:0;font-weight:700}:root[data-theme=brutal] .layout-button.active{color:#202333;background:#ffda4f;border:2px solid #202333;box-shadow:3px 3px #202333}:root[data-theme=brutal] .icon-button,:root[data-theme=brutal] .search-wrap,:root[data-theme=brutal] .reading-element,:root[data-theme=brutal] dialog,:root[data-theme=brutal] .theme-option,:root[data-theme=brutal] .scope-options button,:root[data-theme=brutal] .atom-panel,:root[data-theme=brutal] .remember-block,:root[data-theme=brutal] .photo-grid figure{border-radius:0}:root[data-theme=brutal] .theme-option.active,:root[data-theme=brutal] .scope-options button.active{box-shadow:3px 3px #202333}:root[data-theme=brutal] .detail-symbol{color:#5939c8;font-weight:800}:root[data-theme=brutal] .list-symbol{color:#5939c8}:root[data-theme=brutal] .atom-panel{background:#1c2441;color:#e7edff;--muted:#a8b4d2;--line:#9daedf30;--accent:#7be6da;--text:#e7edff}@media(min-width:1700px){.intro{top:23%}.featured{top:25%}.scene{left:24%;right:17%}.site-header{height:112px}#main{top:112px}.layout-button{width:88px}.layout-dock{bottom:65px}.site-footer{bottom:23px}}@media(max-width:1100px){.header-label{display:none}.intro{left:4%;width:27%}.intro h1{font-size:53px}.eyebrow{font-size:7px;letter-spacing:.6px}.featured{right:3%;width:125px}.featured-element{padding:13px}.featured-element>strong{font-size:65px}.scene{left:26%;right:16%}.scene-tools{right:3%;bottom:80px}.layout-button{width:65px}.dock-label{padding-right:9px}.legend{gap:9px}.legend>span{font-size:7px}.site-footer,.site-footer button{font-size:8px}.reading{left:30%}.list-family{display:none}}@media(max-width:760px)and (orientation:portrait){.site-header{height:77px;padding:0 20px;gap:8px}.brand{font-size:17px;gap:9px;letter-spacing:1.5px}.brand-icon{height:36px;width:36px;border-radius:11px}.brand-icon svg{width:25px;height:25px}.brand small{font-size:6px;letter-spacing:2px}.header-actions{gap:8px}.settings-button{width:35px;justify-content:center}.settings-button>span{display:none}.mobile-search{display:flex;height:34px;width:34px}.search-wrap{display:none}.search-visible .search-wrap{display:flex;position:absolute;top:82px;left:19px;right:19px;z-index:10;background:var(--panel);height:43px;box-shadow:var(--shadow)}.search-visible .search-wrap input{width:100%;font-size:14px}.search-visible kbd{display:none}#main{inset:77px 0 160px}.intro{top:25px;left:26px;width:auto;right:26px}.eyebrow{font-size:7px;letter-spacing:1.3px}.intro h1{font-size:36px;letter-spacing:-1px;line-height:1.25;margin:12px 0}.intro h1 br{display:none}.intro>p{font-size:11px;letter-spacing:1px;line-height:1.7}.intro>p br{display:none}.intro-divider,.intro-note{display:none}.scene{inset:132px 0 38px}.featured{display:none}.scene-caption{bottom:29px;font-size:9px;letter-spacing:1px}.scene-index{left:26px;top:124px;bottom:auto;font-size:7px;z-index:2;pointer-events:none}.scene-index>span:first-child{font-size:17px}.legend{bottom:-18px;width:310px;max-width:calc(100vw - 45px);justify-content:center;flex-wrap:wrap;gap:8px 11px;white-space:normal}.legend>span{font-size:7px}.legend>span:before{width:3px;height:3px}.layout-dock{bottom:calc(47px + env(safe-area-inset-bottom));width:calc(100% - 26px);gap:1px;padding:6px;border-radius:15px;justify-content:space-between}.dock-label{display:none}.layout-button{width:auto;flex:1;min-width:0;height:56px;border-radius:9px;font-size:8px;gap:7px}.layout-button svg{height:20px;width:20px}.scene-tools{bottom:calc(124px + env(safe-area-inset-bottom));right:20px;gap:5px}.scene-tools button{height:29px;width:29px}.scene-tools svg{height:14px;width:14px}.site-footer{bottom:calc(14px + env(safe-area-inset-bottom));left:21px;right:21px;gap:10px;font-size:7px;letter-spacing:0}.site-footer>span svg{display:none}.site-footer>span{gap:0}.site-footer button{font-size:7px;gap:4px;white-space:nowrap}.site-footer button svg{height:12px;width:12px}.reading{inset:147px 16px 43px;padding:4px 9px 20px 4px}.cards-view{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cards-view .cosmic-element{height:145px;padding:10px 11px}.cards-view .element-symbol{font-size:36px;margin:10px 0 4px}.cards-view .element-name{font-size:12px}.cards-view .element-name small{font-size:7px}.cards-view .element-mass{font-size:8px}.reading-element:not(.cosmic-element){padding:13px 12px;gap:10px}.list-number{font-size:9px;width:19px}.list-symbol{font-size:25px;width:35px}.list-name{font-size:15px}.list-mass{font-size:10px;width:46px}.list-family{display:none}body[data-layout=cards] .scene-caption,body[data-layout=list] .scene-caption{left:50%}.empty-state{left:20px;right:20px;top:44%}.empty-state strong{font-size:16px}.empty-state p{font-size:11px}.detail-dialog{width:100%;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border:0;border-radius:0;padding:17px 22px max(22px,env(safe-area-inset-bottom))}.detail-heading{position:sticky;top:-17px;background:var(--panel);z-index:5;padding:7px 0 10px;margin-top:-7px}.detail-grid{grid-template-columns:1fr;gap:23px}.detail-symbol{font-size:88px;min-width:100px}.detail-name-line h2{font-size:31px}.detail-tags{margin:12px 0 20px}.basic-facts strong{font-size:17px}.basic-facts small{font-size:8px}.element-intro{font-size:13px}.atom-host{height:245px}.atom-toolbar{padding:11px}.model-note{font-size:8px}.learning-section{grid-template-columns:1fr;gap:23px;margin-top:27px}.learning-block{padding:0}.learning-block h3{font-size:17px;margin:7px 0}.learning-block p{font-size:13px;line-height:1.95}.remember-block{padding:16px 14px;gap:9px}.remember-block p{font-size:12px}.photo-grid{grid-template-columns:1fr;gap:16px}.photo-grid img{height:210px}.photo-grid figcaption strong{font-size:12px}.photo-grid figcaption small{font-size:9px}.photo-section{margin-top:26px}.senior p{font-size:12px}.detail-footer{padding-bottom:8px}.detail-footer>span{font-size:8px}.settings-panel{padding:23px 19px}.panel-heading h2{font-size:22px}.theme-options{gap:8px}.theme-preview{height:84px;padding:13px 9px}.theme-preview b{font-size:33px}.theme-preview i{font-size:18px}.theme-option{padding:5px 5px 10px}.theme-option>strong{font-size:10px;margin:12px 2px 4px}.theme-option>small{font-size:7px;margin:0 2px;white-space:nowrap}.scope-options{gap:7px}.scope-options button{font-size:12px}.scope-options small{font-size:8px}.about-dialog{padding:25px 22px}.toast{bottom:190px;width:max-content;max-width:85vw}.scene[data-layout=table]{left:5px;right:5px}.scene[data-layout=table]:after{content:"横过手机，周期表看得更清楚";position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:8px;color:var(--muted);white-space:nowrap;pointer-events:none}}@media(orientation:landscape)and (max-height:580px){.site-header{height:52px;padding:0 22px;gap:10px}.brand{font-size:14px;gap:8px}.brand-icon{height:30px;width:30px;border-radius:8px}.brand-icon svg{height:23px;width:23px}.brand small{font-size:5px;letter-spacing:1.7px}.header-label{display:none}.header-actions{gap:12px}.search-wrap{height:30px}.search-wrap input{font-size:10px;width:145px}.settings-button{height:30px;font-size:9px}.settings-button svg{height:16px}.settings-button>span{display:none}#main{inset:52px 0 75px}.intro{top:19%;left:4%;width:24%}.eyebrow{font-size:5px;letter-spacing:.5px}.intro h1{font-size:37px;letter-spacing:-1px;margin:11px 0}.intro>p{font-size:9px;line-height:1.6;letter-spacing:1px}.intro-divider,.intro-note{display:none}.scene{inset:-10px 8% 2px 22%}.featured{display:none}.scene-caption{bottom:-2px;font-size:7px;left:56%}.scene-index{bottom:0;left:4%;font-size:6px}.scene-index>span:first-child{font-size:15px}.legend{display:none}.layout-dock{bottom:17px;padding:4px 6px;border-radius:11px;gap:3px}.dock-label{font-size:7px;padding:0 9px 0 3px;line-height:1.6}.layout-button{height:43px;width:62px;font-size:8px;gap:3px;border-radius:7px}.layout-button svg{height:17px;width:17px}.scene-tools{right:20px;bottom:22px;gap:5px}.scene-tools button{height:29px;width:29px}.scene-tools svg{height:13px;width:13px}.site-footer{display:none}.reading{inset:12px 3% 17px 29%}.cards-view{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px}.cards-view .cosmic-element{height:133px;padding:8px 10px}.cards-view .element-symbol{font-size:33px;margin:5px 0}.cards-view .element-name small,.cards-view .element-mass{font-size:7px}.reading-element:not(.cosmic-element){padding:10px 13px}.scene[data-layout=table]{inset:-6px 14% 0}body[data-layout=table] .intro,body[data-layout=table] .scene-caption{display:none}body[data-layout=table] .scene-index{left:20px;top:12px;bottom:auto;width:55px}body[data-layout=table] .scene-index>span:last-child{display:block;font-size:6px}.detail-dialog{max-height:100dvh;margin:0 auto;border-radius:0;max-width:100vw;width:100%;padding:15px 25px}.detail-heading{margin-bottom:10px}.detail-grid{grid-template-columns:1fr 1fr;gap:25px}.detail-symbol{font-size:70px;min-width:80px}.detail-name-line{gap:15px}.detail-name-line h2{font-size:25px}.detail-tags{margin:10px 0 14px}.basic-facts{padding:12px 0}.basic-facts strong{font-size:16px}.atom-host{height:170px}.model-note{font-size:7px}.learning-section{margin-top:20px}.settings-panel{max-height:94dvh;padding:20px 25px}.theme-preview{height:65px;padding:8px 16px}.panel-heading{margin-bottom:10px}.settings-panel h3{margin:16px 0 9px}.theme-option>strong{margin-top:8px}.theme-option>small{display:none}.scope-options button{padding:9px}.panel-note{margin-top:12px}.toast{bottom:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body[data-layout=table] .intro,body[data-layout=table] .featured{display:none}.scene-index{top:26px;left:35%;bottom:auto}body[data-layout=table] .scene{inset:12px 3% 48px}body[data-layout=table] .scene-index{top:8px;left:4%;bottom:auto}.scene[data-layout=table] .cosmic-element{height:86px;padding:6px 9px}.scene[data-layout=table] .element-symbol{font-size:39px;line-height:1;margin-top:3px}.scene[data-layout=table] .element-top{font-size:10px}.scene[data-layout=table] .element-name{font-size:11px;position:absolute;bottom:6px;right:9px}.scene[data-layout=table] .element-name small,.scene[data-layout=table] .element-mass{display:none}.scene[data-layout=table]:not(.close-up) .element-name{display:none}.scene[data-layout=table]:not(.close-up) .element-symbol{font-size:52px;margin-top:4px}.scene[data-layout=table]:not(.close-up) .element-top{font-size:15px}.table-placeholder{height:86px}@media(orientation:landscape)and (max-height:580px){body[data-layout=table] .scene{inset:0 2% 2px}body[data-layout=table] .scene-index{top:7px;left:13px;font-size:6px}body[data-layout=table] .scene-index>span:last-child{display:block;font-size:5px}}@media(max-width:760px)and (orientation:portrait){body[data-layout=table] .scene{top:75px;bottom:50px}body[data-layout=table] .scene-index{top:27px;left:25px}.scene[data-layout=table]:after{bottom:0}}@media(max-width:760px)and (orientation:portrait){.scene-index{top:124px;left:26px;bottom:auto}}@media(orientation:landscape)and (max-height:580px){.scene-index{top:auto;bottom:0;left:4%}}:root{color:var(--text);background:var(--bg)}.three-surface,.three-surface>div{overflow:clip!important}.immersive #app{min-height:240px}.immersive #main{inset:0}.immersive #scene{inset:0 0 92px;overflow:clip}.immersive #scene:after{display:none}.immersive .corner-controls{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;gap:10px;z-index:6}.immersive .corner-controls .icon-button{width:44px;height:44px;color:var(--text);background:color-mix(in srgb,var(--panel) 62%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--text) 12%,transparent);border-radius:50%}.immersive .corner-controls .icon-button:hover{border-color:var(--accent);color:var(--accent)}.immersive .corner-controls svg{width:19px;height:19px}.immersive .layout-dock{bottom:max(20px,env(safe-area-inset-bottom));gap:3px;padding:6px 8px;border-radius:18px;background:color-mix(in srgb,var(--panel) 78%,transparent)}.immersive .layout-button{width:84px;height:55px;gap:6px;font-size:11px}.immersive #reading{inset:78px 5% 108px;padding:5px 16px 24px 5px}.immersive .cards-view{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.immersive .cards-view .cosmic-element{height:170px;padding:15px 18px}.immersive .cards-view .element-symbol{font-size:52px;margin:14px 0 7px}.immersive .cards-view .element-name{font-size:17px}.immersive .list-view{width:min(900px,90%);margin:auto}.immersive .reading-element:not(.cosmic-element){padding:18px 24px}.immersive .list-name{font-size:18px}.immersive .list-name{min-width:0}.immersive .list-name .list-tagline{display:block;font-family:inherit;font-size:13px;line-height:1.65;letter-spacing:0;white-space:normal;color:var(--muted);margin-top:6px;font-weight:400}.immersive .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.immersive .list-family{display:block;font-size:12px}.immersive .settings-panel h3{margin-top:20px}.settings-reset{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;margin-top:24px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:13px}.settings-reset:hover{border-color:var(--accent);color:var(--accent)}.settings-reset svg{width:17px;height:17px}.settings-info{margin-top:22px;border-top:1px solid var(--line)}.settings-info summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0 3px;cursor:pointer;list-style:none;font-size:13px;color:var(--muted)}.settings-info summary svg{width:16px;height:16px;transition:transform .3s}.settings-info[open] summary svg{transform:rotate(90deg)}.settings-info h3{font-size:14px;margin:24px 0 9px}.settings-info p{font-size:12px;line-height:1.95;color:var(--muted)}.immersive .toast{bottom:110px}.immersive .ambient.a1{width:1000px;height:1000px;right:calc(50% - 500px);top:-400px;opacity:.12}.immersive .ambient.a2{left:calc(50% - 325px);opacity:.07}:root[data-theme=brutal] .immersive .corner-controls .icon-button{border-radius:0;border:2px solid var(--text);box-shadow:3px 3px var(--text);background:var(--bg)}:root[data-theme=brutal] .immersive .layout-dock{border-radius:0;background:var(--panel)}@media(max-width:760px)and (orientation:portrait){.immersive #scene{top:6px;bottom:90px}.immersive .corner-controls{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:8px}.immersive .corner-controls .icon-button{width:40px;height:40px}.immersive .layout-dock{width:calc(100% - 24px);bottom:calc(14px + env(safe-area-inset-bottom));padding:6px;gap:1px}.immersive .layout-button{width:auto;flex:1;min-width:0;height:52px;font-size:9px;gap:6px}.immersive #reading{inset:74px 12px calc(94px + env(safe-area-inset-bottom));padding:4px 5px 20px}.immersive .cards-view{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.immersive .cards-view .cosmic-element{height:142px;padding:11px 13px}.immersive .cards-view .element-symbol{font-size:40px;margin:11px 0 6px}.immersive .cards-view .element-name{font-size:14px}.immersive .list-view{width:auto}.immersive .reading-element:not(.cosmic-element){padding:16px 12px}.immersive .list-name{font-size:17px}.immersive .list-name .list-tagline{font-size:12px;line-height:1.6;margin-top:5px}.immersive .list-family{font-size:10px}}@media(orientation:landscape)and (max-height:580px){.immersive #scene{top:0;bottom:62px}.immersive .corner-controls{right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));gap:7px}.immersive .corner-controls .icon-button{width:36px;height:36px}.immersive .corner-controls svg{width:17px;height:17px}.immersive[data-layout=table] .corner-controls{top:auto;bottom:max(15px,env(safe-area-inset-bottom))}.immersive .layout-dock{bottom:max(10px,env(safe-area-inset-bottom));padding:4px 6px;gap:3px;border-radius:12px;width:auto}.immersive .layout-button{width:63px;height:39px;flex:none;font-size:8px;gap:3px}.immersive .layout-button svg{width:17px;height:17px}.immersive #reading{inset:16px max(112px,env(safe-area-inset-right)) 70px 22px;padding:4px 10px 20px 4px}.immersive .cards-view{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}.immersive .cards-view .cosmic-element{height:132px;padding:10px 13px}.immersive .cards-view .element-symbol{font-size:36px;margin:9px 0 5px}.immersive .cards-view .element-name{font-size:13px}.immersive .list-view{width:auto}}.lattice-surface{pointer-events:none;backface-visibility:hidden;overflow:hidden}.lattice-edge{background:color-mix(in srgb,var(--element) 78%,var(--bg));box-shadow:0 0 8px color-mix(in srgb,var(--element) 25%,transparent)}.lattice-back{border:1px solid color-mix(in srgb,var(--element) 48%,transparent);border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--element) 12%,var(--bg)),var(--bg));display:grid;place-items:center;color:color-mix(in srgb,var(--element) 38%,var(--bg))}.lattice-back span{font:600 30px/1 Segoe UI,sans-serif}:root[data-theme=brutal] .lattice-edge{background:var(--text);box-shadow:none}:root[data-theme=brutal] .lattice-back{border:2px solid var(--text);border-radius:0;background:var(--bg);color:color-mix(in srgb,var(--element) 55%,var(--bg))}.table-landscape-control{display:none;position:absolute;z-index:6;top:76px;left:50%;transform:translate(-50%);align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--accent);font-size:13px;box-shadow:0 4px 24px #0002;white-space:nowrap}.table-landscape-control svg{width:20px;height:20px}:root[data-theme=brutal] .table-landscape-control{border-radius:0;border:2px solid var(--text);box-shadow:3px 3px var(--text);color:var(--text)}@media(max-width:760px)and (orientation:portrait){.immersive[data-layout=table] .table-landscape-control:not([hidden]){display:flex}}.photo-context{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px}:root[data-theme=neon] .cosmic-element{--cold-ink:color-mix(in srgb,var(--element) 62%,#b2c7ce);--rim-ink:color-mix(in srgb,var(--element) 72%,#a7c4cd);--glass-density:.66;--neon-delay:0s;isolation:isolate;border-color:color-mix(in srgb,var(--element) 37%,transparent);border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--element) 7%,transparent),transparent 68%),linear-gradient(180deg,rgb(13 31 43 / var(--glass-density)),#071421e6);box-shadow:inset 0 1px color-mix(in srgb,var(--element) 12%,transparent),0 0 14px color-mix(in srgb,var(--element) 6%,transparent),0 3px 14px #00000024}:root[data-theme=neon] .cosmic-element:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:linear-gradient(var(--rim-ink),var(--rim-ink)) left 6px top 6px/9px 1px no-repeat,linear-gradient(var(--rim-ink),var(--rim-ink)) left 6px top 6px/1px 9px no-repeat,linear-gradient(var(--rim-ink),var(--rim-ink)) right 6px bottom 6px/9px 1px no-repeat,linear-gradient(var(--rim-ink),var(--rim-ink)) right 6px bottom 6px/1px 9px no-repeat,radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--element) 24%,transparent),transparent 62%),radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--element) 10%,transparent),transparent 55%);opacity:.5;animation:neon-rim-breathe 6.4s ease-in-out var(--neon-delay) infinite}:root[data-theme=neon] .cosmic-element:nth-child(7n+2){--neon-delay:-1.05s;--glass-density:.55}:root[data-theme=neon] .cosmic-element:nth-child(7n+3){--neon-delay:-2.15s;--glass-density:.72}:root[data-theme=neon] .cosmic-element:nth-child(7n+4){--neon-delay:-3.25s;--glass-density:.61}:root[data-theme=neon] .cosmic-element:nth-child(7n+5){--neon-delay:-4.35s;--glass-density:.76}:root[data-theme=neon] .cosmic-element:nth-child(7n+6){--neon-delay:-5.45s;--glass-density:.58}:root[data-theme=neon] .cosmic-element:nth-child(7n+7){--neon-delay:-6.55s;--glass-density:.69}:root[data-theme=neon] .cosmic-element .element-symbol{font-family:Segoe UI Variable Display,Segoe UI,Arial,sans-serif;font-weight:500;color:var(--cold-ink);-webkit-text-stroke:0;text-shadow:0 0 14px color-mix(in srgb,var(--element) 16%,transparent)}:root[data-theme=neon] .cosmic-element .element-top{color:color-mix(in srgb,var(--element) 22%,#829ca9);opacity:1;text-shadow:none}:root[data-theme=neon] .cosmic-element .element-name{color:color-mix(in srgb,var(--element) 15%,#9bb1bd);text-shadow:none}:root[data-theme=neon] .cosmic-element .study-dot{color:var(--cold-ink);text-shadow:none;opacity:.8}:root[data-theme=neon] .cosmic-element:focus-visible{outline:1px solid var(--cold-ink);outline-offset:3px;border-color:var(--cold-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--element) 15%,transparent)}@media(hover:hover){:root[data-theme=neon] .cosmic-element:hover{border-color:color-mix(in srgb,var(--element) 68%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--element) 12%,#102331),#091b29ed);box-shadow:inset 0 1px color-mix(in srgb,var(--element) 24%,transparent),0 0 22px color-mix(in srgb,var(--element) 14%,transparent)}}:root[data-theme=neon] .cosmic-element:active,:root[data-theme=neon] .cosmic-element.is-pressed,:root[data-theme=neon] .cosmic-element.is-opening{border-color:var(--cold-ink)!important;filter:brightness(1.04);box-shadow:0 0 20px color-mix(in srgb,var(--element) 20%,transparent)!important}:root[data-theme=neon] .detail-symbol{color:color-mix(in srgb,var(--element) 62%,#b2c7ce);font-weight:400;text-shadow:0 0 18px color-mix(in srgb,var(--element) 14%,transparent)}:root[data-theme=neon] .list-symbol{color:color-mix(in srgb,var(--element) 62%,#b2c7ce);text-shadow:none}.theme-preview.neon-preview{background:radial-gradient(ellipse at 85% 0%,#62e2d426,transparent 65%),linear-gradient(145deg,#102733,#081421);border-color:#62e2d45e;border-radius:5px;color:#92b8bc}.theme-preview.neon-preview b{color:color-mix(in srgb,#62e2d4 62%,#b2c7ce);font-weight:500;text-shadow:0 0 14px #62e2d429}.theme-preview.neon-preview i{font-size:20px;opacity:.6}:root[data-theme=neon] .lattice-edge{background:color-mix(in srgb,var(--element) 52%,#6c8b9b);box-shadow:0 0 5px color-mix(in srgb,var(--element) 10%,transparent)}:root[data-theme=neon] .lattice-back{border-color:color-mix(in srgb,var(--element) 24%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--element) 5%,#0b202d),#071421f2);color:color-mix(in srgb,var(--element) 30%,#536f81)}:root[data-theme=neon] .lattice-back span{text-shadow:none;font-weight:500}@keyframes neon-rim-breathe{0%,to{opacity:.3}50%{opacity:.78}}:root[data-theme=neon] .scene[data-layout=table] .cosmic-element{border-radius:3px}:root[data-theme=neon] .scene[data-layout=table]:not(.close-up) .cosmic-element .element-symbol{text-shadow:none}:root[data-theme=neon] body:has(dialog[open]) .cosmic-element:before,:root[data-theme=neon].visual-idle .cosmic-element:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){:root[data-theme=neon] .cosmic-element:before{animation:none;opacity:.5}}.immersive .layout-caption{position:absolute;z-index:5;left:max(28px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 620px);min-height:69px;margin:0;display:grid;align-items:center;color:var(--muted);font-size:14px;line-height:1.8;font-weight:400;letter-spacing:.04em;pointer-events:none;text-wrap:pretty}.layout-caption>span{grid-area:1/1}.immersive .layout-dock{left:auto;right:max(24px,env(safe-area-inset-right));transform:none}:root[data-theme=brutal] .layout-caption{color:var(--text);font-weight:500}@media(max-width:1050px){.immersive .layout-dock{left:50%;right:auto;transform:translate(-50%)}.immersive .layout-caption{left:18px;right:18px;bottom:calc(104px + env(safe-area-inset-bottom));width:auto;min-height:0;text-align:center;font-size:13px}.immersive #scene{bottom:calc(144px + env(safe-area-inset-bottom))}.immersive[data-layout=cards] .layout-caption,.immersive[data-layout=list] .layout-caption{top:max(20px,env(safe-area-inset-top));bottom:auto;left:max(22px,env(safe-area-inset-left));right:132px;text-align:left;min-height:40px}}@media(max-width:760px)and (orientation:portrait){.immersive .layout-caption{bottom:calc(92px + env(safe-area-inset-bottom));font-size:12px;line-height:1.75;letter-spacing:.02em}.immersive #scene{bottom:calc(126px + env(safe-area-inset-bottom))}.immersive[data-layout=cards] .layout-caption,.immersive[data-layout=list] .layout-caption{top:max(16px,env(safe-area-inset-top));left:max(17px,env(safe-area-inset-left));right:120px}.immersive[data-layout=cards] #reading,.immersive[data-layout=list] #reading{top:calc(74px + env(safe-area-inset-top))}}@media(orientation:landscape)and (max-height:580px){.immersive .layout-dock{left:50%;right:auto;transform:translate(-50%)}.immersive .layout-caption{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(66px + env(safe-area-inset-bottom));width:auto;min-height:0;text-align:center;font-size:11px;line-height:1.7}.immersive #scene{bottom:calc(96px + env(safe-area-inset-bottom))}.immersive[data-layout=cards] .layout-caption,.immersive[data-layout=list] .layout-caption{top:max(16px,env(safe-area-inset-top));bottom:auto;right:116px;text-align:left;min-height:24px}.immersive[data-layout=cards] #reading,.immersive[data-layout=list] #reading{top:calc(54px + env(safe-area-inset-top))}}.detail-grid{align-items:start}.detail-overview{min-width:0}.quick-guide{display:grid;gap:16px;margin-top:20px}.quick-guide h3{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--accent)}.quick-guide p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}.quick-remember{padding-left:13px;border-left:2px solid var(--accent)}.detail-more{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.learning-extra{border-top:1px solid var(--line);padding-top:14px;min-width:0}.learning-extra summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:13px;min-height:30px;color:var(--text)}.learning-extra summary svg{width:16px;height:16px;transition:transform .2s}.learning-extra[open] summary svg{transform:rotate(90deg)}.learning-extra p{font-size:13px;line-height:1.9;color:var(--muted)}.shell-strip{justify-content:flex-start;gap:4px;overflow-x:auto;padding:8px 12px;scrollbar-width:thin}.shell-button{flex:1 0 44px;min-height:48px;min-width:44px;text-align:center;padding:6px 4px;border:1px solid transparent;border-radius:7px;background:transparent}.shell-button:hover,.shell-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.shell-strip>.shell-total{flex:1 0 48px;min-height:48px;display:flex;flex-direction:column;justify-content:center;border:0}.shell-lesson{min-height:76px;margin:4px 14px 12px;font-size:12px;line-height:1.85;color:var(--text)}.atom-toolbar .small-button{min-height:36px}.detail-dialog .detail-heading .icon-button{min-width:42px;min-height:42px}.detail-footer .small-button{min-height:42px;font-size:12px}.cosmic-element.is-pressed,.cosmic-element.is-opening{border-color:#eaffff!important;filter:brightness(1.2);box-shadow:0 0 24px var(--element)!important}.reading-element:not(.cosmic-element):active,.reading-element.is-opening{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}:root[data-theme=brutal] .cosmic-element.is-pressed,:root[data-theme=brutal] .cosmic-element.is-opening{border-color:var(--text)!important;box-shadow:2px 2px var(--text)!important;filter:brightness(1.05)}:root[data-theme=brutal] .shell-button{border-radius:0}@media(max-width:760px)and (orientation:portrait){.detail-dialog{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:calc(17px + env(safe-area-inset-top))}.detail-heading{top:calc(-17px - env(safe-area-inset-top));padding-top:calc(7px + env(safe-area-inset-top));margin-top:calc(-7px - env(safe-area-inset-top))}.detail-symbol{font-size:66px;min-width:78px}.detail-name-line{gap:18px}.detail-name-line h2{font-size:28px}.detail-tags{margin:10px 0 14px}.basic-facts{padding:12px 0}.quick-guide{gap:13px;margin-top:16px}.quick-guide h3{font-size:13px;margin-bottom:4px}.quick-guide p{font-size:13px;line-height:1.8}.detail-more{grid-template-columns:1fr;gap:14px}.atom-toolbar{gap:6px;flex-wrap:wrap}.atom-toolbar>div{margin-left:auto}.atom-toolbar .small-button{font-size:11px;padding:8px}.shell-lesson{min-height:88px}}@media(orientation:landscape)and (max-height:580px){.quick-guide{gap:12px}.quick-guide p{font-size:12px}.atom-toolbar{flex-wrap:wrap;gap:6px}.atom-toolbar>div{margin-left:auto}}