:root{color:var(--fg);background:var(--bg);font-synthesis:none;--bg:#f7fbfd;--surface:#fff;--fg:#18343c;--muted:#63808a;--border:#d7e6ea;--accent:#20a9b8;--status-orange:#e57651;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body{background:var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;overflow-x:hidden}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);z-index:4;justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:18px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand-block h1{letter-spacing:-.04em;margin:3px 0 0;font-family:Georgia,serif;font-size:clamp(1.35rem,2.3vw,1.9rem)}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;font:700 .64rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.stage-rail{color:color-mix(in srgb, var(--muted) 60%, var(--bg));align-items:center;gap:clamp(8px,2vw,22px);font-size:.75rem;display:flex}.stage{justify-items:center;gap:3px;min-width:36px;transition:color .2s;display:grid}.stage b{font:.65rem ui-monospace,monospace}.stage.active{color:var(--fg)}.stage.active b{color:var(--accent)}.header-actions{align-items:center;gap:12px;display:flex}.model-badge{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));color:color-mix(in srgb, var(--accent) 75%, var(--fg));white-space:nowrap;border-radius:99px;padding:7px 10px;font-size:.72rem}.update-button,.modal-close{color:var(--muted);background:0 0;border:0;padding:8px;font-size:.72rem}.update-button{text-underline-offset:3px;white-space:nowrap;text-decoration:underline}main{width:min(1280px,100% - 36px);margin:0 auto}.intro{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:44px;min-height:470px;padding:56px 0 48px;display:grid}.intro-copy{max-width:640px;animation:.65s both rise}.intro h2{letter-spacing:-.075em;margin:18px 0;font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.8rem);font-weight:500;line-height:.94}.intro h2 em{color:var(--accent);font-style:normal}.intro p{max-width:520px;color:var(--muted);font-size:1rem;line-height:1.75}.intro-meta{color:var(--muted);gap:24px;margin-top:30px;font:.72rem ui-monospace,monospace;display:flex}.intro-art{isolation:isolate;background-image:var(--studio-bg,none);min-height:310px;box-shadow:0 18px 50px color-mix(in srgb, var(--accent) 12%, transparent);background-position:50%;background-size:cover;border-radius:4px;position:relative;overflow:hidden}.intro-art:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(135deg,#f7fbfd38,#ffffff0a);position:absolute;inset:0}.art-glow{z-index:1;filter:blur(2px);background:radial-gradient(circle,#ffffffb8,#20a9b82e 50%,#0000 72%);border-radius:50%;width:190px;height:190px;position:absolute;top:28%;left:31%}.art-caption{z-index:1;color:var(--fg);letter-spacing:.08em;background:#f7fbfdc7;padding:4px 6px;font:.6rem/1.5 ui-monospace,monospace;position:absolute;bottom:18px;left:20px}.prediction-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;padding:25px 0;display:flex}.prediction-strip h2,.section-heading h2,.builder-panel h2,.results-panel h2,.history h2{letter-spacing:-.04em;margin:6px 0;font-family:Georgia,serif;font-weight:500}.prediction-strip p,.muted{color:var(--muted);margin:5px 0;font-size:.84rem;line-height:1.6}.prediction-choice{gap:10px;display:flex}.prediction-choice button{border:1px solid var(--border);background:var(--surface);min-width:150px;color:var(--fg);text-align:left;padding:12px 16px}.prediction-choice button.selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.prediction-choice small{color:var(--muted);margin-top:5px;font-size:.7rem;display:block}.outside-task{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.outside-task h3{margin:5px 0 2px;font-family:Georgia,serif;font-size:1.05rem;font-weight:500}.outside-task p{color:var(--muted);margin:0;font-size:.72rem}.outside-task input{border:1px solid var(--border);background:var(--surface);width:min(240px,100%);color:var(--fg);padding:10px 11px}.outside-input{justify-items:end;gap:5px;display:grid}.outside-status{color:var(--status-orange);font-size:.65rem}.outside-status.known{color:var(--accent)}.catalog{padding:42px 0 30px}.section-heading,.workbench-heading,.result-title{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading>span{color:var(--muted);font:.68rem ui-monospace,monospace}.molecule-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:17px;display:grid}.molecule-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 55%, transparent);text-align:left;min-height:117px;color:var(--fg);flex-direction:column;align-items:flex-start;gap:4px;padding:13px;transition:border-color .2s,transform .2s,background .2s;display:flex}.molecule-card:hover,.molecule-card.selected{border-color:var(--accent);background:var(--surface);transform:translateY(-2px)}.molecule-card strong{letter-spacing:-.04em;margin-top:auto;font-size:1.35rem}.molecule-card span:not(.card-number){font-size:.72rem}.molecule-card small{color:var(--muted);font-size:.65rem}.card-number{color:var(--accent);font:.62rem ui-monospace,monospace}.workbench{border-top:1px solid var(--fg);margin-top:28px;padding:31px 0 45px}.workbench-heading h2{letter-spacing:-.06em;margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:500}.workbench-heading h2 span{color:var(--accent)}.condition-note{color:color-mix(in srgb, var(--accent) 50%, var(--fg));text-align:right;font-size:.76rem;line-height:1.6}.condition-note small{color:var(--muted);font:.62rem ui-monospace,monospace}.workspace-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:20px;margin-top:24px;display:grid}.scene-shell{background:radial-gradient(circle at 48% 46%, var(--surface) 0, color-mix(in srgb, var(--bg) 85%, var(--accent)) 55%, color-mix(in srgb, var(--bg) 75%, var(--accent)) 100%);border:1px solid var(--border);min-height:440px;position:relative;overflow:hidden}.scene-shell canvas{touch-action:none;cursor:grab;width:100%;height:395px;display:block}.scene-shell canvas:active{cursor:grabbing}.scene-loading,.scene-lock{min-height:440px;color:var(--muted);text-align:center;place-content:center;gap:7px;display:grid}.scene-lock{background:color-mix(in srgb, var(--bg) 76%, transparent);z-index:2;min-height:0;position:absolute;inset:0}.scene-lock b{color:var(--fg);font-family:Georgia,serif;font-size:1.1rem}.scene-lock span{font-size:.72rem}.scene-topline{color:var(--muted);z-index:1;justify-content:space-between;font:.62rem ui-monospace,monospace;display:flex;position:absolute;top:17px;left:18px;right:18px}.dipole-legend{color:var(--status-orange);z-index:1;gap:2px;font-size:.7rem;display:grid;position:absolute;top:45px;left:18px}.dipole-legend i{color:var(--muted);font-size:.62rem;font-style:normal}.element-legend{color:var(--fg);z-index:1;gap:10px;font:.63rem ui-monospace,monospace;display:flex;position:absolute;top:91px;left:18px}.scene-caption{max-width:370px;color:var(--muted);font-size:.66rem;position:absolute;bottom:49px;left:18px}.preset-bar{gap:4px;display:flex;position:absolute;bottom:14px;right:18px}.preset-bar button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--muted);padding:6px 10px;font-size:.7rem}.preset-bar button.active{background:var(--fg);border-color:var(--fg);color:var(--surface)}.fallback-2d{height:395px;color:var(--muted);text-align:center;place-content:center;gap:12px;font-size:.75rem;display:grid}.fallback-2d svg{width:min(90vw,400px);height:250px}.fallback-bond{stroke:color-mix(in srgb, var(--muted) 70%, var(--surface));stroke-width:4px}.fallback-vector,.fallback-cross{stroke:var(--status-orange);stroke-width:2px}.fallback-charge{fill:var(--status-orange);font-size:12px;font-weight:700}.fallback-2d circle{fill:var(--surface);stroke:var(--accent);stroke-width:3px}.fallback-2d .center-node{fill:var(--fg);stroke:var(--fg)}.atom-label{fill:var(--fg);font-weight:700}.center-label{fill:var(--surface);font-weight:700}.builder-panel{padding:30px 0 0 18px}.builder-panel h2{font-size:1.55rem}.steppers{border-top:1px solid var(--border);margin-top:24px}.stepper{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.stepper b{font-size:.82rem;display:block}.stepper small{color:var(--muted);font:.62rem ui-monospace,monospace}.stepper-actions{align-items:center;gap:8px;display:flex}.stepper-actions button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--fg)}.stepper-actions output{text-align:center;min-width:22px;font:1.1rem ui-monospace,monospace}.toggle-list{color:color-mix(in srgb, var(--accent) 45%, var(--fg));gap:11px;margin:20px 0;font-size:.77rem;display:grid}.toggle-list input,.evidence-picker input{accent-color:var(--accent)}.primary-action{background:var(--fg);width:100%;color:var(--surface);border:0;justify-content:space-between;align-items:center;padding:14px 17px;font-weight:700;display:flex}.primary-action:disabled{cursor:not-allowed;opacity:.46}.gi-pulse{animation:1.8s ease-in-out infinite giPulse}.primary-action span{color:color-mix(in srgb, var(--accent) 70%, var(--surface));font-size:1.2rem}.lower-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:20px;padding-bottom:70px;display:grid}.results-panel,.history{border-top:1px solid var(--fg);padding:28px 0}.status-dot{border:1px solid var(--border);color:var(--muted);padding:6px 9px;font:.62rem ui-monospace,monospace}.status-dot.ready{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:color-mix(in srgb, var(--accent) 75%, var(--fg))}.result-table{border-top:1px solid var(--border);margin-top:20px}.result-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;padding:12px 8px;font-size:.78rem;display:grid}.result-row span{color:var(--muted)}.result-row.highlight strong{color:var(--status-orange)}.feedback{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface));gap:4px;margin:17px 0;padding:12px 14px;font-size:.76rem;line-height:1.55;display:grid}.feedback.try-again{border-color:var(--status-orange);background:color-mix(in srgb, var(--status-orange) 9%, var(--surface))}.feedback span{color:var(--muted)}.evidence-picker{gap:9px;margin-top:22px;display:grid}.evidence-picker h3{margin:0 0 2px;font-size:.82rem}.evidence-picker h3 span{color:var(--muted);margin-left:5px;font:.62rem ui-monospace,monospace}.evidence-picker label{color:var(--muted);font-size:.75rem}.record-button{border:1px solid var(--fg);background:var(--surface);color:var(--fg);margin-top:22px;padding:11px 13px;font-size:.75rem}.record-button:disabled{cursor:not-allowed;opacity:.4}.model-note{color:var(--muted);font:.62rem/1.5 ui-monospace,monospace}.history h2{font-size:1.55rem}.history-list{gap:8px;margin-top:20px;display:grid}.history-item{border-bottom:1px solid var(--border);grid-template-columns:48px 1fr;gap:2px 8px;padding:10px 0;font-size:.75rem;display:grid}.history-item b{color:var(--accent);grid-row:span 2;font:1rem ui-monospace,monospace}.history-item small{color:var(--muted)}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:20px;padding:18px max(18px,50% - 640px);font:.62rem ui-monospace,monospace;display:flex}.modal-backdrop{background:color-mix(in srgb, var(--fg) 32%, transparent);z-index:10;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.update-modal{background:var(--surface);width:min(440px,100%);box-shadow:0 25px 80px color-mix(in srgb, var(--fg) 22%, transparent);padding:30px;position:relative}.modal-close{font-size:1.4rem;position:absolute;top:8px;right:8px}.update-modal h2{margin:12px 0 25px;font-family:Georgia,serif;font-weight:500}.changelog-entry{border-top:1px solid var(--border);padding:14px 0;font-size:.78rem;line-height:1.6}.changelog-entry p{color:var(--muted)}@keyframes giPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 36%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=900px){.app-header{flex-wrap:wrap}.stage-rail{order:3;justify-content:space-between;width:100%}.header-actions{margin-left:auto}.intro{grid-template-columns:1fr .72fr;gap:22px}.intro-art{min-height:250px}.molecule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid,.lower-grid{grid-template-columns:1fr}.builder-panel{padding:0}.scene-shell{min-height:390px}}@media (width<=560px){main{width:min(100% - 28px,1280px)}.app-header{padding:14px}.model-badge{display:none}.intro{min-height:unset;padding:44px 0 32px;display:block}.intro h2{font-size:clamp(2.8rem,15vw,4.6rem)}.intro-art{min-height:150px;margin-top:27px}.prediction-strip,.section-heading,.workbench-heading,.result-title{display:block}.prediction-choice{margin-top:15px}.prediction-choice button{flex:1;min-width:0}.molecule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.molecule-card{min-height:105px;padding:10px}.molecule-card strong{font-size:1.15rem}.condition-note{text-align:left;margin-top:14px}.scene-shell{min-height:350px}.scene-shell canvas,.fallback-2d{height:315px}.scene-caption{font-size:.59rem;left:10px;right:10px}footer{gap:5px;display:grid}.stage{min-width:30px;font-size:.68rem}.stage-rail{gap:2px}.update-button{font-size:.64rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gi-pulse{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}}