.ar-shell{color:#f1f2dd;background:#122833}.ar-header{z-index:4;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:24px;right:24px}.ar-header a,.ar-header button{color:#e7efe7;background:#122d38e8;border:1px solid #a3d6c749;border-radius:6px;padding:9px 12px;font-size:14px}.ar-header>span{text-align:center;letter-spacing:.1em;font-size:16px}.ar-header small{color:#98e2d6;margin-top:5px;font-size:11px;display:block}.ar-intro{background:#102b36ed;border-left:3px solid #93e4cf;border-radius:9px;max-width:500px;padding:28px;position:absolute;top:18%;left:6%}.ar-intro>span,.ar-objective>span,.ar-record>span{letter-spacing:.1em;color:#a5d9cf;font-size:12px}.ar-intro h1{margin:16px 0;font-size:clamp(38px,4.8vw,66px);line-height:1.05}.ar-intro p,.ar-intro li{font-size:16px;line-height:1.65}.ar-intro ol{margin:16px 0;padding-left:22px}.ar-intro .ar-small{margin:12px 0 20px;font-size:14px}.ar-intro>a{margin-top:15px;font-size:14px;display:block}.ar-objective{background:#102b36e8;border:1px solid #9cd4c53d;border-radius:8px;max-width:340px;padding:14px 17px;position:absolute;top:100px;left:24px}.ar-objective h1{margin:7px 0;font-size:24px}.ar-objective small{color:#b1d1c6;font-size:13px;display:block}.ar-objective button{color:#c6e8bc;margin-top:9px;font-size:14px;text-decoration:underline}.ar-feedback{background:#112c36e8;border-left:2px solid #abd8b7;width:min(500px,100% - 48px);padding:11px 15px;font-size:15px;line-height:1.5;position:absolute;bottom:98px;left:24px}.ar-record{z-index:5;background:#102b36f7;border:1px solid #a7d2bd;border-radius:10px;width:min(430px,43vw);max-height:calc(100dvh - 200px);padding:24px;position:absolute;top:102px;right:24px;overflow:auto;box-shadow:0 18px 50px #0005}.ar-record h2{margin:12px 0;font-size:24px;line-height:1.2}.ar-record p{color:#faf7df;margin:15px 0;font-size:19px;line-height:1.7}.ar-record small{color:#a8cfc2;font-size:13px;display:block}.ar-record button{color:#193734;background:#c7e3b6;border-radius:5px;margin-top:18px;padding:10px 15px;font-size:15px}.ar-controls{z-index:4;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.ar-controls>span{text-shadow:0 2px 4px #000;font-size:13px}.ar-controls>div{gap:6px;display:flex}.ar-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#193d44e8;border:1px solid #aad5bd;border-radius:6px;min-width:43px;min-height:45px;padding:10px 13px;font-size:15px}.ar-controls button:active{background:#4b766e}.ar-controls button:disabled{opacity:.6}.ar-save{z-index:6;background:#5e4520;padding:8px;font-size:14px;position:absolute;bottom:165px;left:24px}@media (max-width:800px){.ar-controls>span{display:none}.ar-controls{justify-content:center}.ar-objective{max-width:280px}.ar-record{width:45vw;padding:18px}.ar-record p{font-size:17px}}@media (max-width:600px){.ar-header{top:14px;left:12px;right:12px}.ar-header>span{font-size:11px}.ar-header small{font-size:9px}.ar-header a,.ar-header button{padding:7px;font-size:12px}.ar-intro{max-height:calc(100dvh - 110px);padding:20px;top:87px;left:15px;right:15px;overflow:auto}.ar-objective{max-width:calc(100% - 24px);padding:10px;top:80px;left:12px}.ar-objective h1{font-size:20px}.ar-objective p{font-size:14px}.ar-record{width:auto;max-height:calc(100dvh - 180px);top:90px;left:15px;right:15px}.ar-feedback{font-size:14px;bottom:122px;left:12px}.ar-controls{bottom:15px;left:12px;right:12px}.ar-controls>div{flex-wrap:wrap;justify-content:center}.ar-controls button:last-child{min-width:220px}}.ar-water{z-index:3;background:#143440ef;border:1px solid #b0dad055;border-radius:8px;width:200px;padding:12px 15px;position:absolute;top:100px;right:24px;overflow:hidden}.ar-water span{letter-spacing:.06em;color:#b4e9e5;font-size:12px;display:block}.ar-water strong{margin:5px 0 8px;font:600 30px ui-monospace,monospace;display:block}.ar-water i{background:#72d4e4;border-radius:3px;height:5px;transition:width .4s;display:block}.ar-record{max-height:calc(100dvh - 290px);top:215px}@media (max-width:600px){.ar-water{width:130px;padding:8px;top:auto;bottom:190px;right:12px}.ar-water span{font-size:10px}.ar-water strong{font-size:22px}.ar-record{max-height:calc(100dvh - 180px);top:90px}}.ar-header{pointer-events:none;top:16px;left:20px;right:20px}.ar-header>a,.ar-header>button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102b35bf;border-color:#c1e6da30}.ar-header>span{text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#0000,#102b35b8,#0000);padding:8px 18px}.ar-objective{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(110deg,#102b35ed,#102b3578);border:0;border-left:2px solid #8de0cb;width:280px;max-width:280px;padding:13px 15px;top:88px;left:20px;box-shadow:0 10px 30px #0002}.ar-objective>span{letter-spacing:.07em;font-size:12px}.ar-objective h1{margin:7px 0;font-size:22px;line-height:1.15}.ar-objective p{margin:8px 0;font-size:16px;line-height:1.4}.ar-objective small{font-size:13px}.ar-objective button{margin-top:8px;font-size:14px}.ar-water{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#102b35c7;border-color:#c1e6da30;width:165px;padding:10px 13px;top:88px;right:20px}.ar-water strong{font-size:26px}.ar-water span{font-size:12px;line-height:1.4}.ar-feedback{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#102b35e8,#102b3570);border-radius:0 7px 7px 0;max-width:440px;font-size:15px;bottom:90px;left:20px}.ar-controls{bottom:18px;left:20px;right:20px}.ar-controls button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102b35c7;border-color:#afd7ca60}.ar-controls button:last-child{color:#e8fff4;background:#234e50e6}.ar-record{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#112d38f2;border-color:#99cabb88;width:min(400px,42vw);padding:22px;top:205px;right:20px;box-shadow:0 16px 60px #0006}.ar-record h2{font-size:23px}.ar-record p{font-size:18px;line-height:1.6}.ar-record button{min-height:44px}@media (min-width:1000px){.ar-controls>span{font-size:14px}}@media (max-height:650px) and (min-width:601px){.ar-objective{width:250px;top:76px}.ar-water{top:76px}.ar-record{max-height:calc(100dvh - 170px);top:76px}.ar-feedback{max-width:360px;bottom:80px}}@media (max-width:600px){.ar-header{top:12px;left:12px;right:12px}.ar-header>span{padding:4px}.ar-objective{width:calc(100% - 168px);max-width:none;padding:10px;top:72px;left:12px}.ar-objective h1{font-size:19px}.ar-objective p{font-size:14px}.ar-objective>span,.ar-objective small{font-size:12px}.ar-water{width:132px;padding:9px;top:72px;bottom:auto;right:12px}.ar-water strong{font-size:23px}.ar-record{width:auto;max-height:calc(100dvh - 180px);padding:20px;top:72px;left:12px;right:12px}.ar-feedback{width:calc(100% - 24px);font-size:14px;bottom:122px;left:12px}.ar-controls{bottom:12px;left:12px;right:12px}.ar-controls button:last-child{max-width:100%;font-size:14px}}@media (prefers-reduced-motion:reduce){.ar-water i{transition:none}}.quiet-chapter .ar-objective{width:auto;max-width:320px;padding:9px 12px}.quiet-chapter .ar-objective>span{letter-spacing:0;font-size:14px}.quiet-chapter .ar-objective p{margin:6px 0 0;font-size:16px;line-height:1.4}.quiet-chapter .ar-controls{flex-direction:column;justify-content:center;bottom:18px}.quiet-chapter .ar-controls>span{text-align:center;background:#102b31e8;border-radius:7px;order:2;padding:8px 12px;font-size:14px;line-height:1.5;display:block}.quiet-chapter .ar-controls .quiet-use{min-width:0;max-width:100%;font-size:14px}.quiet-chapter .ar-feedback{pointer-events:none;bottom:145px}.quiet-chapter .ar-intro>.rw-primary{margin-top:20px}@media (pointer:fine){.quiet-chapter .ar-controls>div>button:not(.quiet-use){display:none}}@media (max-width:600px){.quiet-chapter .ar-objective{max-width:calc(100% - 160px)}.quiet-chapter .ar-water{width:128px}}