body{color:#fff;scroll-behavior:smooth;background-color:#05080a;font-family:Noto Sans TC,sans-serif;overflow-x:hidden}#bg-canvas{z-index:-1;pointer-events:all;width:100%;height:100%;position:fixed;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#0a141e66;border:1px solid #22d3ee33;box-shadow:0 4px 30px #00000080}.glass-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem}.text-glow{text-shadow:0 0 20px #dc143ccc}.text-glow-cyan{text-shadow:0 0 20px #22d3ee99}.gene{letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-style:normal;font-weight:700}.gene sup{vertical-align:baseline;font-size:.6em;font-weight:700;position:relative;top:-.4em}.fade-in-section{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.nav-glass{-webkit-backdrop-filter:blur(12px);background:#05080ad9;border-bottom:1px solid #ffffff0d}.nav-simple{background:0 0;position:relative}#copyright-modal{transition:transform .4s cubic-bezier(.16,1,.3,1)}#copyright-overlay{transition:opacity .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05080a}::-webkit-scrollbar-thumb{background:#0e7490;border-radius:4px}.theme-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.theme-toggle:hover{color:#22d3ee;background:#ffffff0d;border-color:#22d3ee;transform:rotate(15deg)}:root.light-mode body{color:#1e293b;background-color:#f8fafc}:root.light-mode .glass-panel{background:#ffffffd9;border-color:#00000014;box-shadow:0 4px 20px #00000014}:root.light-mode .glass-card{background:#fff9;border-color:#00000014}:root.light-mode nav,:root.light-mode .nav-glass{background:#05080ad9!important}:root.light-mode nav .text-gray-300{color:#d1d5db!important}:root.light-mode nav .text-white{color:#fff!important}:root.light-mode nav .text-lab-cyan{color:#22d3ee!important}:root.light-mode nav .border-white\/10{border-color:#ffffff1a!important}:root.light-mode nav .bg-white\/5{background-color:#ffffff0d!important}:root.light-mode nav .hover\:bg-white\/10:hover{background-color:#ffffff1a!important}:root.light-mode .text-white{color:#1e293b!important}:root.light-mode .text-gray-200,:root.light-mode .text-gray-300{color:#475569!important}:root.light-mode .text-gray-400,:root.light-mode .text-gray-500{color:#64748b!important}:root.light-mode .text-lab-cyan,:root.light-mode .text-cyan-300{color:#0891b2!important}:root.light-mode .text-cyan-50{color:#0e7490!important}:root.light-mode .text-red-300,:root.light-mode .text-red-400{color:#dc2626!important}:root.light-mode .gene{color:#0e7490}:root.light-mode .gene.text-white{color:#1e293b!important}:root.light-mode .bg-black\/70{background-color:#0000004d!important}:root.light-mode .bg-\[\#05080a\]\/80{background-color:#f8fafce6!important}:root.light-mode .bg-cyan-900\/20{background-color:#0891b21a!important}:root.light-mode .border-cyan-500\/20{border-color:#0891b233!important}:root.light-mode .bg-yellow-900\/10{background-color:#a1620714!important}:root.light-mode .border-yellow-500\/30{border-color:#ca8a0466!important}:root.light-mode .text-yellow-100\/80{color:#92400e!important}:root.light-mode .border-white\/10{border-color:#00000014!important}:root.light-mode .border-cyan-900\/30{border-color:#0891b233!important}:root.light-mode .border-l-lab-cyan{border-left-color:#0891b2!important}:root.light-mode footer{color:#475569!important;background-color:#fffffff2!important;border-color:#00000014!important}:root.light-mode footer .text-gray-400{color:#64748b!important}:root.light-mode #copyright-modal{background-color:#fff!important;border-color:#00000014!important}:root.light-mode #copyright-modal .text-white{color:#1e293b!important}:root.light-mode #copyright-modal .text-gray-300{color:#475569!important}:root.light-mode ::-webkit-scrollbar-track{background:#f1f5f9}:root.light-mode ::-webkit-scrollbar-thumb{background:#0891b2}:root.light-mode .copyright-summary{color:#0891b2!important}*,:before,:after{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-scene{z-index:1000;background-color:#fdfcdc;background-image:radial-gradient(at 15% 20%,#a0d2ff80 0%,#0000 65%),radial-gradient(at 85% 80%,#ffb4d273 0%,#0000 65%),radial-gradient(circle,#f0f0ff33 0%,#0000 50%);background-size:100% 100%;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:100svh;margin:0;padding:0;transition:opacity 1s,visibility 1s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.intro-scene.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-content-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex;position:relative}.intro-logo{z-index:100;width:auto;height:40px;position:absolute;top:1.5rem;left:1.5rem}.intro-scene .ui-container{z-index:20;text-align:left;flex-shrink:0;max-width:300px;position:relative;top:auto;right:auto;transform:none}.intro-scene .text-line{color:#333;letter-spacing:.1em;opacity:0;margin-bottom:8px;font-size:1.6rem;font-weight:700;animation:1s cubic-bezier(.2,.8,.2,1) forwards textFadeIn;display:block;transform:translateY(20px)}.intro-scene .text-line:first-child{animation-delay:.3s}.intro-scene .text-line:nth-child(2){color:#555;font-size:1.2rem;font-weight:400;animation-delay:1.2s}@keyframes textFadeIn{to{opacity:1;transform:translateY(0)}}.intro-scene .cta-hint{color:#fff;cursor:pointer;opacity:0;background:#333;border:none;border-radius:50px;margin-top:20px;padding:12px 30px;font-size:1rem;transition:all .3s;animation:1s 2.5s forwards fadeInHint;display:inline-block;box-shadow:0 4px 15px #0003}.intro-scene .cta-hint:hover{background:#555;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.intro-scene .cta-hint:focus{outline-offset:2px;outline:3px solid #4a90d9}.intro-scene .cta-hint:active{transform:translateY(0)}@keyframes fadeInHint{to{opacity:1}}.intro-scene .scene-svg{object-fit:contain;flex-shrink:1;width:auto;min-width:0;height:auto;max-height:100svh;display:block}.intro-scene #burette-interactive-area{cursor:pointer}.intro-scene #burette-interactive-area:focus{outline:none}.intro-scene #burette-interactive-area:focus-visible path:first-child{filter:drop-shadow(0 0 8px #4a90d9)}.intro-scene .surface-color-transition{transition:fill .5s,stroke .5s}.intro-scene .bottom-color-transition{transition:fill .5s}.intro-scene .surface-color-transition.changed{fill:#ff7bac!important;stroke:#ff7bac!important}.intro-scene .bottom-color-transition.changed{fill:#ff7bac!important}.intro-scene #liquid-mask-rect{transition:y .1s linear}.intro-scene .dynamic-drop{opacity:0;pointer-events:none;fill:#bae4f5;transform-origin:230.5px 653px;transition:transform .25s ease-out,opacity .15s ease-out;transform:translateY(0)scale(0)}.intro-scene .dynamic-drop.drop-forming{opacity:1!important;transform:translateY(0)scale(1)!important}.intro-scene .dynamic-drop.drop-stretching{opacity:1!important;transform:translateY(10px)scaleY(1.3)scaleX(.85)!important}.intro-scene .flask-inner-drop{fill:#add8e6cc;opacity:0;pointer-events:none}.intro-scene .flask-inner-drop.visible{opacity:1}@keyframes flaskDropFall1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(180px)}}@keyframes flaskDropFall2{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(180px)}}@keyframes flaskDropFall3{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(180px)}}@keyframes dropFallAnimation{0%{opacity:1;transform:translateY(10px)scaleY(1.3)scaleX(.85)}15%{opacity:1;transform:translateY(30px)scaleY(1.5)scaleX(.7)}30%{opacity:1;transform:translateY(100px)scaleY(1.2)scaleX(.8)}to{opacity:0;transform:translateY(580px)scaleY(.8)scaleX(1.1)}}.intro-scene .dynamic-ripple{fill:none;stroke:#a9ddf3;stroke-width:3px;opacity:0;transform-origin:235.55px 1235.47px}.intro-scene .dynamic-ripple.changed{stroke:#ff7bac}@keyframes rippleEffect{0%{opacity:.9;stroke-width:5px;transform:scale(.1)}50%{opacity:.6}to{opacity:0;stroke-width:1px;transform:scale(1.2)}}.flask-ripple{fill:none;stroke:#ffffffe6;stroke-width:3px;opacity:0}@media (prefers-reduced-motion:reduce){.intro-scene .text-line,.intro-scene .cta-hint{opacity:1;animation:none;transform:none}.intro-scene .dynamic-drop,.intro-scene .dynamic-ripple{transition:none}@keyframes dropFallAnimation{0%{opacity:1;transform:translateY(10px)}to{opacity:0;transform:translateY(580px)}}@keyframes rippleEffect{0%{opacity:.9}to{opacity:0}}}@media screen and (width<=1024px){.intro-scene .scene-svg{flex-shrink:1;max-width:60%;height:auto}.intro-content-wrapper{gap:20px;padding:0 20px}}@media screen and (width<=768px){.intro-scene .ui-container{flex-shrink:0;max-width:250px;right:auto}.intro-scene .scene-svg{max-width:55%}.intro-scene .text-line{font-size:1.3rem}.intro-scene .text-line:nth-child(2){font-size:1rem}.intro-scene .cta-hint{padding:10px 24px;font-size:.9rem}}@media screen and (width<=480px){.intro-scene .ui-container{z-index:30;text-shadow:0 0 10px #fffc;max-width:160px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.intro-scene .scene-svg{object-fit:cover;width:auto;max-width:none;height:100svh;position:absolute;top:0;bottom:0;left:-10%}.intro-content-wrapper{padding:0;display:block}.intro-scene .text-line{font-size:1rem}.intro-logo{height:32px;top:1rem;left:1rem}.intro-scene .text-line:nth-child(2){font-size:.8rem}.intro-scene .cta-hint{padding:8px 16px;font-size:.85rem}}@media screen and (width<=1024px) and (orientation:landscape){.intro-scene .ui-container{z-index:30;text-shadow:0 0 10px #fffc;max-width:250px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.intro-content-wrapper{justify-content:center}}.main-content{opacity:0;min-height:100vh;display:none;transform:scale(.95)}.main-content.visible{display:block}body.main-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;padding:20px;font-family:Microsoft JhengHei,微軟正黑體,sans-serif}.main-content .container{background:#fffffff2;border-radius:20px;max-width:1400px;margin:0 auto;padding:30px;box-shadow:0 20px 60px #0000004d}.main-content h1{text-align:center;color:#333;text-shadow:2px 2px 4px #0000001a;margin-bottom:30px;font-size:2.5em}.control-panel{background:#e8edf5;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 5px 15px #0000001a}.control-panel h2{color:#333;text-align:center;margin-bottom:20px;font-size:1.8em}.control-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}@media (width>=1200px){.control-grid{grid-template-columns:repeat(4,1fr)}}.control-group{flex-direction:column;display:flex}.main-content label{color:#555;margin-bottom:8px;font-size:1.15em;font-weight:700}.main-content select,.main-content input[type=number],.main-content input[type=range]{color:#333;background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px;font-size:1.1em;transition:all .3s}.main-content select:focus,.main-content input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea4d}.button-row{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.main-content .button-row button{color:#1a1d21;cursor:pointer;background:#00c68d;border:none;border-radius:8px;min-width:120px;padding:12px 30px;font-size:1.25em;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0003}.main-content .button-row button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.main-content .button-row button:focus{outline-offset:2px;outline:3px solid #4a90d9}.main-content .button-row button:disabled{opacity:.6;cursor:not-allowed}#dropBtn{background:#3a86ff}#pauseBtn{background:#fd3a69}#resetBtn{background:#fecd1a}#preEqBtn{color:#1a1d21;background:#fff;border:2px solid #3a86ff;min-width:0;padding:12px 20px;font-size:1.1em}#preEqBtn:hover:not(:disabled){background:#eaf2ff}.capacity-warning{color:#1a1d21;background:#fd3a69;border-radius:6px;grid-column:1/-1;margin:6px 0 0;padding:10px 14px;font-weight:700;line-height:1.5}.capacity-warning[hidden]{display:none}.visualization-section{grid-template-columns:1fr 2fr;gap:15px;margin-bottom:30px;display:grid}.visualization-section>*{min-width:0}.apparatus-container{background:#fff;border-radius:15px;flex-direction:column;align-items:center;padding:20px;display:flex;box-shadow:0 5px 15px #0000001a}.apparatus-container h3{color:#333;margin-bottom:20px;font-size:1.4em}.apparatus{justify-content:center;align-items:center;width:100%;max-width:360px;height:620px;display:flex;position:relative}.apparatus svg{width:100%;height:100%}#drop{transform-origin:50%;animation:1s ease-in-out infinite svgDropAnimation}#stopcock{cursor:pointer;outline:none}#stopcockHandle{pointer-events:none}#stopcock:focus #stopcockHandle{filter:drop-shadow(0 0 8px #4a90d9)}#stopcock:focus:not(:focus-visible) #stopcockHandle{filter:none}#stopcock:focus-visible #stopcockHandle{filter:drop-shadow(0 0 8px #4a90d9)}@keyframes svgDropAnimation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}#buretteLiquid{transition:d .1s linear}#beakerLiquid{transition:fill .5s}.chart-container{background:#fff;border-radius:15px;flex-direction:column;padding:20px;display:flex;box-shadow:0 5px 15px #0000001a}.chart-container h3{color:#333;text-align:center;margin-bottom:20px;font-size:1.4em}#titrationChart{flex:1}.chart-wrapper{width:100%;height:550px;position:relative}.download-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:8px;padding:8px 16px;font-size:.9em;font-weight:700;transition:all .3s;display:none;position:absolute;bottom:-45px;right:20px;box-shadow:0 4px 10px #0003}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.download-btn:active{transform:translateY(0)}.info-panel{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);border-radius:15px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:20px;display:grid;box-shadow:0 5px 15px #0000001a}.info-item{background:#fffc;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .3s;display:flex}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.info-label{color:#555;font-weight:700}.info-value{color:#333;font-size:1.1em;font-weight:700}.color-preview{vertical-align:middle;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-left:10px;display:inline-block;box-shadow:0 2px 5px #0003}.indicator-badge{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-radius:15px;margin-left:10px;padding:4px 10px;font-size:.9em;display:inline-block}.speed-display{background:#667eea1a;border-radius:5px;margin-left:10px;padding:5px 10px;font-weight:700;display:inline-block}.speed-readout{white-space:nowrap}.speed-unit{margin-left:4px;font-size:.75em;font-weight:400}#dynamicControls{display:contents}.control-dock .button-row{margin-top:15px}.dock-toggle{display:none}body.controls-docked .control-dock-slot{height:var(--dock-h)}body.controls-docked .control-dock{z-index:900;cursor:move;touch-action:none;background:#e8edf5;border-radius:14px;width:224px;padding:30px 14px 14px;animation:.25s dockIn;position:fixed;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 10px 30px #00000040}body.controls-docked .control-dock:before{content:"";opacity:.75;border-top:2px solid #9aa8bf;border-bottom:2px solid #9aa8bf;width:20px;height:6px;position:absolute;top:11px;left:14px}body.controls-docked .control-dock.dock-moved{animation:none;transform:none}body.controls-docked .control-dock.dragging{cursor:grabbing;box-shadow:0 16px 40px #00000059}body.controls-docked .control-dock .control-group{max-width:none}body.controls-docked .control-dock .button-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}body.controls-docked .control-dock .button-row button{min-width:0;padding:9px 4px;font-size:1.05em}body.controls-docked .control-dock .button-row #preEqBtn{grid-column:1/-1;padding:9px 6px;font-size:1.05em}body.controls-docked .dock-toggle{color:#40506b;cursor:pointer;background:#fffc;border:none;border-radius:50%;width:26px;height:26px;padding:0;font-size:15px;line-height:26px;display:block;position:absolute;top:6px;right:6px}body.controls-docked .dock-toggle:before{content:"‹"}body.controls-docked .dock-toggle:focus-visible{outline-offset:2px;outline:2px solid #667eea}body.controls-docked .control-dock.collapsed{width:auto;padding:6px}body.controls-docked .control-dock.collapsed .dock-body{display:none}body.controls-docked .control-dock.collapsed .dock-toggle{position:static}body.controls-docked .control-dock.collapsed .dock-toggle:before{content:"›"}@media screen and (width<=767px){body.controls-docked .control-dock{cursor:default;touch-action:auto;border-radius:14px 14px 0 0;width:auto;max-height:60svh;animation:.25s dockUp;inset:auto 0 0;overflow-y:auto;transform:none}body.controls-docked .control-dock:before{display:none}body.controls-docked .control-dock.collapsed{border-radius:50%;bottom:10px;left:auto;right:10px;overflow:visible}body.controls-docked .dock-toggle:before{content:"⌄"}body.controls-docked .control-dock.collapsed .dock-toggle:before{content:"⌃"}}@keyframes dockUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dockIn{0%{opacity:0;transform:translate(-12px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){body.controls-docked .control-dock{animation:none}}@media screen and (width<=1000px){.visualization-section{grid-template-columns:1fr}body.main-active{padding:0}.main-content .container{border-radius:0}.apparatus{width:100%;max-width:360px;height:auto;min-height:500px;margin:0 auto}.chart-wrapper{height:350px}.main-content h1{font-size:1.8em}.control-panel h2{font-size:1.4em}}@media screen and (width>=768px) and (width<=1000px){.visualization-section{grid-template-columns:400px minmax(0,1fr)}.apparatus-container{grid-area:1/1}.info-panel{grid-area:1/2;grid-template-columns:1fr;align-self:start}.chart-container{grid-area:2/1/auto/-1}}@media screen and (width<=480px){.main-content .container{padding:15px}.main-content h1{font-size:1.5em}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.main-content .button-row button{width:100%;min-width:0;max-width:none}}@media (prefers-contrast:high){.intro-scene .cta-hint,.main-content .button-row button{border:2px solid #000}.info-item{border:1px solid #333}}.cs-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.cs-modal-backdrop.active{opacity:1}.cs-modal{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:9999;opacity:0;background:#fffffff2;border:1px solid #0000001a;border-radius:20px;flex-direction:column;width:90%;max-width:420px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.9);box-shadow:0 10px 40px #00000026}.cs-modal.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.cs-modal-header{text-align:center;background:0 0;padding:2rem 1.5rem .5rem;position:relative}.cs-modal-icon{background:#764ba21a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.cs-modal-icon .material-symbols-rounded{color:#764ba2;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;font-size:32px}.cs-modal-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.cs-modal-body{text-align:center;flex:1;padding:1rem 1.5rem 1.5rem}.cs-modal-message{color:#475569;margin:0;font-size:1rem;font-weight:400;line-height:1.6}.cs-modal-footer{justify-content:center;padding:0 1.5rem 1.5rem;display:flex}.cs-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;padding:.75rem 1.5rem;font-family:Noto Sans TC,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.cs-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cs-modal-btn:active{transform:translateY(0)}@media (width<=640px){.cs-modal{border-radius:20px;max-width:340px}.cs-modal-header{padding:1.5rem 1rem 1rem}.cs-modal-body{padding:1.5rem 1rem}.cs-modal-footer{padding:0 1rem 1rem}.cs-modal-btn{padding:.75rem 2rem;font-size:.95rem}}.cs-floating-btn{color:#fff;cursor:pointer;z-index:9990;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out forwards cs-fade-in;display:flex;position:fixed;top:8px;right:24px;box-shadow:0 4px 12px #00000040}body:not(.main-active) .cs-floating-btn{display:none}.cs-floating-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #00000059}.cs-floating-btn:active{transform:translateY(0)scale(.95)}.cs-floating-btn .material-symbols-rounded{color:#fff;font-size:28px}@keyframes cs-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.cs-floating-btn{width:48px;height:48px;top:12px;right:16px}.cs-floating-btn .material-symbols-rounded{font-size:24px}}