:root{color:#1a1620;background:#fafbfd;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#bfb4dc6b,#fafbfdf5 320px),#fafbfd}button,input,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}.app-shell{min-height:100vh;padding:20px clamp(14px,2.5vw,34px) 28px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 16px;max-width:1480px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:#aa0003;color:#fafbfd;box-shadow:0 12px 26px #aa000338}.brand p,.brand h1{margin:0}.brand p{color:#6b6177;font-size:13px;font-weight:700}.brand h1{color:#aa0003;font-size:28px;font-weight:900}.search-box{display:flex;align-items:center;gap:10px;width:min(420px,42vw);min-width:240px;padding:12px 14px;border:1px solid rgba(75,66,96,.18);border-radius:8px;background:#fafbfdeb;color:#6b6177;box-shadow:0 10px 30px #2b243a14}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#1a1620}.legend-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:1480px;margin:0 auto 16px}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;max-width:1480px;margin:0 auto 14px}.view-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid rgba(75,66,96,.16);border-radius:8px;background:#fafbfdeb;color:#2d2638;font-weight:900}.view-tabs button.is-active{border-color:#aa0003;background:#aa0003;color:#fafbfd}.legend-bar button,.ion-buttons button,.substance-filters button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(75,66,96,.16);border-radius:8px;background:#fafbfde6;color:#2d2638;font-size:13px;font-weight:800}.legend-bar button{padding:7px 10px}.legend-bar button span{width:12px;height:12px;border-radius:3px;border:1px solid rgba(30,22,38,.2)}.legend-bar button.is-active,.ion-buttons button.is-active,.substance-filters button.is-active{border-color:#aa0003;background:#aa0003;color:#fafbfd}.workspace{display:grid;grid-template-columns:1fr;gap:18px;max-width:1480px;margin:0 auto;align-items:start}.workspace.has-detail{grid-template-columns:minmax(0,1fr) 420px}.periodic-area,.detail-panel{border:1px solid rgba(75,66,96,.16);border-radius:8px;background:#fafbfde6;box-shadow:0 18px 50px #2b243a1f}.periodic-area{padding:14px;overflow:hidden}.table-scroll{overflow:hidden}.periodic-frame{position:relative;max-width:100%}.periodic-grid{display:grid;grid-template-columns:repeat(18,88px);grid-template-rows:26px repeat(9,92px);gap:6px;transform-origin:top left}.group-label{display:grid;place-items:center;color:#6b6177;font-size:12px;font-weight:900}.series-label{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;color:#5c5268;font-size:12px;font-weight:900;background:#f0edf8;text-align:center}.lanthanoid-label{grid-column:1 / span 2;grid-row:9}.actinoid-label{grid-column:1 / span 2;grid-row:10}.element-tile{position:relative;display:grid;grid-template-rows:14px 28px 22px 14px;gap:1px;min-width:0;padding:5px 6px 4px;border:1px solid rgba(35,25,50,.16);border-radius:8px;background:var(--category-color);color:#1a1620;text-align:left;box-shadow:inset 0 1px #ffffffb3;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease,border-color .14s ease}.element-tile:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2b243a2e}.element-tile.is-selected{border-color:#aa0003;box-shadow:0 0 0 3px #aa00032e,0 12px 24px #2b243a2e}.element-tile.is-muted{opacity:.22}.atomic-number{font-size:11px;font-weight:900}.phase-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;border:1px solid rgba(25,18,30,.35)}.phase-solid{background:#2b2a33}.phase-liquid{background:#1d78b5}.phase-gas{background:#fafbfd}.phase-unknown{background:#8a819a}.symbol{align-self:center;color:#aa0003;font-size:28px;font-weight:950;line-height:1;text-align:center}.element-name,.atomic-weight{overflow:hidden;text-align:center}.element-name{display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;white-space:normal;font-size:10px;font-weight:900;line-height:1.08}.atomic-weight{white-space:nowrap;font-size:10px;font-weight:800;line-height:1.1;color:#1a1620b8}.detail-panel{position:sticky;top:18px;overflow:hidden}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 15px;background:linear-gradient(135deg,#aa0003,#7e0002);color:#fafbfd}.detail-kicker,.detail-header h2,.detail-header p{margin:0}.detail-kicker{font-size:12px;font-weight:900;opacity:.86}.detail-header h2{display:flex;align-items:baseline;gap:10px;margin-top:4px;font-size:26px}.detail-header h2 span{font-size:42px;line-height:1}.detail-header p:last-child{margin-top:4px;opacity:.78}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(250,251,253,.38);border-radius:8px;background:#fafbfd1f;color:#fafbfd}.detail-body{display:grid;gap:16px;padding:16px}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.data-card{min-height:66px;padding:10px;border-radius:8px;background:#f3f1fa;border:1px solid rgba(75,66,96,.11)}.data-card span{display:block;margin-bottom:5px;color:#6b6177;font-size:11px;font-weight:900}.data-card strong{display:block;overflow-wrap:anywhere;color:#1a1620;font-size:14px;line-height:1.35}.ion-section{display:grid;gap:10px}.section-title{display:flex;align-items:center;gap:8px;color:#aa0003}.section-title h3{margin:0;font-size:18px}.ion-buttons{display:flex;flex-wrap:wrap;gap:8px}.ion-buttons button{padding:7px 11px}.ion-model{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto;border-radius:8px;background:radial-gradient(circle at center,rgba(191,180,220,.34),transparent 55%),#fafbfd;border:1px solid rgba(75,66,96,.16);overflow:hidden}.electron-shell{position:absolute;border:1px solid rgba(75,66,96,.24);border-radius:50%}.electron{position:absolute;border-radius:50%;background:#aa0003;box-shadow:0 0 0 2px #aa00031f}.nucleus{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:56px;height:56px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#aa0003;color:#fafbfd;box-shadow:0 10px 24px #aa000338}.nucleus span{font-size:22px;font-weight:950;line-height:1}.nucleus small{margin-top:-9px;font-size:9px;font-weight:900}.model-caption{position:absolute;right:10px;bottom:10px;left:10px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.model-caption span{padding:4px 7px;border-radius:7px;background:#fafbfddb;color:#3b3346;font-size:11px;font-weight:900}.model-note{margin:0;color:#6b6177;font-size:12px;line-height:1.55}.substances-area,.simulator-area,.medicine-area{display:grid;gap:16px;max-width:1480px;margin:0 auto;padding:16px;border:1px solid rgba(75,66,96,.16);border-radius:8px;background:#fafbfde6;box-shadow:0 18px 50px #2b243a1f}.substance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.substance-summary div{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 14px;border-radius:8px;background:#f3f1fa;border:1px solid rgba(75,66,96,.11)}.substance-summary span{color:#6b6177;font-size:12px;font-weight:900}.substance-summary strong{color:#aa0003;font-size:26px;line-height:1}.substance-filters{display:flex;flex-wrap:wrap;gap:8px}.substance-filters button{padding:7px 10px}.substance-section{display:grid;gap:10px}.substance-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid rgba(75,66,96,.12)}.substance-section-title h2{margin:0;color:#aa0003;font-size:20px}.substance-section-title span{color:#6b6177;font-size:12px;font-weight:900}.substance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.substance-card{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-height:142px;padding:13px;border:1px solid rgba(75,66,96,.14);border-radius:8px;background:#fafbfd;box-shadow:0 8px 22px #2b243a14}.substance-kind,.family-chip{display:inline-flex;width:fit-content;border-radius:7px;font-size:11px;font-weight:900}.substance-kind{margin-bottom:6px;color:#6b6177}.substance-card h3{margin:0;color:#1a1620;font-size:16px;line-height:1.3}.substance-card p{display:flex;align-items:center;margin:0;color:#aa0003;font-size:30px;font-weight:950;line-height:1}.formula-text sub{font-size:.56em;line-height:0}.family-chip{padding:5px 8px;background:#f0edf8;color:#4c4358}.simulator-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.simulator-header .section-title h2{font-size:22px}.calculator-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.input-panel,.result-panel{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid rgba(75,66,96,.14);border-radius:8px;background:#fafbfd;box-shadow:0 8px 22px #2b243a12}.field-label{color:#6b6177;font-size:12px;font-weight:900}.input-panel input,.input-panel textarea{width:100%;border:1px solid rgba(75,66,96,.18);border-radius:8px;outline:0;background:#fff;color:#1a1620;font-weight:800}.input-panel input{min-height:48px;padding:11px 12px;font-size:22px}.input-panel textarea{min-height:118px;padding:12px;font-size:19px;line-height:1.45}.input-panel input:focus,.input-panel textarea:focus{border-color:#aa0003;box-shadow:0 0 0 3px #aa00031f}.example-row{display:flex;flex-wrap:wrap;gap:8px}.example-row button{min-height:34px;padding:7px 10px;border:1px solid rgba(75,66,96,.16);border-radius:8px;background:#f3f1fa;color:#2d2638;font-size:12px;font-weight:900}.example-row button:hover{border-color:#aa0003;color:#aa0003}.status-line{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:900}.status-line.is-success{background:#78e0b538;color:#116149}.status-line.is-error{background:#aa00031a;color:#aa0003}.equation-display{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:18px;border-radius:8px;background:#f3f1fa;color:#1a1620;font-size:clamp(24px,3vw,40px);font-weight:950;line-height:1.25}.equation-side{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.equation-piece,.equation-term{display:inline-flex;align-items:baseline;gap:5px}.equation-plus,.equation-arrow,.term-coefficient{color:#aa0003}.equation-arrow{font-size:.95em}.table-wrap{overflow-x:auto}.chem-table{width:100%;min-width:460px;border-collapse:collapse;overflow:hidden;border-radius:8px;font-size:13px}.chem-table th,.chem-table td{padding:10px 11px;border-bottom:1px solid rgba(75,66,96,.12);text-align:right}.chem-table th{background:#aa0003;color:#fafbfd;font-weight:900}.chem-table th:first-child,.chem-table td:first-child{text-align:left}.chem-table td:first-child{display:flex;align-items:baseline;gap:7px}.chem-table td strong{color:#aa0003;font-size:16px}.chem-table td span{color:#6b6177;font-size:12px;font-weight:800}.mass-readout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);gap:10px}.mass-readout div{display:grid;align-content:center;gap:6px;min-height:96px;padding:14px;border-radius:8px;background:#f3f1fa;border:1px solid rgba(75,66,96,.11)}.mass-readout span,.mass-readout small{color:#6b6177;font-size:12px;font-weight:900}.mass-readout strong{color:#aa0003;font-size:clamp(28px,4vw,42px);line-height:1}.empty-result{display:grid;gap:12px}.empty-result p{margin:0;color:#6b6177;font-weight:800;line-height:1.55}.medicine-browser-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.medicine-browser-header h2{margin:0;color:#aa0003;font-size:22px}.medicine-browser-header>span{color:#6b6177;font-size:12px;font-weight:900}.medicine-browser{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start}.medicine-index{position:sticky;top:16px;display:grid;gap:12px;min-width:0}.medicine-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 12px;border:1px solid rgba(75,66,96,.18);border-radius:8px;background:#fff;color:#6b6177}.medicine-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1a1620;font-weight:800}.medicine-index-meta{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 11px;border-radius:8px;background:#f3f1fa;border:1px solid rgba(75,66,96,.11)}.medicine-index-meta span{color:#6b6177;font-size:12px;font-weight:900}.medicine-index-meta strong{color:#aa0003;font-size:22px;line-height:1}.medicine-list{display:grid;gap:9px;max-height:calc(100vh - 220px);overflow:auto;padding-right:2px}.medicine-list-card{display:grid;gap:5px;width:100%;padding:12px;border:1px solid rgba(75,66,96,.14);border-radius:8px;background:#fafbfd;color:#1a1620;text-align:left;box-shadow:0 8px 22px #2b243a12}.medicine-list-card.is-selected{border-color:#aa0003;box-shadow:0 0 0 3px #aa00031f,0 8px 22px #2b243a14}.medicine-list-card span,.medicine-list-card small{color:#6b6177;font-size:11px;font-weight:900}.medicine-list-card strong{color:#1a1620;font-size:15px;line-height:1.35}.medicine-list-card b{color:#aa0003;font-size:20px;line-height:1}.medicine-detail-surface{min-width:0}.medicine-detail-view{display:grid;gap:16px}.medicine-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border-radius:8px;background:linear-gradient(135deg,#aa0003,#7e0002);color:#fafbfd}.medicine-title{display:grid;gap:5px}.medicine-kicker{font-size:12px;font-weight:900;opacity:.86}.medicine-title h2,.medicine-title p{margin:0}.medicine-title h2{font-size:clamp(26px,4vw,42px);line-height:1.15}.medicine-title p{opacity:.82;font-weight:800}.medicine-alert{display:inline-flex;align-items:center;gap:8px;max-width:320px;padding:9px 11px;border:1px solid rgba(250,251,253,.32);border-radius:8px;background:#fafbfd1f;font-size:12px;font-weight:900;line-height:1.45}.medicine-overview,.medicine-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.medicine-profile,.medicine-note-block{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid rgba(75,66,96,.14);border-radius:8px;background:#fafbfd;box-shadow:0 8px 22px #2b243a12}.medicine-profile .section-title h3,.medicine-note-block h3{margin:0;color:#aa0003;font-size:18px}.medicine-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.medicine-fact-card{display:grid;gap:5px;min-height:68px;padding:10px;border-radius:8px;border:1px solid rgba(75,66,96,.11);background:#f3f1fa}.medicine-fact-card span{color:#6b6177;font-size:11px;font-weight:900}.medicine-fact-card strong{color:#1a1620;font-size:14px;line-height:1.35}.medicine-composition{display:grid;gap:10px}.medicine-readout{grid-template-columns:minmax(0,1fr) minmax(160px,.8fr)}.medicine-formula-note{margin:0;color:#6b6177;font-size:12px;font-weight:800;line-height:1.55}.medicine-atom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.atom-count-card{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;padding:9px;border-radius:8px;background:#f3f1fa;border:1px solid rgba(75,66,96,.11)}.atom-count-card strong{color:#aa0003;font-size:20px;line-height:1}.atom-count-card span{color:#6b6177;font-size:11px;font-weight:900}.atom-count-card b{color:#1a1620;font-size:18px}.medicine-calculation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.medicine-calculation div{display:grid;gap:5px;min-height:72px;padding:11px;border-radius:8px;border:1px solid rgba(75,66,96,.11);background:#f3f1fa}.medicine-calculation span{color:#6b6177;font-size:11px;font-weight:900}.medicine-calculation strong{color:#aa0003;font-size:23px;line-height:1}.medicine-calculation strong .pmda-inline-link{font-size:13px;line-height:1.35}.medicine-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.medicine-note-block ul{display:grid;gap:8px;margin:0;padding-left:1.1em;color:#2d2638;line-height:1.65}.medicine-note-block li::marker{color:#aa0003}.medicine-note-block p{margin:0;color:#2d2638;line-height:1.65}.pmda-inline-link{color:#aa0003;font-weight:950;text-decoration:underline;text-underline-offset:3px}.pmda-inline-link:hover{color:#760002}.chemical-name{overflow-wrap:anywhere;font-family:Noto Sans JP,Yu Gothic,system-ui,sans-serif;font-weight:800}.property-list{display:grid;gap:8px;margin:0}.property-list div{display:grid;grid-template-columns:72px 1fr;gap:10px}.property-list dt{color:#6b6177;font-size:12px;font-weight:900}.property-list dd{margin:0;color:#1a1620;font-weight:800;line-height:1.5}.additive-list{display:flex;flex-wrap:wrap;gap:8px}.additive-list span{padding:7px 9px;border-radius:8px;background:#f3f1fa;color:#2d2638;font-size:12px;font-weight:900}.source-footer{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;max-width:1480px;margin:14px auto 0;color:#6b6177;font-size:12px;font-weight:800}.source-footer a{color:#aa0003;text-decoration:none}.source-footer a:hover{text-decoration:underline}.creator-credit{margin-left:auto;color:#2d2638}@media(max-width:1180px){.workspace,.workspace.has-detail,.calculator-layout,.medicine-overview,.medicine-detail-grid,.medicine-note-grid,.medicine-browser{grid-template-columns:1fr}.medicine-index{position:static}.medicine-list{max-height:none}.detail-panel{position:static}}@media(max-width:760px){.app-shell{padding:12px}.app-header{align-items:stretch;flex-direction:column}.brand h1{font-size:24px}.search-box{width:100%}.view-tabs,.legend-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.view-tabs button,.legend-bar button,.substance-filters button{flex:0 0 auto}.substance-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.substance-summary,.mass-readout{grid-template-columns:1fr}.medicine-hero{flex-direction:column}.medicine-browser-header{align-items:flex-start;flex-direction:column}.medicine-alert{max-width:none}.medicine-fact-grid,.medicine-calculation{grid-template-columns:1fr}.equation-display{padding:14px}.periodic-area{padding:10px}.data-grid{grid-template-columns:1fr}}