/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink:#13211b;--paper:#f4f0e7;--cream:#fffdf7;--line:#c9c3b6;--acid:#d9ff43;--green:#1f5b3d;--muted:#666a62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:0 4vw;display:flex}.brand{letter-spacing:.16em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.brand-mark{background:var(--ink);color:var(--acid);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}nav{gap:28px;font-size:13px;font-weight:650;display:flex}nav a:hover{text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(44px,8vw,120px);min-height:660px;padding:clamp(70px,10vw,140px) 7vw 90px;display:grid}.hero-copy{max-width:900px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,7vw,98px);font-weight:780;line-height:.98}h1 span{color:var(--green);display:block}.hero-intro{color:#434840;max-width:720px;margin:40px 0 0;font-size:clamp(16px,1.6vw,21px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:42px;display:flex}.button{border:1px solid var(--ink);padding:14px 20px;font-size:13px;font-weight:750;display:inline-flex}.button-primary{background:var(--ink);color:var(--cream)}.button-primary:hover{background:var(--green)}.button-secondary:hover{background:var(--acid)}.hero-note{background:var(--acid);border:1px solid var(--ink);align-self:end;padding:24px}.note-label{letter-spacing:.12em;border-bottom:1px solid #13211b66;margin:0 0 8px;padding-bottom:16px;font-size:10px;font-weight:800}.stat{border-bottom:1px solid #13211b3d;justify-content:space-between;align-items:baseline;padding:15px 0;display:flex}.stat strong{letter-spacing:-.05em;font-size:42px}.stat span{font-size:13px;font-weight:700}.note-footer{margin:18px 0 0;font-size:12px;line-height:1.6}.tools-section{background:var(--ink);color:var(--cream);padding:90px 5vw 110px}.section-heading{justify-content:space-between;align-items:end;gap:40px;max-width:1400px;margin:0 auto 46px;display:flex}.section-heading h2,.principles h2,.archive-strip h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.5vw,64px);line-height:1.05}.section-heading>p{color:#b8bdb6;max-width:430px;font-size:14px;line-height:1.65}.tool-grid{border-top:1px solid #4b554f;border-left:1px solid #4b554f;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:auto;display:grid}.tool-card{border-bottom:1px solid #4b554f;border-right:1px solid #4b554f;flex-direction:column;min-height:350px;padding:24px;transition:background .2s,color .2s;display:flex}.tool-card:hover{background:var(--acid);color:var(--ink)}.tool-meta,.tool-card footer{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:750;display:flex}.status{border:1px solid;border-radius:99px;padding:4px 8px}.tool-label{color:#9fa8a2;margin:54px 0 10px;font-size:12px}.tool-card:hover .tool-label{color:var(--green)}.tool-card h3{letter-spacing:-.035em;margin:0;font-size:28px;line-height:1.08}.tool-description{color:#bdc4bf;margin:18px 0 32px;font-size:14px;line-height:1.7}.tool-card:hover .tool-description{color:#34443a}.tool-card footer{border-top:1px solid;margin-top:auto;padding-top:15px}.principles{grid-template-columns:1fr 1fr;gap:80px;padding:110px 7vw;display:grid}.principles ol{margin:0;padding:0;list-style:none}.principles li{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:24px;padding:22px 0 30px;display:grid}.principles li>span{font-size:12px;font-weight:800}.principles li p{color:var(--muted);margin:0;line-height:1.7}.principles li strong{color:var(--ink);margin-bottom:4px;font-size:18px;display:block}.archive-strip{background:var(--acid);border-bottom:1px solid var(--ink);border-top:1px solid var(--ink);padding:90px 7vw}.archive-strip h2{max-width:900px}.archive-strip>p:last-child{margin:28px 0 0;font-size:16px}.archive-groups{border-top:1px solid var(--ink);grid-template-columns:repeat(2,1fr);margin-top:60px;display:grid}.archive-group{border-bottom:1px solid var(--ink);padding:28px 28px 28px 0}.archive-group:nth-child(odd){border-right:1px solid var(--ink)}.archive-group:nth-child(2n){padding-left:28px}.archive-group h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:13px}.archive-group a{border-top:1px solid #13211b47;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;font-size:12px;display:grid}.archive-group a:hover strong{text-underline-offset:4px;text-decoration:underline}.archive-group a span:last-child{text-transform:uppercase;font-size:10px;font-weight:800}.project-page{min-height:100vh}.back-link{font-size:12px;font-weight:750}.project-hero{padding:100px 7vw 90px}.project-kicker{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:12px;margin-bottom:50px;font-size:11px;font-weight:800;display:flex}.project-kicker>span:not(.status){border-right:1px solid var(--line);padding-right:12px}.project-hero h1{max-width:1200px;font-size:clamp(54px,9vw,126px)}.project-author{letter-spacing:.1em;text-transform:uppercase;margin:30px 0 0;font-size:12px;font-weight:800}.project-summary{color:var(--green);letter-spacing:-.03em;max-width:1050px;margin:60px 0 0;font-size:clamp(22px,3vw,42px);font-weight:650;line-height:1.3}.project-details{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:0 7vw;display:grid}.project-details>div{min-height:230px;padding:32px}.project-details>div:nth-child(odd){border-right:1px solid var(--line)}.project-details>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-label{letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin:0 0 30px!important;font-size:10px!important}.project-details h2{letter-spacing:-.035em;margin:0;font-size:34px}.project-details p:not(.detail-label),.merge-note p:not(.detail-label){color:var(--muted);max-width:620px;margin:0;font-size:17px;line-height:1.8}.merge-note{background:var(--acid);border:1px solid var(--ink);max-width:900px;margin:80px 7vw;padding:32px}.merge-note a{text-underline-offset:4px;font-weight:800;text-decoration:underline}.site-footer{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:34px 4vw;font-size:11px;font-weight:800;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-note{max-width:420px}.tool-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}}@media (max-width:620px){.site-header{padding:0 20px}nav{gap:14px}nav a:nth-child(2){display:none}.hero{min-height:auto;padding:70px 22px}h1{font-size:48px}.tools-section{padding:72px 20px}.section-heading{flex-direction:column;align-items:start}.tool-grid{grid-template-columns:1fr}.principles,.archive-strip{padding:72px 22px}.archive-groups{grid-template-columns:1fr}.archive-group,.archive-group:nth-child(2n){border-right:0;padding:24px 0}.archive-group a{grid-template-columns:84px minmax(0,1fr)}.archive-group a span:last-child{display:none}.project-hero{padding:70px 22px}.project-details{grid-template-columns:1fr;margin:0 22px}.project-details>div{padding:26px 0;border-bottom:1px solid var(--line)!important;border-right:0!important}.merge-note{margin:50px 22px}.site-footer{gap:18px;padding:28px 20px}}.visual-sample{--sample-canvas:#f5f0e6;--sample-paper:#fffdf8;--sample-ink:#343532;--sample-muted:#686862;--sample-line:#aaa99f;--sample-turquoise:#7ecdc0;--sample-pink:#f7c8d4;--sample-butter:#fde68a;--sample-mint:#a8e6cf;--sample-lavender:#d4a5e8;--sample-peach:#ffcba4;--sample-sky:#a8d8f0;--sample-coral:#f8635f;background-color:var(--sample-canvas);color:var(--sample-ink);background-image:linear-gradient(#34353209 1px,#0000 1px),linear-gradient(90deg,#34353209 1px,#0000 1px);background-size:32px 32px;min-height:100vh;font-family:Avenir Next,Hiragino Sans GB,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-weight:500;overflow:hidden}.sample-header{border-bottom:1.5px solid var(--sample-ink);z-index:10;background:#f5f0e6eb;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 clamp(22px,4vw,64px);display:grid;position:relative}.sample-brand{justify-self:start;align-items:center;gap:12px;display:flex}.sample-brand-mark{background:var(--sample-coral);border:1.5px solid var(--sample-ink);box-shadow:3px 3px 0 var(--sample-ink);color:var(--sample-paper);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:850;display:flex;transform:rotate(-5deg)}.sample-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.sample-brand strong{letter-spacing:.16em;font-size:12px}.sample-brand small{color:var(--sample-muted);font-size:10px}.sample-nav{gap:30px;font-size:13px;font-weight:700;display:flex}.sample-nav a{position:relative}.sample-nav a:after{background:var(--sample-coral);content:"";transform-origin:0;width:100%;height:3px;transition:transform .2s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.sample-nav a:hover:after{transform:scaleX(1)}.sample-edition{border:1.5px solid var(--sample-ink);letter-spacing:.08em;border-radius:99px;justify-self:end;padding:7px 11px;font-size:10px;font-weight:800}.sample-hero{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:clamp(56px,8vw,130px);min-height:690px;padding:clamp(72px,9vw,128px) clamp(24px,7vw,112px);display:grid;position:relative}.sample-hero:before{background:var(--sample-butter);border:1.5px solid var(--sample-ink);content:"";border-radius:50%;width:22px;height:22px;position:absolute;top:66px;left:4.5vw}.sample-kicker{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.sample-kicker span{border:1.5px solid var(--sample-ink);letter-spacing:.12em;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:850}.sample-kicker span:first-child{background:var(--sample-turquoise)}.sample-kicker span:nth-child(2){background:var(--sample-butter)}.sample-kicker span:nth-child(3){background:var(--sample-pink)}.sample-hero h1{letter-spacing:-.055em;max-width:940px;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(50px,6.8vw,98px);font-weight:800;line-height:1.03}.sample-hero h1 em{color:#39786e;font-style:normal;display:block}.sample-lead{color:#4f514c;max-width:730px;margin:34px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.85}.sample-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.sample-button{border:1.5px solid var(--sample-ink);border-radius:99px;align-items:center;gap:24px;padding:13px 19px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.sample-button:hover{box-shadow:4px 5px 0 var(--sample-ink);transform:translate(-2px,-2px)}.sample-button-primary{background:var(--sample-ink);color:var(--sample-paper)}.sample-button-secondary{background:var(--sample-paper)}.sample-hero-board{border:1.5px solid var(--sample-ink);background:#c89c69 radial-gradient(#3435322e 1px,#0000 1px) 0 0/8px 8px;border-radius:28px;min-height:430px;padding:34px;position:relative;transform:rotate(1.2deg);box-shadow:0 20px 45px #34353226}.sample-board-label{background:var(--sample-paper);border:1.5px solid var(--sample-ink);letter-spacing:.12em;padding:8px 12px;font-size:10px;font-weight:850;position:absolute;top:25px;left:26px;transform:rotate(-3deg)}.sample-board-card{background:linear-gradient(135deg,#fde68a,#f7d55b);width:64%;padding:40px 26px 26px;position:absolute;top:28%;left:13%;transform:rotate(-4deg);box-shadow:2px 4px 16px #34353238}.sample-board-card small{letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px;font-size:10px;font-weight:850;display:block}.sample-board-card strong{font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:26px;line-height:1.05}.sample-board-card p{margin:14px 0 0;font-size:12px}.sample-pin{background:var(--sample-coral);border:1px solid var(--sample-ink);border-radius:50%;width:15px;height:15px;position:absolute;top:-8px;left:50%;box-shadow:1px 2px 3px #3435324d}.sample-board-note{background:var(--sample-sky);width:55%;padding:17px 18px;font-size:12px;font-style:italic;position:absolute;bottom:35px;right:22px;transform:rotate(5deg);box-shadow:2px 3px 12px #34353233}.sample-formula{color:#343532b8;font-family:Georgia,serif;position:absolute}.sample-formula-one{top:88px;right:28px;transform:rotate(7deg)}.sample-formula-two{bottom:90px;left:24px;transform:rotate(-8deg)}.sample-measure{justify-content:space-between;width:42%;font-size:8px;display:flex;position:absolute;bottom:18px;left:24px}.sample-measure:before{border-top:1px solid var(--sample-ink);content:"";width:100%;position:absolute;top:-4px;left:0}.sample-paths{background:var(--sample-paper);border-bottom:1.5px solid var(--sample-ink);border-top:1.5px solid var(--sample-ink);padding:100px clamp(24px,6vw,96px) 110px}.sample-section-title{justify-content:space-between;align-items:end;gap:40px;max-width:1420px;margin:0 auto 46px;display:flex}.sample-section-title>div>p,.sample-featured-intro>p,.sample-system-label{letter-spacing:.15em;margin:0 0 15px;font-size:10px;font-weight:850}.sample-section-title h2,.sample-featured h2,.sample-system h2{letter-spacing:-.045em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(36px,5vw,68px);font-weight:750;line-height:1.08}.sample-section-title>p{color:var(--sample-muted);max-width:430px;line-height:1.7}.sample-path-grid{grid-template-columns:repeat(12,1fr);gap:18px;max-width:1420px;margin:auto;display:grid}.sample-path{border:1.5px solid var(--sample-ink);border-radius:24px;flex-direction:column;grid-column:span 3;min-height:350px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 12px 26px #34353214}.sample-path:hover{box-shadow:6px 7px 0 var(--sample-ink);transform:translate(-3px,-3px)rotate(-.4deg)}.sample-path-turquoise{background:var(--sample-turquoise)}.sample-path-sky{background:var(--sample-sky)}.sample-path-butter{background:var(--sample-butter)}.sample-path-pink{background:var(--sample-pink)}.sample-path-lavender{background:var(--sample-lavender)}.sample-path-top{letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.sample-path>div:nth-child(2){margin-top:auto}.sample-path>div:nth-child(2)>p:first-child{margin:0 0 8px;font-size:11px;font-weight:750}.sample-path h3{letter-spacing:-.035em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:31px;font-weight:750}.sample-path>div:nth-child(2)>p:last-child{margin:15px 42px 0 0;font-size:14px;line-height:1.65}.sample-card-arrow{background:var(--sample-paper);border:1.5px solid var(--sample-ink);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;position:absolute;bottom:20px;right:20px}.sample-featured{grid-template-columns:1.1fr .9fr;gap:20px;padding:115px clamp(24px,7vw,112px);display:grid;position:relative}.sample-featured-intro{grid-column:1/-1;max-width:1000px;margin-bottom:28px}.sample-feature{border:1.5px solid var(--sample-ink);border-radius:28px;min-height:410px;padding:30px;position:relative}.sample-feature-main{background:var(--sample-butter)}.sample-feature-secondary{background:var(--sample-mint)}.sample-feature-meta{letter-spacing:.1em;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.sample-feature-index{color:#3435322b;font-family:Georgia,serif;font-size:150px;line-height:1;position:absolute;top:64px;right:28px}.sample-feature h3{letter-spacing:-.045em;max-width:650px;margin:120px 0 0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(34px,4.5vw,64px);font-weight:750;line-height:1;position:relative}.sample-feature p{max-width:580px;font-size:16px;line-height:1.7;position:relative}.sample-feature a{border-bottom:2px solid var(--sample-ink);gap:35px;margin-top:20px;padding-bottom:6px;font-size:12px;font-weight:850;display:inline-flex}.sample-feature-secondary h3{margin-top:145px;font-size:clamp(32px,4vw,52px)}.sample-variable-row{border-top:1.5px solid var(--sample-ink);justify-content:space-between;margin-top:30px;padding-top:16px;font-family:Georgia,serif;font-size:13px;display:flex}.sample-margin-note{background:var(--sample-lavender);border:1.5px solid var(--sample-ink);box-shadow:4px 5px 0 var(--sample-ink);max-width:270px;padding:20px;position:absolute;bottom:70px;right:4vw;transform:rotate(3deg)}.sample-margin-note span{letter-spacing:.12em;font-size:10px;font-weight:850}.sample-margin-note p{margin:12px 0 0;font-size:13px;line-height:1.65}.sample-system{background:var(--sample-turquoise);border-bottom:1.5px solid var(--sample-ink);border-top:1.5px solid var(--sample-ink);grid-template-columns:1fr 1fr;gap:50px;padding:100px clamp(24px,7vw,112px);display:grid}.sample-system>div:first-child>p:last-child{max-width:650px;font-size:17px;line-height:1.75}.sample-swatches{grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid}.sample-swatches span{border:1.5px solid var(--sample-ink);border-radius:18px;align-items:end;min-height:112px;padding:14px;font-size:11px;font-weight:850;display:flex}.sample-system-rules{border-top:1.5px solid var(--sample-ink);grid-column:1/-1}.sample-system-rules p{border-bottom:1px solid #34353273;grid-template-columns:42px 1fr;gap:25px;margin:0;padding:18px 0;font-size:16px;display:grid}.sample-system-rules span{font-size:11px;font-weight:850}.sample-footer{background:var(--sample-paper);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:34px clamp(24px,4vw,64px);font-size:10px;font-weight:850;display:flex}@media (max-width:1050px){.sample-header{grid-template-columns:1fr auto}.sample-nav{display:none}.sample-hero{grid-template-columns:1fr}.sample-hero-board{width:100%;max-width:600px}.sample-path{grid-column:span 6}.sample-margin-note{display:none}}@media (max-width:700px){.sample-header{padding:0 20px}.sample-edition{display:none}.sample-hero{padding:70px 22px}.sample-hero h1{font-size:49px}.sample-hero-board{min-height:380px}.sample-section-title{flex-direction:column;align-items:start}.sample-path-grid{display:block}.sample-path{min-height:290px;margin-bottom:14px}.sample-featured{padding:80px 22px;display:block}.sample-feature{min-height:380px;margin-top:16px}.sample-feature-index{font-size:110px}.sample-system{grid-template-columns:1fr;padding:80px 22px}.sample-system-rules{grid-column:auto}.sample-swatches span{min-height:92px}.sample-footer{flex-direction:column;align-items:flex-start;gap:10px}.sample-kicker span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.visual-sample *{scroll-behavior:auto!important;transition:none!important}}.portal-site{overflow:visible}.portal-header{position:sticky;top:0}.portal-nav{gap:22px}.portal-hero{min-height:650px}.portal-paths{padding-bottom:100px}.portal-path-grid .sample-path{grid-column:span 4}.portal-path-grid .sample-path:nth-child(4),.portal-path-grid .sample-path:nth-child(5){grid-column:span 6}.portal-year-feature{grid-template-columns:1fr minmax(320px,.72fr);align-items:center;gap:clamp(48px,8vw,130px);padding:110px clamp(24px,7vw,112px);display:grid}.portal-year-feature h2{letter-spacing:-.045em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(40px,5vw,70px);font-weight:750;line-height:1.08}.portal-year-feature>div>p:last-child{color:var(--sample-muted);max-width:640px;font-size:17px;line-height:1.8}.portal-year-card{background:var(--sample-turquoise);border:1.5px solid var(--sample-ink);box-shadow:7px 8px 0 var(--sample-ink);border-radius:28px;min-height:330px;padding:28px;transition:transform .2s,box-shadow .2s;display:grid}.portal-year-card:hover{box-shadow:3px 4px 0 var(--sample-ink);transform:translate(3px,4px)}.portal-year-card>span,.portal-year-card>small{letter-spacing:.12em;font-size:10px;font-style:normal;font-weight:850}.portal-year-card>small{justify-self:end;margin-top:-13px}.portal-year-card>strong{letter-spacing:-.06em;align-self:end;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(44px,6vw,78px);line-height:1}.portal-year-card>em{border-top:1.5px solid var(--sample-ink);margin-top:24px;padding-top:14px;font-size:13px;font-style:normal;font-weight:800}.portal-featured{background:var(--sample-paper);border-bottom:1.5px solid var(--sample-ink);border-top:1.5px solid var(--sample-ink);padding:100px clamp(24px,6vw,96px) 110px}.portal-project-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1420px;margin:auto;display:grid}.portal-project-card{border:1.5px solid var(--sample-ink);border-radius:22px;flex-direction:column;min-height:350px;padding:22px;display:flex}.portal-project-card:first-child{background:var(--sample-butter)}.portal-project-card:nth-child(2){background:var(--sample-sky)}.portal-project-card:nth-child(3){background:var(--sample-pink)}.portal-project-card:nth-child(4){background:var(--sample-lavender)}.portal-project-card>div{letter-spacing:.1em;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.portal-project-card>small{margin-top:58px;font-size:11px;font-weight:750}.portal-project-card h3{letter-spacing:-.035em;margin:9px 0 0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:29px;font-weight:750;line-height:1.08}.portal-project-card p{margin:18px 0 28px;font-size:13px;line-height:1.7}.portal-project-card>strong{border-top:1px solid var(--sample-ink);margin-top:auto;padding-top:13px;font-size:11px}@media (max-width:1100px){.portal-nav{display:none}.portal-project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.portal-path-grid{display:block}.portal-path-grid .sample-path{margin-bottom:14px}.portal-year-feature,.portal-project-grid{grid-template-columns:1fr}.portal-project-card{min-height:300px}}.portal-section-hero{border-bottom:1.5px solid var(--sample-ink);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;padding:100px clamp(24px,7vw,112px);display:grid}.portal-section-hero>p{letter-spacing:.15em;grid-column:1/-1;margin:0;font-size:10px;font-weight:850}.portal-section-hero h1{letter-spacing:-.06em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(58px,9vw,128px);font-weight:800;line-height:.92}.portal-section-hero>div{align-self:end;max-width:760px;font-size:clamp(17px,1.8vw,24px);line-height:1.75}.portal-accent-turquoise{background:var(--sample-turquoise)}.portal-accent-sky{background:var(--sample-sky)}.portal-accent-butter{background:var(--sample-butter)}.portal-accent-pink{background:var(--sample-pink)}.portal-accent-lavender{background:var(--sample-lavender)}.portal-accent-coral{background:var(--sample-peach)}.portal-content-section{background:var(--sample-paper);border-bottom:1.5px solid var(--sample-ink);padding:90px clamp(24px,7vw,112px) 105px}.portal-muted-section{background:#f5f0e6c7}.portal-content-heading{justify-content:space-between;align-items:end;margin:0 0 42px;display:flex}.portal-content-heading>p{letter-spacing:.15em;font-size:10px;font-weight:850}.portal-content-heading h2{letter-spacing:-.045em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(38px,5vw,66px);font-weight:750}.portal-large-link{border:1.5px solid var(--sample-ink);border-radius:24px;grid-template-columns:1fr 2fr auto;align-items:center;gap:24px;min-height:190px;padding:30px;display:grid}.portal-large-link>span{letter-spacing:-.06em;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(42px,7vw,86px);font-weight:800}.portal-large-link>strong{font-size:clamp(24px,3vw,38px)}.portal-large-link>em{font-size:13px;font-style:normal;font-weight:850}.portal-empty-note{color:var(--sample-muted);max-width:760px;font-size:17px;line-height:1.8}.portal-bg-turquoise{background:var(--sample-turquoise)}.portal-bg-sky{background:var(--sample-sky)}.portal-bg-butter{background:var(--sample-butter)}.portal-bg-pink{background:var(--sample-pink)}.portal-bg-lavender{background:var(--sample-lavender)}.portal-course-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.portal-course-card{border:1.5px solid var(--sample-ink);border-radius:24px;flex-direction:column;grid-column:span 2;min-height:350px;padding:24px;display:flex}.portal-course-card:nth-child(4),.portal-course-card:nth-child(5){grid-column:span 3}.portal-course-card>div{letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.portal-course-card h3{margin:auto 0 14px;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:31px;line-height:1.08}.portal-course-card>p{font-size:14px;line-height:1.65}.portal-course-card footer{border-top:1px solid var(--sample-ink);text-transform:uppercase;flex-wrap:wrap;gap:8px 14px;margin-top:22px;padding-top:14px;font-size:9px;font-weight:800;display:flex}.portal-library-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.portal-library-card{border:1.5px solid var(--sample-ink);border-radius:22px;flex-direction:column;grid-column:span 2;min-height:280px;padding:22px;display:flex}.portal-library-card:nth-child(4),.portal-library-card:nth-child(5){grid-column:span 3}.portal-library-card>span{font-size:10px;font-weight:850}.portal-library-card h3{margin:auto 0 12px;font-size:27px;line-height:1.1}.portal-library-card p{font-size:13px;line-height:1.65}.portal-library-card small{border-top:1px solid var(--sample-ink);margin-top:18px;padding-top:12px;font-size:10px;font-weight:800}.portal-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:80px;display:flex}.portal-tag-row span{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);border-radius:99px;padding:8px 12px;font-size:10px;font-weight:850}.portal-tool-list{border-top:1.5px solid var(--sample-ink)}.portal-tool-list>a{border-bottom:1.5px solid var(--sample-ink);grid-template-columns:50px 1fr auto;align-items:start;gap:24px;padding:28px 0;display:grid}.portal-tool-list>a>span{font-size:11px;font-weight:850}.portal-tool-list small{letter-spacing:.1em;font-size:10px;font-weight:850}.portal-tool-list h3{margin:8px 0;font-size:clamp(25px,3vw,40px)}.portal-tool-list p{color:var(--sample-muted);max-width:760px;margin:0;font-size:14px;line-height:1.65}.portal-tool-list>a>strong{font-size:10px}.portal-archive-grid{grid-template-columns:repeat(2,1fr);gap:42px;display:grid}.portal-archive-grid>section{border-top:1.5px solid var(--sample-ink);padding-top:18px}.portal-archive-grid h3{letter-spacing:.08em;margin:0 0 18px;font-size:14px}.portal-archive-grid a{border-top:1px solid #3435324d;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;padding:14px 0;font-size:12px;display:grid}.portal-archive-grid small{font-size:9px;font-weight:850}.portal-principle-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.portal-principle-grid article{border:1.5px solid var(--sample-ink);border-radius:22px;min-height:270px;padding:22px}.portal-principle-grid article:first-child{background:var(--sample-turquoise)}.portal-principle-grid article:nth-child(2){background:var(--sample-butter)}.portal-principle-grid article:nth-child(3){background:var(--sample-pink)}.portal-principle-grid span{font-size:10px;font-weight:850}.portal-principle-grid h3{margin:74px 0 12px;font-size:28px}.portal-principle-grid p{font-size:14px;line-height:1.7}.portal-status-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.portal-status-grid article{background:var(--sample-paper);border:1.5px solid var(--sample-ink);border-radius:18px;padding:22px}.portal-status-grid p{margin:24px 0 0;font-size:13px;line-height:1.7}@media (max-width:950px){.portal-section-hero{grid-template-columns:1fr}.portal-course-card{grid-column:span 3}.portal-course-card:nth-child(5){grid-column:span 6}.portal-library-card,.portal-library-card:nth-child(4),.portal-library-card:nth-child(5){grid-column:span 3}.portal-status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.portal-section-hero{padding:70px 22px}.portal-section-hero h1{font-size:58px}.portal-content-heading{flex-direction:column;align-items:start}.portal-large-link{grid-template-columns:1fr}.portal-course-grid,.portal-library-grid{display:block}.portal-course-card,.portal-library-card{min-height:280px;margin-bottom:12px}.portal-tool-list>a{grid-template-columns:34px 1fr}.portal-tool-list>a>strong{grid-column:2}.portal-archive-grid,.portal-principle-grid,.portal-status-grid{grid-template-columns:1fr}.portal-archive-grid a{grid-template-columns:88px 1fr}.portal-archive-grid small{display:none}}.portal-project-page .project-hero{background:var(--sample-butter);border-bottom:1.5px solid var(--sample-ink)}.portal-project-page .project-summary{color:#39786e}.portal-project-page .project-details{background:var(--sample-paper);border-color:var(--sample-ink)}.portal-project-page .project-details>div{border-color:var(--sample-ink)}.portal-project-page .merge-note{background:var(--sample-lavender);border:1.5px solid var(--sample-ink);border-radius:20px}.portal-project-back{margin-bottom:30px;font-size:11px;font-weight:850;display:inline-flex}.portal-course-link{box-shadow:5px 6px 0 var(--sample-ink);transition:box-shadow .2s,transform .2s}.portal-course-link:hover{box-shadow:2px 3px 0 var(--sample-ink);transform:translate(3px,3px)}.course-jump-nav{background:var(--sample-paper);border-bottom:1.5px solid var(--sample-ink);z-index:8;flex-wrap:wrap;gap:10px;padding:20px clamp(24px,7vw,112px);display:flex;position:sticky;top:78px}.course-jump-nav a{border:1px solid var(--sample-ink);border-radius:99px;padding:8px 12px;font-size:10px;font-weight:800}.course-jump-nav a:hover{background:var(--sample-butter);text-decoration:none}.course-overview-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.course-overview-grid article{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);border-radius:18px;flex-direction:column;min-height:140px;padding:20px;display:flex}.course-overview-grid small{letter-spacing:.12em;font-size:9px;font-weight:850}.course-overview-grid strong{margin-top:auto;font-size:clamp(24px,3vw,38px)}.course-placeholder-note{border-left:8px solid var(--sample-coral);max-width:950px;margin-top:28px;padding:14px 22px}.course-placeholder-note strong{font-size:17px}.course-placeholder-note p{color:var(--sample-muted);margin:8px 0 0;font-size:14px;line-height:1.75}.course-section-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.course-section-grid article{border:1.5px solid var(--sample-ink);border-radius:22px;min-height:260px;padding:22px}.course-section-grid span{font-size:10px;font-weight:850}.course-section-grid h3{margin:70px 0 12px;font-size:28px}.course-section-grid p{font-size:14px;line-height:1.7}.course-unit-grid{grid-template-columns:repeat(3,1fr);display:grid}.course-unit-grid article{border-bottom:1.5px solid var(--sample-ink);border-right:1.5px solid var(--sample-ink);min-height:190px;padding:22px}.course-unit-grid article:nth-child(-n+3){border-top:1.5px solid var(--sample-ink)}.course-unit-grid article:nth-child(3n+1){border-left:1.5px solid var(--sample-ink)}.course-unit-grid span{font-size:10px;font-weight:850}.course-unit-grid h3{margin:62px 0 8px;font-size:28px}.course-unit-grid p{color:var(--sample-muted);margin:0;font-size:12px}.course-resource-list{border-top:1.5px solid var(--sample-ink)}.course-resource-list article{border-bottom:1.5px solid var(--sample-ink);grid-template-columns:80px 1fr auto;align-items:center;gap:22px;padding:22px 0;display:grid}.course-resource-list span,.course-resource-list small{letter-spacing:.1em;font-size:9px;font-weight:850}.course-resource-list strong{font-size:19px}.course-library-link{margin-top:30px}@media (max-width:700px){.course-jump-nav{position:static}.course-overview-grid,.course-section-grid,.course-unit-grid{grid-template-columns:1fr}.course-overview-grid article,.course-section-grid article{margin-bottom:10px}.course-unit-grid article{margin-bottom:10px;border:1.5px solid var(--sample-ink)!important}.course-resource-list article{grid-template-columns:60px 1fr}.course-resource-list small{grid-column:2}}.tools-collection-feature{border:1.5px solid var(--sample-ink);border-radius:28px;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:32px;padding:32px;display:grid}.tools-collection-feature>div>p{letter-spacing:.13em;margin:0 0 42px;font-size:10px;font-weight:850}.tools-collection-feature h2{letter-spacing:-.05em;margin:0 0 18px;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(36px,5vw,64px);line-height:1}.tools-collection-feature>div>span{font-size:11px;font-weight:800}.tools-collection-feature>p{margin:0;font-size:14px;line-height:1.75}.chemistry-lab-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.chemistry-lab-card{border:1.5px solid var(--sample-ink);border-radius:26px;flex-direction:column;min-height:430px;padding:26px;display:flex}.chemistry-lab-card>div{justify-content:space-between;font-size:10px;font-weight:850;display:flex}.chemistry-lab-card>small{letter-spacing:.12em;margin-top:78px;font-size:10px;font-weight:850}.chemistry-lab-card h3{letter-spacing:-.045em;margin:10px 0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(32px,4vw,54px);line-height:1}.chemistry-lab-card h4{margin:0;font-size:18px}.chemistry-lab-card>p{max-width:580px;font-size:14px;line-height:1.7}.chemistry-lab-card footer{border-top:1.5px solid var(--sample-ink);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:15px;font-size:9px;font-weight:800;display:flex}.chemistry-lab-card footer strong{margin-left:auto}.simulation-page{min-height:100vh;overflow:visible}.simulation-header{border-bottom:1.5px solid var(--sample-ink);z-index:20;background:#f5f0e6f0;justify-content:space-between;align-items:center;min-height:76px;padding:12px clamp(20px,4vw,58px);display:flex;position:sticky;top:0}.simulation-header>a{letter-spacing:.06em;font-size:11px;font-weight:850}.lab-language-toggle{background:var(--sample-paper);border:1.5px solid var(--sample-ink);border-radius:99px;padding:3px;display:flex}.lab-language-toggle button{color:var(--sample-ink);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:850}.lab-language-toggle button[aria-pressed=true]{background:var(--sample-ink);color:var(--sample-paper)}.lab-translation{letter-spacing:0;margin-top:.25em;font-family:Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:.72em;font-weight:650;line-height:1.45;display:block}.simulation-title{background:var(--sample-sky);border-bottom:1.5px solid var(--sample-ink);grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;padding:65px clamp(22px,6vw,92px);display:grid}.simulation-title>div>p,.simulation-panel-label{letter-spacing:.14em;margin:0 0 20px;font-size:9px;font-weight:850}.simulation-title h1{letter-spacing:-.055em;margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(42px,6vw,82px);line-height:.95}.simulation-title>p{margin:0;font-size:16px;line-height:1.75}.simulation-footer{background:var(--sample-paper);border-top:1.5px solid var(--sample-ink);letter-spacing:.08em;justify-content:space-between;padding:26px clamp(20px,4vw,58px);font-size:9px;font-weight:850;display:flex}.particle-workspace{grid-template-columns:minmax(280px,360px) 1fr;min-height:620px;display:grid}.simulation-controls{background:var(--sample-butter);border-right:1.5px solid var(--sample-ink);padding:34px}.simulation-controls h2,.radius-concepts h2,.radius-check h2,.radius-results h2{margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:28px;line-height:1.1}.simulation-range{border-top:1px solid var(--sample-ink);grid-template-columns:1fr auto;gap:10px;margin-top:26px;padding-top:18px;font-size:12px;font-weight:750;display:grid}.simulation-range input{grid-column:1/-1;width:100%}.simulation-range output{font-weight:850}.simulation-action{background:var(--sample-ink);border:1.5px solid var(--sample-ink);color:var(--sample-paper);cursor:pointer;border-radius:99px;margin-top:28px;padding:12px 17px;font-size:11px;font-weight:850}.simulation-model-note{border-top:1px solid var(--sample-ink);margin-top:28px;padding-top:18px;font-size:11px;line-height:1.65}.particle-canvas-wrap{min-height:620px;position:relative}.particle-canvas-wrap canvas{width:100%;height:620px;display:block}.particle-legend{border:1px solid var(--sample-ink);background:#fffdf8eb;border-radius:99px;gap:14px;padding:8px 12px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:18px;right:18px}.particle-legend span{align-items:center;gap:6px;display:flex}.particle-legend i{border-radius:50%;width:8px;height:8px;display:block}.legend-blue{background:#3d84d7}.legend-red{background:#dc3c44}.radius-concepts{background:var(--sample-butter);border-bottom:1.5px solid var(--sample-ink);grid-template-columns:.8fr 1.2fr;gap:50px;padding:54px clamp(22px,6vw,92px);display:grid}.radius-concepts ol{margin:0;padding-left:20px}.radius-concepts li{border-top:1px solid var(--sample-ink);padding:13px 0;font-size:14px;line-height:1.7}.radius-workspace{background:var(--sample-paper);padding:58px clamp(22px,6vw,92px)}.radius-selectors{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;display:grid}.radius-selectors label,.radius-answer-grid label{flex-direction:column;gap:8px;font-size:11px;font-weight:800;display:flex}.radius-selectors select,.radius-answer-grid input{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);font:inherit;border-radius:10px;padding:11px}.radius-selectors button{background:var(--sample-ink);color:var(--sample-paper);cursor:pointer;border:0;border-radius:99px;padding:12px 18px;font-size:10px;font-weight:850}.radius-info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;display:grid}.radius-info-card{border:1.5px solid var(--sample-ink);border-radius:20px;padding:22px}.radius-blue{background:var(--sample-sky)}.radius-purple{background:var(--sample-lavender)}.radius-info-card h3{margin:0;font-size:22px}.radius-info-card h3 small{margin-top:4px;font-size:13px;display:block}.radius-info-card ul{margin:18px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.radius-check{border-top:1.5px solid var(--sample-ink);margin-top:45px;padding-top:36px}.radius-check>p{max-width:820px;font-size:14px;line-height:1.7}.radius-answer-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:25px;display:grid}.radius-answer-grid fieldset{border:1.5px solid var(--sample-ink);border-radius:18px;gap:16px;padding:20px;display:grid}.radius-answer-grid legend{padding:0 8px;font-size:12px;font-weight:850}.radius-feedback{font-size:13px;font-weight:800}.radius-feedback.correct{color:#2d7164}.radius-feedback.retry{color:#b43c3c}.radius-results{border-top:1.5px solid var(--sample-ink);margin-top:40px;padding-top:35px}.radius-results>div{justify-content:center;align-items:end;gap:70px;min-height:260px;display:flex}.radius-visual{flex-direction:column;justify-content:end;align-items:center;gap:7px;min-width:210px;display:flex}.radius-circle{border:2px solid var(--sample-ink);border-radius:50%;transition:width .4s,height .4s;position:relative}.radius-circle i{border:1px solid #34353273;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radius-model-note{background:var(--sample-lavender);border-top:1.5px solid var(--sample-ink);padding:25px clamp(22px,6vw,92px);font-size:12px;line-height:1.7}.radius-model-note p{max-width:1000px;margin:0}.radius-concepts h2,.radius-check h2,.radius-results h2{font-size:clamp(32px,3.5vw,46px)}.radius-concepts li{padding:17px 0;font-size:17px}.radius-workspace{font-size:16px}.radius-selectors{gap:18px}.radius-selectors label{gap:10px;font-size:16px}.radius-selectors select{min-height:54px;padding:13px 15px;font-size:16px}.radius-selectors button{min-width:112px;min-height:52px;padding:13px 22px;font-size:14px}.radius-info-card{padding:27px}.radius-info-card h3{font-size:28px}.radius-info-card h3 small{font-size:17px}.radius-info-card ul{font-size:16px;line-height:1.8}.radius-check>p{font-size:17px;line-height:1.75}.radius-answer-grid{gap:20px}.radius-answer-grid fieldset{gap:22px;padding:25px}.radius-answer-grid legend{font-size:18px}.radius-number-field{gap:11px!important;font-size:16px!important}.radius-stepper{grid-template-columns:58px minmax(80px,1fr) 58px;display:grid}.radius-stepper button{background:var(--sample-ink);border:1.5px solid var(--sample-ink);color:var(--sample-paper);cursor:pointer;min-height:56px;font-size:27px;font-weight:800}.radius-stepper button:first-child{border-radius:12px 0 0 12px}.radius-stepper button:last-child{border-radius:0 12px 12px 0}.radius-stepper input{-webkit-appearance:textfield;appearance:textfield;text-align:center;border-left:0;border-right:0;border-radius:0;min-height:56px;padding:10px;font-size:21px;font-weight:800}.radius-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.radius-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.radius-check .simulation-action{min-height:52px;padding:14px 24px;font-size:15px}.radius-feedback{font-size:16px;line-height:1.6}.radius-visual>strong{font-size:34px}.radius-visual>span{font-size:18px}.radius-visual>small{font-size:16px}.radius-model-note{padding-top:30px;padding-bottom:30px;font-size:15px}@media (max-width:900px){.tools-collection-feature,.chemistry-lab-grid,.simulation-title,.radius-concepts,.particle-workspace{grid-template-columns:1fr}.simulation-controls{border-bottom:1.5px solid var(--sample-ink);border-right:0}.radius-selectors{grid-template-columns:1fr 1fr}.radius-selectors button{grid-column:1/-1;justify-self:start}}@media (max-width:650px){.chemistry-lab-grid{display:block}.chemistry-lab-card{min-height:380px;margin-bottom:14px}.simulation-title{padding:48px 22px}.simulation-footer{flex-direction:column;align-items:flex-start;gap:8px}.particle-canvas-wrap,.particle-canvas-wrap canvas{height:520px;min-height:520px}.radius-selectors,.radius-info-grid,.radius-answer-grid{grid-template-columns:1fr}.radius-results>div{flex-direction:column;align-items:center;gap:35px}.radius-workspace{padding:45px 20px}.radius-stepper{grid-template-columns:64px minmax(80px,1fr) 64px}.radius-stepper button,.radius-stepper input{min-height:60px}}.energy-intro{background:var(--sample-butter);border-bottom:1.5px solid var(--sample-ink);grid-template-columns:minmax(230px,.6fr) minmax(520px,1.4fr);align-items:start;gap:50px;padding:50px clamp(22px,6vw,92px);display:grid}.energy-intro h2,.energy-data-card h2{margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(31px,3.5vw,46px);line-height:1.05}.energy-periodic-grid{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.energy-periodic-grid button{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);color:var(--sample-ink);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:start;min-height:58px;padding:9px;display:flex}.energy-periodic-grid button[aria-pressed=true]{background:var(--sample-turquoise);box-shadow:3px 3px 0 var(--sample-ink);transform:translate(-2px,-2px)}.energy-periodic-grid small{font-size:9px;font-weight:850}.energy-workspace{background:var(--sample-paper);padding:50px clamp(22px,6vw,92px) 65px}.energy-mode{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);border-radius:99px;padding:4px;display:inline-flex}.energy-mode button{color:var(--sample-ink);cursor:pointer;background:0 0;border:0;border-radius:99px;min-height:48px;padding:10px 22px;font-size:14px;font-weight:850}.energy-mode button[aria-pressed=true]{background:var(--sample-ink);color:var(--sample-paper)}.energy-main-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:28px;display:grid}.energy-model-card,.energy-data-card{border:1.5px solid var(--sample-ink);border-radius:24px;padding:26px}.energy-model-card{background:var(--sample-sky)}.energy-data-card{background:var(--sample-lavender)}.energy-state{justify-content:space-between;align-items:center;font-size:17px;font-weight:800;display:flex}.energy-atom{width:100%;max-width:430px;height:auto;margin:auto;display:block}.energy-shell{fill:none;stroke:#34353273;stroke-width:2px}.energy-nucleus{fill:var(--sample-coral);stroke:var(--sample-ink);stroke-width:2px}.energy-nucleus-text{fill:var(--sample-ink);text-anchor:middle;font-size:18px;font-weight:850}.energy-electron{fill:#3d84d7;stroke:var(--sample-ink);stroke-width:1.5px}.energy-actions{flex-wrap:wrap;gap:10px;display:flex}.energy-actions button{background:var(--sample-ink);border:1.5px solid var(--sample-ink);color:var(--sample-paper);cursor:pointer;border-radius:99px;min-height:52px;padding:12px 20px;font-size:14px;font-weight:850}.energy-actions button:disabled{cursor:not-allowed;opacity:.4}.energy-actions .energy-reset{color:var(--sample-ink);background:0 0}.energy-data-card dl{margin:28px 0}.energy-data-card dl>div{border-top:1px solid var(--sample-ink);justify-content:space-between;align-items:end;gap:18px;padding:17px 0;display:flex}.energy-data-card dt{font-size:14px;font-weight:750}.energy-data-card dd{text-align:right;margin:0;font-size:18px;font-weight:850}.energy-equation{background:var(--sample-paper);border:1.5px solid var(--sample-ink);text-align:center;border-radius:15px;padding:22px;font-size:clamp(20px,2.4vw,31px);font-weight:800;line-height:1.4}.energy-feedback{margin:22px 0 0;font-size:16px;font-weight:750;line-height:1.7}.energy-model-note{background:var(--sample-turquoise);border-top:1.5px solid var(--sample-ink);padding:30px clamp(22px,6vw,92px);font-size:15px;line-height:1.75}.energy-model-note p{max-width:1050px;margin:0}@media (max-width:900px){.energy-intro,.energy-main-grid{grid-template-columns:1fr}.energy-periodic-grid{max-width:720px}}@media (max-width:650px){.energy-intro,.energy-workspace{padding-left:20px;padding-right:20px}.energy-periodic-grid{gap:5px}.energy-periodic-grid button{border-radius:7px;min-height:50px;padding:6px}.energy-periodic-grid strong{font-size:15px}.energy-mode{grid-template-columns:1fr 1fr;width:100%;display:grid}.energy-mode button{padding:8px 10px}.energy-model-card,.energy-data-card{padding:20px}.energy-actions{display:grid}.energy-actions button{min-height:58px}.energy-data-card dl>div{flex-direction:column;align-items:start;gap:7px}.energy-data-card dd{text-align:left}}.energy-drag-instruction{border:1px solid var(--sample-ink);background:#fffdf8b8;border-radius:12px;margin:16px 0 0;padding:13px 16px;font-size:17px;font-weight:750;line-height:1.6}.energy-atom{touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.energy-electron-draggable,.energy-free-electron{cursor:grab;filter:drop-shadow(2px 2px #34353259)}.energy-electron-draggable:active,.energy-free-electron:active{cursor:grabbing}.energy-electron-draggable:focus,.energy-free-electron:focus{stroke:#f8635f;stroke-width:5px;outline:none}.energy-free-electron{fill:#fde047}.energy-target{fill:#fde04740;stroke:#f59e0b;stroke-dasharray:5 4;stroke-width:3px}.energy-drag-label{fill:var(--sample-ink);text-anchor:middle;font-size:11px;font-weight:850}.energy-periodic-grid strong{font-size:20px}.energy-periodic-grid small{font-size:12px}.energy-mode button{font-size:16px}.energy-state{font-size:19px}.energy-state strong{font-size:40px}.energy-data-card dt{font-size:16px}.energy-data-card dd{font-size:21px}.energy-equation{font-size:clamp(23px,2.7vw,34px)}.energy-feedback{font-size:17px}.energy-model-note,.energy-actions button{font-size:16px}@media (max-width:650px){.energy-periodic-grid strong{font-size:17px}.energy-periodic-grid small{font-size:10px}.energy-drag-instruction{font-size:16px}}.energy-electron-draggable{filter:none}.energy-free-electron{filter:drop-shadow(2px 2px #34353259)}.energy-measurement{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.energy-value{white-space:nowrap}.energy-source-badge{border:1px solid var(--sample-ink);border-radius:99px;padding:5px 8px;font-size:10px;font-weight:850;line-height:1.2}.energy-source-evaluated,.energy-source-experimental{background:var(--sample-turquoise)}.energy-source-semiempirical{background:var(--sample-butter)}.energy-source-theoretical,.energy-source-estimated{background:var(--sample-pink)}.energy-source-links{flex-wrap:wrap;gap:10px;display:flex;margin:18px 0 0!important}.energy-source-links a{background:var(--sample-paper);border:1px solid var(--sample-ink);border-radius:99px;padding:8px 11px;font-size:11px;font-weight:850}.energy-source-links a:hover{text-decoration:none}@media (max-width:650px){.energy-measurement{align-items:flex-start}.energy-source-badge{font-size:11px}.energy-source-links{flex-direction:column;align-items:flex-start}}.game-title{background:var(--sample-pink)}.element-game-intro{background:var(--sample-butter);border-bottom:1.5px solid var(--sample-ink);grid-template-columns:.8fr 1.2fr;gap:50px;padding:48px clamp(22px,6vw,92px);display:grid}.element-game-intro h2,.element-win-panel h2{margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(31px,3.5vw,46px);line-height:1.08}.element-game-intro ol{margin:0;padding-left:22px}.element-game-intro li{border-top:1px solid var(--sample-ink);padding:15px 0;font-size:16px;line-height:1.7}.element-game-workspace{background:var(--sample-paper);padding:46px clamp(20px,6vw,92px) 64px}.element-game-toolbar{justify-content:space-between;align-items:end;gap:24px;display:flex}.element-game-toolbar fieldset{border:0;margin:0;padding:0}.element-game-toolbar legend{margin-bottom:10px;font-size:13px;font-weight:850}.element-levels{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);border-radius:99px;padding:4px;display:flex}.element-levels button,.element-game-actions button,.element-win-panel button{color:var(--sample-ink);cursor:pointer;background:0 0;border:0;border-radius:99px;min-height:50px;padding:10px 18px;font-size:14px;font-weight:850}.element-levels button[aria-pressed=true]{background:var(--sample-ink);color:var(--sample-paper)}.element-levels small{margin-top:2px;font-family:Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:11px;display:block}.element-game-actions{gap:10px;display:flex}.element-game-actions button{border:1.5px solid var(--sample-ink)}.element-game-actions button:disabled{cursor:not-allowed;opacity:.45}.element-game-actions .element-restart,.element-win-panel button{background:var(--sample-ink);color:var(--sample-paper)}.element-game-stats{grid-template-columns:repeat(3,minmax(100px,150px)) 1fr;margin-top:34px;display:grid}.element-game-stats>div{border-bottom:1.5px solid var(--sample-ink);border-top:1.5px solid var(--sample-ink);flex-direction:column;gap:5px;padding:14px 18px;display:flex}.element-game-stats>div+div{border-left:1.5px solid var(--sample-ink)}.element-game-stats small{letter-spacing:.08em;font-size:11px;font-weight:850}.element-game-stats strong{font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:28px}.element-progress{justify-content:center}.element-progress progress{accent-color:#2d7164;width:100%;height:12px}.element-game-status{margin:22px 0 14px;font-size:14px;font-weight:800}.element-game-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-inline:auto;display:grid}.element-pairs-4{max-width:920px}.element-pairs-6{max-width:960px}.element-pairs-8{max-width:780px}.element-match-card{aspect-ratio:1.25;background:var(--sample-sky);border:1.5px solid var(--sample-ink);color:var(--sample-ink);cursor:pointer;border-radius:18px;min-height:104px;padding:0;transition:background .18s,box-shadow .18s,transform .18s;position:relative}.element-match-card:hover:not(:disabled){box-shadow:4px 4px 0 var(--sample-ink);transform:translate(-2px,-2px)}.element-match-card:focus-visible{box-shadow:4px 4px 0 var(--sample-ink);transform:translate(-2px,-2px)}.element-match-card:focus-visible{outline-offset:3px;outline:3px solid #3d84d7}.element-match-card.is-shown{background:var(--sample-canvas)}.element-match-card.is-matched{background:var(--sample-turquoise);cursor:default;opacity:1}.element-card-hidden,.element-card-answer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.element-card-hidden strong{font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:42px}.element-card-hidden small{font-size:10px;font-weight:850;position:absolute;top:10px;left:12px}.element-card-answer{flex-direction:column;gap:5px;padding:12px}.element-card-answer>small{letter-spacing:.11em;font-size:9px;font-weight:850}.element-card-answer>strong{max-width:100%;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(20px,2.6vw,36px);line-height:1.05}.element-card-name .element-card-answer>strong{white-space:nowrap;font-size:clamp(18px,1.6vw,27px)}.element-card-answer>strong em{margin-top:4px;font-family:Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:.55em;font-style:normal;display:block}.element-card-answer>span{font-size:10px;font-weight:800}.element-card-hidden[aria-hidden=true],.element-card-answer[aria-hidden=true]{visibility:hidden}.element-win-panel{background:var(--sample-lavender);border:1.5px solid var(--sample-ink);border-radius:24px;grid-template-columns:1fr auto auto;align-items:center;gap:28px;margin-top:30px;padding:26px;display:grid}.element-win-panel dl{gap:20px;margin:0;display:flex}.element-win-panel dl>div{border-left:1px solid var(--sample-ink);padding-left:18px}.element-win-panel dt{font-size:11px;font-weight:850}.element-win-panel dd{white-space:nowrap;margin:5px 0 0;font-size:27px;font-weight:850}.element-win-panel button{border:1.5px solid var(--sample-ink)}.element-game-note{background:var(--sample-pink);border-top:1.5px solid var(--sample-ink);padding:28px clamp(22px,6vw,92px);font-size:15px;line-height:1.75}.element-game-note p{max-width:1050px;margin:0}@media (max-width:900px){.element-game-intro{grid-template-columns:1fr}.element-game-toolbar{flex-direction:column;align-items:stretch}.element-game-actions{align-self:flex-start}.element-game-stats{grid-template-columns:repeat(3,1fr)}.element-progress{grid-column:1/-1;border-left:0!important}.element-win-panel{grid-template-columns:1fr}.element-win-panel dl{justify-content:flex-start}}@media (max-width:650px){.element-game-intro,.element-game-workspace{padding-left:18px;padding-right:18px}.element-levels{border-radius:18px;grid-template-columns:1fr;display:grid}.element-levels button{min-height:54px}.element-game-actions{width:100%;display:grid}.element-game-actions button{min-height:56px}.element-game-stats{grid-template-columns:repeat(3,1fr)}.element-game-stats>div{padding:12px 9px}.element-game-stats small{font-size:9px}.element-game-stats strong{font-size:23px}.element-game-board,.element-pairs-6,.element-pairs-8{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.element-match-card{aspect-ratio:1.35;min-height:92px}.element-card-answer>strong{font-size:24px}.element-win-panel{padding:22px}.element-win-panel dl{width:100%}}.solubility-intro{background:var(--sample-turquoise);border-bottom:1.5px solid var(--sample-ink);grid-template-columns:1fr 1fr;gap:50px;padding:48px clamp(22px,6vw,92px);display:grid}.solubility-intro h2,.solubility-feedback h2,.solubility-results h2{margin:0;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(31px,3.5vw,46px);line-height:1.08}.solubility-intro>div:last-child{font-size:16px;line-height:1.75}.solubility-workspace{background:var(--sample-paper);padding:42px clamp(20px,6vw,92px) 62px}.solubility-toolbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.solubility-mode{background:var(--sample-canvas);border:1.5px solid var(--sample-ink);border-radius:99px;padding:4px;display:flex}.solubility-mode button{color:var(--sample-ink);cursor:pointer;background:0 0;border:0;border-radius:99px;min-height:48px;padding:10px 20px;font-size:14px;font-weight:850}.solubility-mode button[aria-pressed=true]{background:var(--sample-ink);color:var(--sample-paper)}.solubility-score{gap:22px;display:flex}.solubility-score span{font-size:13px;font-weight:750}.solubility-score strong{margin-left:5px;font-size:18px}.solubility-stage{flex-direction:column;align-items:center;min-height:275px;padding:36px 0 22px;display:flex}.solubility-compound{background:var(--sample-sky);border:1.5px solid var(--sample-ink);box-shadow:6px 6px 0 var(--sample-ink);cursor:grab;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,390px);min-height:180px;padding:24px;display:flex}.solubility-compound:active{cursor:grabbing}.solubility-compound:focus-visible{outline-offset:4px;outline:3px solid #3d84d7}.solubility-compound>small{letter-spacing:.12em;font-size:10px;font-weight:850}.solubility-compound>strong{margin:13px 0 8px;font-family:Avenir Next Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(34px,5vw,62px);line-height:1}.solubility-compound>strong sub{font-size:.55em}.solubility-compound>strong span{display:inline}.solubility-compound>span{font-size:16px;font-weight:800}.solubility-compound>em{margin-top:5px;font-family:Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:15px;font-style:normal;font-weight:700}.solubility-stage>p{margin:22px 0 0;font-size:13px;font-weight:750}.solubility-bins{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.solubility-bin{border:1.5px solid var(--sample-ink);color:var(--sample-ink);cursor:pointer;text-align:left;border-radius:22px;flex-direction:column;min-height:165px;padding:22px;display:flex}.solubility-bin:disabled{cursor:default;opacity:.65}.solubility-bin[aria-pressed=true]{box-shadow:5px 5px 0 var(--sample-ink);opacity:1;transform:translate(-2px,-2px)}.solubility-bin>small{letter-spacing:.12em;font-size:9px;font-weight:850}.solubility-bin>strong{margin:auto 0 8px;font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(24px,3vw,38px);line-height:1.05}.solubility-bin>span{font-size:12px;font-weight:750}.solubility-soluble{background:var(--sample-turquoise)}.solubility-slightly{background:var(--sample-butter)}.solubility-low{background:var(--sample-pink)}.solubility-feedback{border:1.5px solid var(--sample-ink);border-radius:24px;grid-template-columns:.65fr 1.15fr auto;align-items:center;gap:28px;margin-top:28px;padding:25px;display:grid}.solubility-feedback.correct{background:var(--sample-turquoise)}.solubility-feedback.retry{background:var(--sample-pink)}.solubility-feedback>div:nth-child(2){font-size:15px;line-height:1.65}.solubility-feedback>div:nth-child(2)>p{margin:6px 0}.solubility-feedback a,.solubility-source-links a{text-underline-offset:3px;font-size:11px;font-weight:850;text-decoration:underline}.solubility-feedback>button,.solubility-results>button{background:var(--sample-ink);border:1.5px solid var(--sample-ink);color:var(--sample-paper);cursor:pointer;border-radius:99px;min-height:52px;padding:12px 20px;font-size:14px;font-weight:850}.solubility-results{background:var(--sample-lavender);border:1.5px solid var(--sample-ink);text-align:center;border-radius:26px;max-width:820px;margin:35px auto;padding:34px}.solubility-results>p{font-size:16px;line-height:1.7}.solubility-guide{border-top:1.5px solid var(--sample-ink);margin-top:40px;padding-top:24px}.solubility-guide summary{cursor:pointer;font-size:16px;font-weight:850}.solubility-rule-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.solubility-rule-grid article{border:1.5px solid var(--sample-ink);border-radius:18px;padding:20px}.solubility-rule-grid article:first-child{background:var(--sample-turquoise)}.solubility-rule-grid article:nth-child(2){background:var(--sample-butter)}.solubility-rule-grid article:nth-child(3){background:var(--sample-pink)}.solubility-rule-grid h3{margin:0 0 12px;font-size:20px}.solubility-rule-grid p{margin:0;font-size:14px;line-height:1.65}.solubility-source-links{flex-wrap:wrap;gap:12px;display:flex}.solubility-note{background:var(--sample-butter);border-top:1.5px solid var(--sample-ink);padding:28px clamp(22px,6vw,92px);font-size:15px;line-height:1.75}.solubility-note p{max-width:1100px;margin:0}@media (max-width:900px){.solubility-intro,.solubility-feedback{grid-template-columns:1fr}.solubility-toolbar{flex-direction:column;align-items:flex-start}.solubility-bins,.solubility-rule-grid{grid-template-columns:1fr}.solubility-bin{min-height:130px}.solubility-feedback>button{justify-self:start}}@media (max-width:650px){.solubility-intro,.solubility-workspace{padding-left:18px;padding-right:18px}.solubility-mode{grid-template-columns:1fr 1fr;width:100%;display:grid}.solubility-score{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.solubility-score span{flex-direction:column;display:flex}.solubility-score strong{margin:3px 0 0}.solubility-compound{min-height:165px}.solubility-bins{gap:9px}.solubility-bin{min-height:120px;padding:18px}.solubility-feedback{padding:22px}.solubility-feedback>button{width:100%;min-height:56px}.solubility-source-links{flex-direction:column;align-items:flex-start}}.solubility-compound.is-name>strong{max-width:100%;font-size:clamp(25px,3.2vw,40px)}.solubility-insoluble{background:var(--sample-pink)}.solubility-threshold{margin:22px 0 0;font-size:clamp(17px,1.5vw,20px);font-weight:800;line-height:1.65}.solubility-workspace>.solubility-guide{border-top:0;margin-top:24px;padding-top:0}.solubility-workspace>.solubility-guide summary{background:var(--sample-butter);border:1.5px solid var(--sample-ink);border-radius:99px;padding:12px 18px;font-size:15px;display:inline-block}.solubility-rule-table-wrap{margin-top:18px;overflow-x:auto}.solubility-rule-table{border-collapse:collapse;background:#e8f7f7;width:100%;min-width:680px;font-size:17px;line-height:1.45}.solubility-rule-table th,.solubility-rule-table td{border:1.5px solid var(--sample-ink);text-align:left;vertical-align:middle;padding:14px 16px}.solubility-rule-table thead th{font-size:17px;font-weight:850}.solubility-rule-table th:first-child,.solubility-rule-table td:first-child{width:25%;font-family:Georgia,Times New Roman,serif;font-size:21px}.solubility-rule-table thead th:first-child{font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:17px}.solubility-rule-table .solubility-sparingly-row td{background:var(--sample-butter);font-weight:800}.solubility-feedback{text-align:center;margin-top:14px;padding:11px 18px;display:block}.solubility-feedback>strong{font-family:Avenir Next Rounded,Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(32px,4vw,42px)}.formula-original-stage{background-color:#f0f0f0;background-image:linear-gradient(45deg,#e6f7ff 25%,#0000 25%),linear-gradient(-45deg,#e6f7ff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6f7ff 75%),linear-gradient(-45deg,#0000 75%,#e6f7ff 75%);background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px;padding:42px 20px;position:relative}.formula-original-stage:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#f0f0f01a 50%,#ffffff4d);position:absolute;inset:0}.formula-game-card{text-align:center;z-index:1;background:#fffffff2;border:1px solid #0000001a;border-radius:15px;max-width:650px;margin:0 auto;padding:30px;position:relative;box-shadow:0 10px 25px #0000001a}.formula-game-card>h2{color:#2c3e50;text-shadow:1px 1px 2px #0000001a;margin:0 0 20px;font-family:Arial,Microsoft YaHei,sans-serif;font-size:28px}.formula-scoreboard{color:#fff;background:linear-gradient(90deg,#4a69bd,#6a89cc);border-radius:30px;margin-bottom:20px;padding:10px 15px;font-size:22px;font-weight:700;box-shadow:0 4px 6px #0000001a}.formula-scoreboard span{margin:0 5px}.formula-progress{background:#ecf0f1;border-radius:4px;height:8px;margin:20px 0;overflow:hidden}.formula-progress span{background:linear-gradient(90deg,#3498db,#2ecc71);height:100%;transition:width .5s;display:block}.formula-category-selection h3{color:#2c3e50;margin:12px 0;font-size:22px}.formula-category-selection>p{color:#555;max-width:540px;margin:10px auto 18px;font-size:16px;line-height:1.6}.formula-category-card{color:var(--cat-text);cursor:pointer;text-align:left;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:420px;margin:12px auto;padding:15px 20px;font-size:18px;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000001a}:is(.formula-category-card:hover,.formula-category-card:focus-visible){transform:translateY(-4px);box-shadow:0 8px 15px #00000026}.formula-category-card:focus-visible{outline-offset:3px;outline:3px solid #1f6fbd}.formula-category-card>span{font-weight:700}.formula-category-card>strong{background:var(--cat-accent);color:#fff;border-radius:15px;padding:5px 12px;font-size:14px}.formula-cat-turquoise{--cat-accent:#4caf50;--cat-text:#2e7d32;background:linear-gradient(90deg,#e8f5e9,#c8e6c9)}.formula-cat-sky{--cat-accent:#ff9800;--cat-text:#e65100;background:linear-gradient(90deg,#fff3e0,#ffecb3)}.formula-cat-pink{--cat-accent:#2196f3;--cat-text:#0d47a1;background:linear-gradient(90deg,#e3f2fd,#bbdefb)}.formula-cat-lavender{--cat-accent:#9c27b0;--cat-text:#4a148c;background:linear-gradient(90deg,#f3e5f5,#e1bee7)}.formula-cat-butter{--cat-accent:#f44336;--cat-text:#b71c1c;background:linear-gradient(90deg,#ffebee,#ffcdd2)}.formula-question{color:#2c3e50;background:#f8f9fa;border-radius:10px;min-height:104px;margin-bottom:18px;padding:15px;box-shadow:inset 0 2px 4px #0000000d}.formula-question p{margin:0;font-size:17px;font-weight:700}.formula-question h2{margin:15px 0 4px;font-family:Arial,sans-serif;font-size:clamp(34px,6vw,52px);line-height:1}.formula-question h2 sub{font-size:.55em}.formula-question h2 span{display:inline}.formula-option-grid{grid-template-columns:1fr;gap:12px;margin-bottom:8px;display:grid}.formula-option-grid button{color:#2c3e50;cursor:pointer;text-align:center;background:#e9ecef;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;min-height:58px;padding:13px 15px;font-size:18px;transition:all .2s;display:flex}.formula-option-grid button:hover:not(:disabled){background:#dee2e6;border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.formula-option-grid button:focus-visible{background:#dee2e6;border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.formula-option-grid button:focus-visible{outline-offset:2px;outline:3px solid #1f6fbd}.formula-option-grid button:disabled{cursor:default}.formula-option-grid button.is-removed{visibility:hidden}.formula-option-grid button.is-correct{background:#a5d6a7;border-color:#4caf50}.formula-option-grid button.is-incorrect{background:#ef9a9a;border-color:#f44336}.formula-option-grid strong{font-size:18px}.formula-option-grid span{margin-top:4px;font-size:13px;font-weight:700}.formula-feedback{justify-content:center;align-items:center;min-height:46px;display:flex}.formula-feedback strong{font-size:22px}.formula-hint{color:#2c3e50;background:#fff8dc;border:1px solid #ead58b;border-radius:10px;margin:0 0 15px;padding:12px 15px;font-size:15px;font-weight:700;line-height:1.55}.formula-tools{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:8px;display:flex}.formula-tools button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3498db,#2980b9);border:0;border-radius:50px;min-width:220px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 6px #0000001a}.formula-tools button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 10px #00000026}.formula-tools button:focus-visible{transform:translateY(-3px);box-shadow:0 6px 10px #00000026}.formula-tools button:focus-visible{outline-offset:3px;outline:3px solid #1f6fbd}.formula-tools button:disabled{box-shadow:none;cursor:default;background:linear-gradient(90deg,#bdc3c7,#95a5a6);transform:none}.formula-back,.formula-game-over button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#95a5a6,#7f8c8d);border:0;border-radius:50px;min-height:46px;margin-top:20px;padding:12px 25px;font-size:16px;font-weight:700;box-shadow:0 4px 6px #0000001a}.formula-back:hover,.formula-game-over button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.formula-back:focus-visible{transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.formula-game-over button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.formula-credit{color:#53616d;text-align:left;border-top:1px solid #d9e1e8;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.formula-credit strong{letter-spacing:.035em;font-size:12px}.formula-credit a{text-underline-offset:3px;font-size:12px;font-weight:700;text-decoration:underline}.formula-results{padding-top:30px;padding-bottom:34px}.formula-game-over{background:#f8f9fa;border-radius:10px;padding:24px}.formula-game-over h3{color:#2c3e50;margin:0 0 10px;font-size:25px}.formula-game-over p{font-size:17px}.formula-game-over>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.formula-game-over button:first-child{background:linear-gradient(90deg,#2ecc71,#27ae60)}@media (max-width:650px){.formula-original-stage{padding:22px 12px}.formula-game-card{padding:20px 14px}.formula-game-card>h2{font-size:23px}.formula-scoreboard{font-size:18px}.formula-category-card{padding:13px 14px;font-size:15px}.formula-category-card>strong{font-size:12px}.formula-tools{flex-direction:column}.formula-tools button{width:100%}.formula-credit{flex-direction:column;align-items:flex-start}.formula-game-over>div{flex-direction:column}.formula-game-over button{width:100%;margin-top:4px}}.chemistry-lab-card>.chemistry-lab-author{letter-spacing:.05em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:850}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.icp-registration{color:#343434;text-align:center;background:#f5f0e6;padding:16px 24px;font-size:14px;line-height:1.6}.icp-registration a{color:inherit;text-underline-offset:3px;text-decoration:underline}