:root{color-scheme:dark;--bg:#0b0f14;--panel:#10161e;--text:#f1f4f7;--muted:#a7b2bd;--subtle:#75818d;--line:#e7eff61f;--accent:#c9ff63;--content-max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{isolation:isolate;background:radial-gradient(ellipse at 78% 0%, #c9ff6313, transparent 34rem), var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.65}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#dce8f006 1px,#0000 1px),linear-gradient(90deg,#dce8f006 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000 0%,#0000 72%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}::selection{background:var(--accent);color:var(--bg)}.site-header,main,.site-footer{width:min(calc(100% - 40px), var(--content-max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{letter-spacing:-.025em;flex:none;align-items:center;gap:11px;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--line);letter-spacing:.08em;background:#ffffff09;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;display:grid}.brand-name{font-size:17px}.nav{color:var(--muted);align-items:center;gap:clamp(14px,2.2vw,28px);font-size:13px;display:flex}.nav a,.back-to-top{transition:color .18s}.nav a:hover,.back-to-top:hover{color:var(--accent)}.nav-disclosure{display:none}.hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;min-height:610px;padding:96px 0 76px;display:flex}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:1.5}.eyebrow{color:var(--muted);letter-spacing:.12em;align-items:center;gap:10px;display:inline-flex}.eyebrow-dot,.topic-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.hero h1{letter-spacing:-.075em;max-width:980px;margin:24px 0 25px;font-size:clamp(3.25rem,8.5vw,7.25rem);font-weight:650;line-height:.98}.hero h1 span{color:var(--accent)}.hero-copy{max-width:620px;color:var(--muted);margin:0;font-size:clamp(16px,1.7vw,19px);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 17px;font-size:13px;font-weight:650;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#10140a}.button.primary:hover{background:#d7ff8c}.button.ghost{border-color:var(--line);color:var(--text);background:#ffffff05}.button.ghost:hover{border-color:#c9ff636b}.hero-note{color:var(--subtle);letter-spacing:.15em;text-transform:uppercase;gap:11px;margin:48px 0 0;font-size:10px;font-weight:650;display:flex}.hero-note span[aria-hidden=true]{color:var(--accent)}.section-grid{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:clamp(36px,8vw,112px);padding:100px 0;display:grid}.section-kicker{margin-bottom:19px}.section-kicker span{color:var(--subtle);padding-inline:4px}.section-intro h2,.section-heading h2{letter-spacing:-.055em;max-width:700px;margin:0;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:570;line-height:1.06}.section-copy{max-width:470px;color:var(--muted);margin:23px 0 0;font-size:15px;line-height:1.85}.text-link{color:var(--accent);align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:620;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(2px,-2px)}.topic-list{flex-wrap:wrap;align-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.topic-list li{border:1px solid var(--line);color:#dce2e8;background:#ffffff05;border-radius:999px;align-items:center;gap:11px;min-height:48px;padding:0 17px;font-size:14px;transition:border-color .18s,background-color .18s;display:inline-flex}.topic-list li:hover{background:#c9ff6309;border-color:#c9ff6361}.topic-dot{width:5px;height:5px}.projects{border-bottom:1px solid var(--line);padding:100px 0 108px}.section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}.section-heading .section-kicker{margin-bottom:19px}.section-heading .section-copy{max-width:410px;margin:0 0 4px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(155deg, #ffffff09, #ffffff02 55%), var(--panel);border-radius:16px;flex-direction:column;min-width:0;min-height:395px;padding:clamp(22px,2.45vw,31px);transition:transform .22s,border-color .22s,background-color .22s;display:flex}.project-card:hover{border-color:#c9ff6352;transform:translateY(-3px)}.card-top{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.project-status{border:1px solid var(--line);color:var(--muted);letter-spacing:.09em;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:9px}.project-content{margin-top:auto;padding-top:42px}.project-kind{color:var(--subtle);letter-spacing:.075em;margin:0 0 10px;font-size:10px}.project-card h3{letter-spacing:-.055em;margin:0 0 13px;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:600;line-height:1.1}.project-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.project-tags{flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--subtle);border:1px solid #e7eff617;border-radius:999px;padding:4px 8px;font-size:9px;line-height:1.5}.notes{align-items:center}.note-list{gap:12px;display:grid}.note-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:23px 25px;transition:border-color .18s,transform .18s,background-color .18s;display:block}.note-card:hover{background:#ffffff08;border-color:#c9ff635c;transform:translateY(-2px)}.note-card-meta,.note-page-meta{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.note-card h3{letter-spacing:-.035em;margin:11px 0 8px;font-size:clamp(18px,2.3vw,23px);font-weight:570;line-height:1.3}.note-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.note-card .note-read-more{color:var(--accent);margin-top:13px;font-size:11px;font-weight:650;display:inline-block}.note-empty[hidden]{display:none}.youtube-section{border-bottom:1px solid var(--line);padding:100px 0 108px}.youtube-intro{max-width:410px}.youtube-intro .section-copy{margin:0}.youtube-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.youtube-video-card{border:1px solid var(--line);background:linear-gradient(155deg, #ffffff09, #ffffff02 55%), var(--panel);border-radius:16px;min-width:0;padding:clamp(14px,2vw,22px)}.youtube-video-label{color:var(--accent);letter-spacing:.09em;margin:0 0 13px;font-size:11px;font-weight:700}.youtube-video-link{min-width:0;display:block}.youtube-thumbnail-frame{aspect-ratio:16/9;background:#111820;border-radius:10px;display:block;position:relative;overflow:hidden}.youtube-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.youtube-video-link:hover .youtube-thumbnail{transform:scale(1.025)}.youtube-play{width:48px;height:48px;color:var(--text);background:#0b0f14c7;border:1px solid #ffffff9e;border-radius:50%;place-items:center;padding-left:3px;font-size:15px;transition:background-color .18s,color .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-video-link:hover .youtube-play{background:var(--accent);color:var(--bg)}.youtube-video-link h3{letter-spacing:-.025em;overflow-wrap:anywhere;margin:15px 0 8px;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:570;line-height:1.45}.youtube-video-meta{color:var(--muted);margin:0;font-size:12px}.youtube-video-fallback{flex-direction:column;align-items:flex-start;display:flex}.youtube-video-fallback-art{aspect-ratio:16/9;width:100%;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;background:radial-gradient(at 80% 20%,#c9ff632e,#0000 36%),linear-gradient(135deg,#17252a,#10161e 72%);border-radius:10px;justify-content:space-between;align-items:flex-end;padding:18px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.youtube-fallback-mark{color:var(--accent);font-size:28px;line-height:1}.youtube-video-fallback p{color:var(--muted);margin:13px 0 0;font-size:13px}.youtube-video-fallback .text-link{margin-top:10px}.note-shelf{border:1px solid var(--line);background:#ffffff05;border-radius:16px;grid-template-columns:36px minmax(0,1fr);gap:19px;padding:clamp(24px,4vw,42px);display:grid}.note-mark{color:var(--accent);font-size:25px;line-height:1.3}.note-label{color:var(--subtle);letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:10px}.note-placeholder{letter-spacing:-.025em;margin:0;font-size:clamp(18px,2.3vw,24px);font-weight:520;line-height:1.45}.note-copy{max-width:480px;color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.8}.about{border-bottom:0;align-items:center}.about .section-intro h2{max-width:630px}.about-copy{padding-top:10px}.about-lead{color:var(--accent);margin:0 0 15px;font-size:15px;font-weight:600}.about-copy>p:last-child{max-width:500px;color:var(--muted);margin:0;font-size:15px;line-height:1.95}.content-page{min-height:calc(100vh - 194px);padding:86px 0 110px}.content-page-header{max-width:720px;margin-bottom:42px}.content-page-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.7rem,7vw,5.5rem);font-weight:600;line-height:1}.content-page-header .section-copy{max-width:600px}.archive-list{gap:13px;max-width:850px;display:grid}.archive-empty{max-width:750px}.article-page{max-width:820px;margin-inline:auto}.article-page h1{letter-spacing:-.065em;margin:16px 0 20px;font-size:clamp(2.5rem,7vw,4.6rem);font-weight:590;line-height:1.05}.article-summary{color:var(--muted);margin:0;font-size:18px;line-height:1.8}.article-cover{border:1px solid var(--line);object-fit:cover;border-radius:16px;width:100%;max-height:520px;margin:36px 0;display:block}.article-cover[hidden]{display:none}.article-body{color:#dce2e8;margin-top:42px;font-size:16px;line-height:1.95}.article-body>*+*{margin-top:1.2em}.article-body h2,.article-body h3{color:var(--text);letter-spacing:-.035em;line-height:1.3}.article-body h2{font-size:clamp(1.5rem,3vw,2rem)}.article-body h3{font-size:1.35rem}.article-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-body img{border-radius:12px;max-width:100%;height:auto}.article-body blockquote{border-left:2px solid var(--accent);color:var(--muted);margin-inline:0;padding:4px 0 4px 20px}.article-body pre{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:17px;font-size:.85em;overflow-x:auto}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:55px;padding-top:22px;display:flex}.admin-link{color:var(--subtle);font-size:11px;transition:color .18s}.admin-link:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);min-height:112px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.footer-brand{flex-direction:column;gap:1px;display:flex}.footer-brand a{color:var(--text);font-weight:650}.footer-brand span{color:var(--subtle);font-size:11px}.copyright{color:var(--subtle)}.back-to-top{color:var(--muted)}.back-to-top span{color:var(--accent);padding-left:4px}.skip-link{z-index:20;background:var(--accent);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;position:absolute;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:2;position:relative}.nav-disclosure{margin-left:auto}.nav-disclosure>summary{display:none}.footer-links{color:var(--subtle);gap:18px;display:flex}.footer-links a:hover{color:var(--accent)}.tag-list{flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:var(--subtle);border-radius:999px;padding:3px 8px;font-size:10px}.note-card h3 a:hover{color:var(--accent)}.updated-date{color:var(--subtle);margin:12px 0 0;font-size:12px}.project-detail{max-width:820px;margin-inline:auto}.project-detail h1{letter-spacing:-.07em;margin:0 0 18px;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:600;line-height:1}.project-detail>p{color:var(--muted);line-height:1.9}.project-detail .project-kind{color:var(--subtle)}.project-detail-section{margin-top:44px}.project-detail-section h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(1.4rem,3vw,2rem)}.project-detail-section p{max-width:700px;color:var(--muted);margin:0;line-height:1.95}.future-link{border:1px solid var(--line);background:#ffffff05;border-radius:12px;margin-top:35px;padding:22px}.future-link p:last-child{color:var(--muted);margin-bottom:0}.future-link a{color:var(--accent)}.tool-card{border:1px solid var(--line);background:#ffffff05;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 24px;align-items:start;gap:22px;max-width:850px;padding:28px;transition:border-color .18s,transform .18s;display:grid}.tool-card:hover{border-color:#c9ff635c;transform:translateY(-2px)}.tool-list{gap:14px;display:grid}.tool-index,.tool-arrow{color:var(--accent);font-size:14px}.tool-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.5rem,3vw,2rem)}.tool-card .project-copy{max-width:600px}.tool-arrow{justify-self:end}.aqua-page [hidden]{display:none!important}.tank-workspace,.aqua-simple-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.aqua-simple-grid{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);max-width:960px}.aqua-panel{border:1px solid var(--line);background:#ffffff05;border-radius:15px;min-width:0;margin:0;padding:clamp(22px,3vw,32px)}.aqua-form{align-content:start;gap:19px;display:grid}.aqua-panel-heading h2,.aqua-explainer h2,.aqua-results h2{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.3}.aqua-panel-heading>p:last-child,.aqua-explainer p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.85}.aqua-fieldset{border:0;min-width:0;margin:0;padding:0}.aqua-fieldset legend{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:650}.aqua-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.aqua-form label{min-width:0;color:var(--muted);gap:6px;font-size:13px;font-weight:570;display:grid}.aqua-form label span{color:var(--muted);font-size:12px;font-weight:400}.aqua-form input,.aqua-form select{width:100%;min-height:48px;color:var(--text);font:inherit;background:#0b1017;border:1px solid #e7eff633;border-radius:8px;padding:10px 12px}.aqua-form input:focus-visible,.aqua-form select:focus-visible,.aqua-clear-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.aqua-form input:disabled{opacity:.55}.aqua-help{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.aqua-clear-button{border:1px solid var(--line);width:fit-content;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:9px 13px;font-size:12px}.aqua-clear-button:hover{border-color:var(--accent)}.form-error{color:#ff9a9a;margin:0;font-size:13px;line-height:1.7}.aqua-error{margin:15px 0 0}.visualizer-panel{flex-direction:column;justify-content:center;display:flex}.tank-svg{width:100%;height:auto;max-height:430px;margin:auto 0;display:block}.tank-shadow{fill:#00000040}.tank-stand-back{fill:#364750}.tank-stand-front{fill:#68808a}.tank-stand-side{fill:#435963}.tank-stand-top{fill:#526772}.tank-stand-shelf{fill:#3c5059}.tank-glass-back{fill:#6a9fb20b}.tank-glass-side{fill:#6a9fb21c}.tank-glass-front{fill:#6a9fb20b}.tank-water-front{fill:#5297b157}.tank-water-side{fill:#3677937a}.tank-water-surface{fill:#9dd1df66}.tank-waterline{fill:none;stroke:#b8e2e9;stroke-width:2px}.tank-substrate-front{fill:#8d7964}.tank-substrate-side{fill:#665846}.tank-substrate-top{fill:#a08b73}.tank-rocks{fill:#657977;opacity:.93}.tank-rim{fill:#6eb2c50e;stroke:#b5d4dc;stroke-width:1.7px}.tank-outline-front{fill:none;stroke:#c0dbe2;stroke-width:2.2px}.tank-outline-back{fill:none;stroke:#9fcbd6ab;stroke-width:1.5px}.visualizer-caption{color:var(--text);text-align:center;margin:0;font-size:13px;line-height:1.7}.visualizer-status{color:var(--muted);text-align:center;margin:9px 0 0;font-size:12px;line-height:1.65}.visualizer-caveat{color:var(--muted);text-align:center;margin:9px 0 0;font-size:11px;line-height:1.65}.aqua-results{margin-top:25px}.aqua-example-label{color:var(--muted);letter-spacing:0;margin-left:10px;font-size:12px;font-weight:400}.aqua-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.aqua-result-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;min-width:0;padding:22px}.aqua-result-card p{color:var(--muted);margin:0 0 10px;font-size:13px}.aqua-result-card strong{color:var(--text);letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:600;line-height:1.2;display:block}.aqua-result-card small{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.55;display:block}.aqua-result-card.primary-result{border-color:#c9ff6366}.primary-result strong{color:var(--accent)}.aqua-caution{border-left:2px solid var(--accent);max-width:960px;color:var(--muted);background:#c9ff630b;margin:22px 0 0;padding:13px 16px;font-size:13px;line-height:1.85}.aqua-explainer{max-width:960px;margin-top:52px}.aqua-next-links{flex-wrap:wrap;gap:16px 28px;margin-top:19px;display:flex}.aqua-single-result{flex-direction:column;justify-content:center;display:flex}.aqua-single-result h2{letter-spacing:-.04em;margin:11px 0 0;font-size:clamp(1.4rem,3vw,2rem)}.aqua-single-result>p:not(.section-kicker){color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.aqua-single-result .aqua-big-result{color:var(--accent);letter-spacing:-.07em;overflow-wrap:anywhere;margin:11px 0 17px;font-size:clamp(2.3rem,5vw,4rem);font-weight:600;line-height:1.15}.aqua-big-result span{letter-spacing:0;font-size:.55em}.text-link-wrap{margin:25px 0 0}.not-found{max-width:720px;padding:100px 0}.not-found h1{letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(2rem,5vw,3.5rem)}@media (width<=900px){.section-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child{grid-column:1/-1;min-height:270px}.project-card:last-child .project-content{max-width:690px}.tank-workspace,.aqua-simple-grid{grid-template-columns:1fr}.visualizer-panel{min-height:470px}}@media (width<=680px){.site-header{gap:16px;min-height:72px}.desktop-nav{display:none}.nav-disclosure{display:block}.brand{gap:8px}.brand-mark{border-radius:9px;width:33px;height:33px}.brand-name{font-size:15px}.nav-disclosure>summary{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-content:center;justify-items:center;gap:5px;width:42px;height:42px;list-style:none;display:grid}.nav-disclosure>summary::-webkit-details-marker{display:none}.nav-disclosure>summary span{background:var(--text);width:16px;height:1px}.nav-disclosure[open]>summary{border-color:#c9ff636b}.nav-disclosure .nav{display:none}.nav-disclosure[open] .nav{border:1px solid var(--line);background:#10161e;border-radius:12px;gap:0;min-width:176px;padding:8px;font-size:13px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 15px 40px #00000059}.nav-disclosure .nav a{border-radius:7px;padding:10px 11px}.nav-disclosure .nav a:hover{background:#c9ff630f}.hero{min-height:0;padding:105px 0 65px}.hero h1{margin:23px 0 22px;font-size:clamp(3rem,11vw,4.5rem)}.hero-copy{max-width:540px;font-size:15px}.hero-actions{margin-top:26px}.button{min-height:46px;padding-inline:14px;font-size:12px}.hero-note{margin-top:38px;font-size:9px}.section-grid{grid-template-columns:1fr;gap:31px;padding:76px 0}.desktop-break{display:none}.section-intro h2,.section-heading h2{font-size:clamp(2rem,8vw,3rem)}.section-copy{margin-top:17px;font-size:14px}.topic-list{gap:9px}.topic-list li{min-height:42px;padding-inline:13px;font-size:12px}.projects{padding:76px 0 82px}.section-heading{margin-bottom:29px;display:block}.section-heading .section-copy,.section-heading .youtube-intro .section-copy{margin-top:17px}.project-grid{grid-template-columns:1fr;gap:12px}.project-card,.project-card:last-child{grid-column:auto;min-height:320px;padding:23px}.project-content{padding-top:37px}.project-card h3{font-size:30px}.youtube-section{padding:76px 0 82px}.youtube-video-grid{grid-template-columns:1fr;gap:12px}.youtube-video-card{border-radius:13px;padding:14px}.note-card{padding:20px}.content-page{padding:70px 0 84px}.content-page-header{margin-bottom:30px}.article-page h1{font-size:clamp(2.25rem,10vw,3.5rem)}.article-summary{font-size:16px}.article-body{margin-top:32px;font-size:15px}.article-footer{flex-wrap:wrap;margin-top:40px}.note-shelf{grid-template-columns:25px minmax(0,1fr);gap:14px;padding:22px 19px}.note-mark{font-size:20px}.note-placeholder{font-size:19px}.about{gap:26px}.about .section-intro h2{max-width:520px}.about-copy{padding:0}.about-copy>p:last-child{font-size:14px}.site-footer{grid-template-columns:1fr auto;gap:18px 12px;min-height:0;padding:25px 0;display:grid}.footer-brand{grid-column:1/-1}.footer-links{grid-column:1}.admin-link{justify-self:start}.copyright,.back-to-top{justify-self:end}.tool-card{grid-template-columns:28px minmax(0,1fr) 16px;gap:13px;padding:21px}.aqua-result-grid{grid-template-columns:1fr}.visualizer-panel{min-height:0;overflow:hidden}.visualizer-panel .tank-svg{width:130%;max-width:none;max-height:none;margin-inline:-15%}.aqua-example-label{margin:5px 0 0;display:block}}@media (width<=390px){.site-header,main,.site-footer{width:calc(100% - 32px)}.nav{gap:9px;font-size:10px}.hero h1{font-size:clamp(2.8rem,11.5vw,3.5rem)}.hero-actions{gap:9px}.button{padding-inline:11px;font-size:11px}.aqua-field-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.planner-page{max-width:1360px}.planner-view-tabs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.planner-view-tabs button,.planner-library button,.planner-entities button,.planner-moves button,.planner-remove,#planner-share-button{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#19242d;border-radius:8px;padding:10px 14px}.planner-view-tabs button[aria-pressed=true],.planner-entities button[aria-current=true]{border-color:var(--accent);color:var(--accent)}.planner-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);align-items:start;gap:16px;display:grid}.planner-canvas{min-width:0;padding:16px}.planner-canvas svg{background:radial-gradient(circle at 50% 30%,#1a3b49,#101b24 70%);border-radius:9px;width:100%;height:auto;display:block}.planner-canvas svg [role=button]{cursor:pointer}.planner-canvas svg [role=button]:focus-visible{outline:3px solid var(--accent)}.planner-sidebar{gap:16px;min-width:0;display:grid}.planner-panel{padding:20px}.planner-panel h2,.planner-share h2{margin:0 0 15px;font-size:1.35rem}.planner-panel h3{margin:20px 0 10px;font-size:1rem}.planner-library,.planner-entities{gap:8px;display:grid}.planner-library button,.planner-entities button{text-align:left}.planner-field{color:var(--muted);gap:5px;margin:12px 0;font-size:13px;display:grid}.planner-field input,.planner-field select,#planner-share-url{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#101820;border-radius:7px;padding:9px 11px}.planner-note,.planner-warning{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.65}.planner-warning{color:#f0c689}.planner-moves{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.planner-moves button:first-child,.planner-moves button:last-child{grid-column:2}.planner-remove{color:#ffb5b5;margin-top:7px}.planner-guide{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:12px;font-size:13px;line-height:1.7}.planner-guide summary{color:var(--text);cursor:pointer}.planner-diagram{color:#d7e9e9;background:#20333e;border-radius:7px;padding:12px}.planner-device-figure{text-align:center;background:#13232c;border-radius:8px;margin:15px 0;padding:12px}.planner-device-figure svg{width:min(100%,340px);height:auto;margin:auto;display:block}.planner-device-figure figcaption{color:var(--muted);margin-top:7px;font-size:11px}.planner-share{max-width:850px;margin-top:16px;padding:20px}.planner-share p{color:var(--muted);font-size:13px;line-height:1.7}.planner-share label{margin:15px 0 6px;font-size:12px;display:block}#planner-share-url{text-overflow:ellipsis;overflow:hidden}[data-aquarium-workspace] [hidden]{display:none!important}.workspace-page>.content-page-header{margin-bottom:20px}.aquarium-workspace{gap:14px;min-width:0;display:grid}.workspace-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.workspace-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(1.5rem,3vw,2.2rem)}.workspace-intro{color:var(--muted);margin:7px 0 0;font-size:13px}.workspace-select-entity,.workspace-view-tabs button,.workspace-tool-tabs button,.workspace-add-equipment button,.workspace-equipment-list button,[data-share]{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#19242d;border-radius:8px;padding:10px 14px}.workspace-view-tabs,.workspace-tool-tabs{flex-wrap:wrap;gap:8px;display:flex}.workspace-view-tabs button[aria-pressed=true],.workspace-tool-tabs button[aria-pressed=true],.workspace-equipment-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.workspace-content-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);align-items:start;gap:14px;min-width:0;display:grid}.workspace-scene{min-width:0;padding:18px}.workspace-content-grid>.workspace-scene{grid-area:1/1}.workspace-content-grid>.workspace-tool-tabs{grid-area:2/1}.workspace-content-grid>.workspace-tool-panel{grid-area:3/1}.workspace-content-grid>.workspace-inspector{grid-area:1/2/span 3}.workspace-scene>[data-perspective-scene] .visualizer-panel{background:0 0;border:0;min-height:0;padding:0}.workspace-scene>[data-perspective-scene] .aqua-panel-heading{margin-bottom:8px}.workspace-scene>[data-perspective-scene] .aqua-panel-heading h2{font-size:1.4rem}.workspace-scene>[data-perspective-scene] .tank-svg{max-height:510px}.workspace-scene>[data-perspective-scene] .visualizer-caption{margin-top:5px}.workspace-scene>[data-orthographic-scene]{background:radial-gradient(circle at 50% 30%,#1a3b49,#101b24 70%);border-radius:10px;width:100%;height:auto;display:block}.workspace-scene-summary{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px}.workspace-inspector{min-width:0;padding:20px}.workspace-inspector h3{margin:4px 0 14px;font-size:1.25rem}.workspace-inspector .planner-field{margin:10px 0}.workspace-inspector .planner-moves{max-width:230px}.workspace-inspector .planner-guide{max-height:310px;overflow:auto}.workspace-storage-note,.workspace-note{color:var(--muted);font-size:11px;line-height:1.65}.workspace-tool-tabs{border-bottom:1px solid var(--line);margin-top:3px;padding-bottom:11px}.workspace-tool-panel{min-width:0;padding:20px}.workspace-tool-panel>div{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.workspace-tool-panel .workspace-panel-copy,.workspace-tool-panel .workspace-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px;line-height:1.7}.workspace-stat{border:1px solid var(--line);background:#ffffff05;border-radius:10px;min-width:0;padding:14px 16px}.workspace-stat span{color:var(--muted);font-size:12px;display:block}.workspace-stat strong{color:var(--text);overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1.2rem,2.5vw,1.7rem);display:block}.workspace-field{min-width:0;color:var(--muted);gap:6px;font-size:12px;display:grid}.workspace-field input,.workspace-field select,.workspace-share-row input{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;background:#101820;border-radius:7px;padding:9px 11px}.workspace-add-equipment,.workspace-equipment-list{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.workspace-share-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding-top:8px;display:grid}.workspace-share-row label{color:var(--muted);font-size:12px}.workspace-share-row input{grid-column:2}.workspace-share-row [data-share]{grid-row:1/span 2}.workspace-share-row [data-workspace-status]{min-height:1em;color:var(--muted);grid-column:1/-1;margin:0;font-size:12px}.workspace-seo-copy{padding-bottom:24px}@media (width<=900px){.workspace-content-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.workspace-content-grid>.workspace-scene,.workspace-content-grid>.workspace-tool-tabs,.workspace-content-grid>.workspace-tool-panel,.workspace-content-grid>.workspace-inspector{grid-area:auto/1}.workspace-tool-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.workspace-heading{align-items:flex-start}.workspace-select-entity{flex:none}.workspace-scene,.workspace-inspector,.workspace-tool-panel{padding:14px}.workspace-scene>[data-perspective-scene] .tank-svg{width:100%;max-height:none;margin-inline:0}.workspace-tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace-tool-tabs button{padding-inline:8px}.workspace-tool-panel>div{grid-template-columns:1fr}.workspace-stat,.workspace-field,.workspace-tool-panel .workspace-panel-copy,.workspace-tool-panel .workspace-note,.workspace-add-equipment,.workspace-equipment-list{grid-column:1}.workspace-share-row{grid-template-columns:1fr}.workspace-share-row [data-share],.workspace-share-row input,.workspace-share-row label,.workspace-share-row [data-workspace-status]{grid-area:auto/1}}@media (width<=900px){.planner-layout{grid-template-columns:1fr}}