html,body{width:100%;height:100%;font-family:var(--dr-font);color:#273b31;background:#dce4d9;margin:0;overflow:hidden}button{font:inherit}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #476c50}[hidden]{display:none!important}.desktop-scene{isolation:isolate;background:#dce4d9 url(/assets/harocue-mountains.webp) 61%/cover no-repeat;height:100%;min-height:520px;position:relative;overflow:hidden}.desktop-menubar{color:#3b5144;background:#edf1e6bb;border-bottom:1px solid #344f3510;align-items:center;gap:18px;height:30px;padding:0 17px;font-size:10px;display:flex}.desktop-mark{background:url(/assets/brand/harocue-mark.svg) 50%/contain no-repeat;width:13px;height:15px}.desktop-menubar strong{font-size:10px;font-weight:600}.desktop-clock{margin-left:auto;font-size:9px}.desktop-note{color:#616b4e;width:202px;min-height:250px;font:11px/1.8 var(--dr-font);background:#e8e8d6;border:1px solid #65734a29;border-radius:7px;padding:20px 19px;position:absolute;top:90px;right:24px;transform:rotate(3deg);box-shadow:0 12px 36px #284c2726}.note-title{border-bottom:1px solid #8998753a;margin-bottom:18px;padding-bottom:14px;font-weight:600}.desktop-note p{margin:11px 0}.desktop-note small{margin-top:40px;font-size:9px;display:block}.desktop-capsule{z-index:6;width:228px;position:absolute;top:37px;left:50%;transform:translate(-50%)}.desktop-capsule .status-cap{cursor:pointer}.desktop-capsule .cap-shell{min-height:0}.desktop-capsule .quick-panel{width:100%;max-width:212px}.desktop-capsule .qp-item{cursor:pointer}.desktop-mail{background:#fbfcf8;border:1px solid #52684824;border-radius:9px;width:min(490px,78%);height:365px;transition:box-shadow .24s;position:absolute;top:105px;left:5%;overflow:visible;box-shadow:0 19px 48px #263e3229}.mail-titlebar{color:#6b7669;background:#f0f2ec;border-bottom:1px solid #455b3520;border-radius:9px 9px 0 0;justify-content:space-between;align-items:center;height:33px;padding:0 15px;font-size:10px;display:flex}.window-lights{gap:5px;width:49px;display:flex}.window-lights i{background:#c9cbc0;border:1px solid #a7ad9c44;border-radius:50%;width:7px;height:7px}.window-lights i:first-child{background:#d5a18b}.window-lights i:nth-child(2){background:#d7c18d}.window-lights i:nth-child(3){background:#aebfa4}.mail-saved{text-align:right;width:49px;font-size:9px}.mail-meta{border-bottom:1px solid #657f4f19;padding:8px 20px}.mail-meta p{gap:16px;margin:7px 0;font-size:11px;line-height:1.5;display:flex}.mail-meta p>span{color:#8a9385;width:38px;font-size:10px}.mail-writing{padding:17px 23px;font-size:12px;line-height:1.8;position:relative}.mail-greeting{color:#687262;margin:0 0 12px}.mail-writing textarea{resize:none;color:#273b31;width:100%;height:44px;font:13px/22px var(--dr-font);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;overflow:auto}.mail-writing textarea:focus{outline:none;box-shadow:0 1px #668c6a33}.desktop-ghost-anchor{z-index:3;width:360px;max-width:calc(100% + 6px);margin-top:4px;position:relative}.desktop-ghost-anchor .tab-ghost{max-width:100%;max-height:240px;position:absolute;top:0;left:0}.desktop-ghost-anchor .tab-ghost.is-qa{width:360px}.mail-signoff{color:#8a9386;margin:83px 0 0;font-size:11px;transition:opacity .18s}.desktop-scene[data-chapter=question] .mail-signoff{opacity:0}.mail-footer{color:#87917e;background:#f7f9f3;border-top:1px solid #455b3512;border-radius:0 0 9px 9px;justify-content:space-between;align-items:center;height:41px;padding:0 20px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.mail-footer button{color:#476644;cursor:pointer;background:#eaf0e3;border:1px solid #536f4125;border-radius:4px;padding:4px 8px;font-size:10px}.mail-footer button:disabled{opacity:.4;cursor:default}.desktop-scene[data-chapter=question] .desktop-mail{height:378px}.desktop-scene[data-chapter=question] .mail-writing{padding-top:12px}.desktop-scene[data-chapter=question] .mail-greeting{margin-bottom:5px}.desktop-scene[data-chapter=question] .desktop-ghost-anchor{margin-top:1px}.desktop-key{z-index:7;color:#36553d;flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:118px;right:36px}.desktop-key kbd{font:14px var(--dr-font);background:#f2f7e6;border:1px solid #92a383;border-radius:7px;padding:10px 16px;box-shadow:0 4px #bccbaa,0 8px 22px #35533022}.desktop-key:not([hidden]){animation:.22s ease-out desktop-key-in}@keyframes desktop-key-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.desktop-player{align-items:center;gap:15px;display:flex;position:absolute;bottom:35px;left:20px;right:20px}.desktop-chapters{flex:1;gap:5px;min-width:0;display:flex}.desktop-chapters button{color:#688064;cursor:pointer;white-space:nowrap;background:#eef3e7a8;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;display:flex;position:relative}.desktop-chapters button b{font-size:13px;font-weight:600}.desktop-chapters button[aria-pressed=true]{color:#27472f;background:#f7faef;border-color:#849c7340;box-shadow:0 2px 8px #344c2520}.playback-control{color:#415e42;cursor:pointer;background:#f1f6e9;border:1px solid #81956f40;border-radius:5px;flex:none;min-width:38px;padding:8px 7px;font-size:10px}.desktop-caption{color:#486144;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;line-height:1.4;position:absolute;bottom:10px;left:24px;right:24px;overflow:hidden}.desktop-main-window{z-index:9;background:#e8eeea;border:1px solid #758b763b;border-radius:10px;position:absolute;inset:45px 16px 80px;overflow:hidden;box-shadow:0 25px 65px #11271b4d}.desktop-main-window>header{color:#4a6750;height:30px;font:10px var(--dr-font);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.desktop-main-window>header button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:10px}.desktop-main-window iframe{border:0;width:100%;height:calc(100% - 30px);display:block}@media (width<=500px){.desktop-scene{background-position:72%;min-height:500px}.desktop-note{width:155px;min-height:200px;font-size:10px;top:92px;right:-60px}.desktop-capsule{top:34px}.desktop-mail{width:calc(100% - 41px);height:350px;top:93px;left:14px}.desktop-scene[data-chapter=question] .desktop-mail{height:360px}.mail-meta,.mail-writing{padding-inline:15px}.mail-writing textarea{font-size:12px}.mail-titlebar{padding-inline:12px}.mail-footer{padding-inline:12px;font-size:8px}.desktop-ghost-anchor{max-width:calc(100% + 10px)}.desktop-ghost-anchor .tab-ghost-text{font-size:12px;line-height:18px}.desktop-player{gap:6px;bottom:33px;left:12px;right:12px}.desktop-chapters button{gap:5px;padding:9px 8px;font-size:9px}.desktop-chapters button b{font-size:12px}.desktop-caption{font-size:9px;left:15px;right:15px}.desktop-key{bottom:103px;right:27px}.desktop-menubar{gap:12px}.desktop-main-window{inset:38px 8px 74px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.desktop-menubar{background:#edf1e6}.desktop-chapters button{background:#eef3e7}}.desktop-scene{background:#245761}.desktop-scene:before{content:"";z-index:-1;background:radial-gradient(at 95% 105%,#b8c7b1 0%,#849f97 24%,#0000 24.3%),radial-gradient(at 108% 112%,#0000 0 41%,#4a787b 41.3% 53%,#0000 53.3%),radial-gradient(at 18% -38%,#092b39 0%,#16434d 49%,#0000 49.3%),linear-gradient(150deg,#246b77,#80a397);position:absolute;inset:30px 0 76px}.desktop-menubar{z-index:2;color:#f1f5f3;background:#183c49ec;border-bottom-color:#ffffff15;font-size:10px;position:relative}.desktop-mark{filter:brightness(0)invert()}.desktop-note{color:#565c4a;background:#fffdf2;border:1px solid #fffc;border-radius:8px;width:177px;min-height:228px;padding:0 16px 16px;top:162px;right:21px;transform:none;box-shadow:0 17px 32px #09273150}.note-windowbar{color:#8e8b7c;background:#f0ebd9;border-radius:8px 8px 0 0;align-items:center;gap:25px;height:29px;margin:0 -16px 16px;padding:0 10px;font-size:9px;display:flex}.note-windowbar>span{letter-spacing:1px;color:#b7b29d;font-size:8px}.note-title{margin-bottom:10px;padding-bottom:10px}.desktop-note small{margin-top:25px}.desktop-note.is-front{z-index:5;width:230px;top:140px;right:28px}.desktop-mail{background:#fff;border-color:#ffffffc9;box-shadow:0 21px 50px #08283766,0 2px 7px #08283724}.mail-titlebar{background:#eeeef0;border-bottom-color:#b2bbc049}.mail-meta{background:#fcfcfc}.window-lights{gap:6px}.window-lights i{width:8px;height:8px}.window-lights i:first-child{background:#ff6058;border-color:#e34b43}.window-lights i:nth-child(2){background:#febc2e;border-color:#e2a024}.window-lights i:nth-child(3){background:#28c840;border-color:#24ad36}.desktop-folder{color:#fff;cursor:pointer;background:0 0;border:0;width:69px;padding:4px;position:absolute;top:55px;right:26px}.desktop-folder>span{background:linear-gradient(#87cde3,#4e9dc8);border:1px solid #b2e5f1;border-radius:2px 4px 4px;width:42px;height:31px;margin:8px auto;display:block;position:relative;box-shadow:0 3px 5px #0c394240}.desktop-folder>span:before{content:"";background:#88cbe0;border:1px solid #b2e5f1;border-bottom:0;border-radius:3px 4px 0 0;width:19px;height:6px;position:absolute;top:-6px;left:-1px}.desktop-folder small{text-shadow:0 1px 4px #102b35;font-size:9px}.desktop-dock{backdrop-filter:blur(18px);background:#d1e1df64;border:1px solid #f6ffff5c;border-radius:14px;align-items:center;gap:11px;padding:8px 11px 11px;display:flex;position:absolute;bottom:89px;left:50%;transform:translate(-50%);box-shadow:0 6px 19px #10384126,inset 0 0 0 1px #183f4220}.dock-icon{width:35px;height:35px;font-family:var(--dr-font);border:1px solid #ffffff82;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 2px 4px #1a393d2c}button.dock-icon{cursor:pointer;transition:transform .16s}button.dock-icon:hover{transform:translateY(-4px)}.dock-icon i{background:#173e43;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-7px}.dock-mail{color:#fff;background:linear-gradient(#59b6f4,#1874dc);font-size:29px;line-height:1}.dock-notes{background:linear-gradient(#f8d251 0 28%,#fdf9ec 29%)}.dock-notes>span{background:repeating-linear-gradient(#0000 0 4px,#d8d4c7 4px 5px);width:22px;height:16px;margin-top:10px}.dock-calendar{background:#fff}.dock-calendar small{color:#fff;text-align:center;background:#ee6260;border-radius:7px 7px 0 0;font-size:7px;line-height:11px;position:absolute;top:0;left:0;right:0}.dock-calendar>span{color:#363f41;margin-top:8px;font-size:20px}.dock-harocue{background:#f0f2e7}.dock-harocue>span{background:url(/assets/brand/harocue-mark.svg) 50%/contain no-repeat;width:19px;height:26px}.dock-separator{background:#f6ffff5e;width:1px;height:29px;margin-inline:2px}.desktop-player{z-index:10;bottom:30px}.desktop-player:before{content:"";z-index:-1;background:#edf2eb;border-top:1px solid #ffffff80;height:90px;position:absolute;top:-12px;left:-20px;right:-20px}.desktop-caption{z-index:11;bottom:8px}.desktop-key{bottom:155px}.desktop-key>span{color:#fff;text-shadow:0 1px 3px #142d35}@media (width<=500px){.desktop-mail{width:calc(100% - 47px);top:100px}.desktop-note{width:152px;top:178px;right:-62px}.desktop-note.is-front{width:220px;top:148px;right:13px}.desktop-folder{transform-origin:100% 0;top:46px;right:12px;transform:scale(.82)}.desktop-dock{gap:10px;padding:7px 10px 10px;bottom:88px}.dock-icon{width:32px;height:32px}.desktop-key{bottom:152px}.desktop-player{bottom:30px}.desktop-player:before{left:-12px;right:-12px}.desktop-system{display:none}}