/* UG-UI-20261015-10: colleague study-room presentation, scoped to the study scene.
 * Original study.css is retained; no multiplayer room or navigation is imported. */
.study-lobby .study-room-list{display:grid;gap:18px}.study-lobby .study-entry{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:205px;width:100%;padding:24px;border:1px solid #dce6f5;border-radius:26px;background:linear-gradient(125deg,#edf4ff,#d3e3f4);text-align:left;color:#233b61;cursor:pointer}.study-lobby .study-entry-copy{position:relative;z-index:2;display:grid;gap:9px}.study-lobby .study-entry-copy strong{font-size:23px}.study-lobby .study-entry-copy small{font-size:13px;color:#63789b}.study-lobby .study-entry-copy>span{font-size:13px;margin-top:18px;display:flex;gap:18px;align-items:center}.study-lobby .study-entry-copy b{font-size:21px;font-weight:400}.study-lobby .study-entry-art{position:absolute;right:12%;top:18%;height:72%;width:33%;opacity:.8;transform:rotate(-8deg)}.study-lobby .study-art-window{position:absolute;inset:0 0 18%;border:8px solid #ffffffa8;border-radius:70px 70px 4px 4px;background:linear-gradient(150deg,#aec9ef,#f9fdff);box-shadow:inset 0 0 25px #fff}.study-lobby .study-art-window:after{content:'';position:absolute;inset:50% 0 auto;border-top:5px solid #ffffffad}.study-lobby .study-art-desk{position:absolute;bottom:12%;left:-20%;width:145%;height:11px;border-radius:8px;background:#809ec8;box-shadow:12px 24px 0 -3px #b1c5e1}.study-lobby .study-art-orbit{position:absolute;width:42px;height:42px;right:-5%;bottom:25%;border:1px solid #fff;border-radius:50%;background:#ffffff73;box-shadow:0 0 25px #fff}.study-lobby .study-entry-ai{background:linear-gradient(125deg,#e6f1ff,#bcd4f0)}.study-lobby .study-entry-ai .study-art-orbit{width:65px;height:65px;bottom:25%;right:18%;background:#648ae3aa;box-shadow:0 0 0 12px #ffffff40,0 0 30px #fff}.study-lobby .study-entry:hover{border-color:#92b4ec}.study-lobby .study-entry:focus-visible,.study-space button:focus-visible{outline:3px solid #699af8;outline-offset:4px}.screen.study-space{--study-text:#304768;--study-muted:#7588a5;--study-glass:#ffffff85;--study-border:#ffffffa8;position:relative;isolation:isolate;min-height:calc(100dvh - 90px);padding:26px 20px 24px;border-radius:28px;background-size:cover;background-position:center;color:var(--study-text);overflow:hidden}.study-space.theme-paper{background:radial-gradient(ellipse at 16% 12%,#fff8e9 0,transparent 44%),linear-gradient(145deg,#f3f7ff,#dce8f7)}.study-space.theme-forest{background:radial-gradient(ellipse at 90% 0,#dce9d2,transparent 50%),linear-gradient(135deg,#e3edf3,#a9bfca)}.study-space.theme-night,.study-space.has-image-background{--study-text:#f3f7ff;--study-muted:#c1cde2;--study-glass:#16274590;--study-border:#d5e2ff26}.study-space.theme-night{background:radial-gradient(ellipse at 85% 10%,#596c9b 0,transparent 48%),linear-gradient(150deg,#1c2d4c,#101d36)}.study-space-content{position:relative;max-width:650px;margin:auto}.study-space .study-room-heading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--study-muted);font-size:13px;letter-spacing:2px;margin:0 0 16px}.study-space .study-live-dot{width:6px;height:6px;border-radius:50%;background:#7c9bd8}.study-space .study-focus-area{display:grid;justify-items:center;padding:18px 0 28px}.study-space .study-clock{width:min(69vw,280px);aspect-ratio:1;display:grid;place-items:center;padding:3px;border-radius:50%;background:conic-gradient(from 0deg,#6289eb var(--progress),#9fbbdf40 0);position:relative}.study-space .study-clock:after{content:'';position:absolute;inset:-12px;border:1px solid #9db3d62b;border-radius:50%;pointer-events:none}.study-space .study-clock-inner{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:var(--study-glass);backdrop-filter:blur(15px)}.study-space .study-clock strong{font-size:clamp(42px,12vw,66px);font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.1}.study-space .study-status{font-size:13px;letter-spacing:3px;color:var(--study-muted)}.study-space .study-clock-caption{font-size:11px;color:var(--study-muted)}.study-space .study-clock.is-running:after{animation:study-breathe 5s ease-in-out infinite}.study-space .study-duration{display:flex;gap:6px;justify-content:center;margin-top:32px}.study-space .study-duration button{display:flex;align-items:baseline;gap:3px;border:0;padding:9px 12px;border-radius:18px;background:transparent;color:var(--study-muted);font-size:15px;cursor:pointer}.study-space .study-duration small{font-size:10px}.study-space .study-duration button.selected{color:var(--study-text);background:var(--study-glass)}.study-space .study-timer-actions{display:flex;gap:12px;align-items:center;margin-top:24px;width:min(100%,310px)}.study-space .study-start{flex:1;border:0;border-radius:24px;background:#5275db;color:white;padding:14px 20px;font:inherit;font-size:15px;cursor:pointer;box-shadow:none}.study-space .study-reset{border:1px solid var(--study-border);background:var(--study-glass);border-radius:50%;width:46px;height:46px;font-size:27px;color:var(--study-text);cursor:pointer}.study-space .study-dock{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 12px;border:1px solid var(--study-border);border-radius:22px;background:var(--study-glass);backdrop-filter:blur(16px)}.study-space .study-dock button{display:flex;align-items:center;gap:8px;padding:5px;background:transparent;border:0;color:var(--study-text);font:inherit;font-size:13px;cursor:pointer}.study-space .study-dock button>span{font-size:22px}.study-space .study-dock button i{width:5px;height:5px;border-radius:50%;background:#6c99ed}.study-space .study-dock-divider{height:20px;width:1px;background:#819bc339}.study-space .study-panel{background:var(--study-glass);border:1px solid var(--study-border);border-radius:22px;padding:18px;margin-top:12px;backdrop-filter:blur(20px);color:var(--study-text)}.study-space .study-panel h3{font-size:15px;margin:0 0 14px}.study-space .study-panel h4{font-size:12px;font-weight:500;color:var(--study-muted);margin:18px 0 10px}.study-space .study-background-options,.study-space .study-official-empty,.study-space .study-sound-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.study-space .study-swatch{height:68px;border:2px solid transparent;border-radius:12px;position:relative;cursor:pointer}.study-space .study-swatch span{background:#ffffffc9;color:#3b5479;border-radius:7px;font-size:11px;padding:3px 9px}.study-space .swatch-paper{background:linear-gradient(140deg,#fff4db,#c7dcf6)}.study-space .swatch-forest{background:linear-gradient(140deg,#e2eccf,#8faebb)}.study-space .swatch-night{background:linear-gradient(140deg,#5b73a5,#172440)}.study-space .selected{border-color:#638ded}.study-space .study-upload-row{display:flex;gap:10px;align-items:center}.study-space .study-upload{display:flex;justify-content:center;align-items:center;gap:6px;min-height:60px;flex:1;border:1px dashed #8fa8d0;border-radius:12px;background:transparent;color:var(--study-text);font:inherit;font-size:13px;cursor:pointer}.study-space .study-upload>span{font-size:24px}.study-space .study-text-button{border:0;background:transparent;color:var(--study-text);font:inherit;font-size:12px;cursor:pointer;padding:9px}.study-space .study-custom-preview{width:75px;height:60px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.study-space .study-custom-preview img{width:100%;height:100%;object-fit:cover}.study-space .study-official-empty span{height:58px;border:1px dashed #8fa8d04d;border-radius:12px;background:#9ab0d00a}.study-space .study-sound-options button{display:grid;gap:7px;justify-items:center;border:1px solid var(--study-border);border-radius:12px;padding:12px 3px;background:transparent;color:var(--study-text);font:inherit;font-size:11px;cursor:pointer}.study-space .study-sound-options button>span{font-size:22px}.study-space .study-volume{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px}.study-space .study-volume input{width:0;flex:1;min-width:0;accent-color:#6289eb}.study-space .study-volume>span{width:32px;text-align:right}.study-space .study-mode-card{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--study-glass);border:1px solid var(--study-border);padding:12px 14px;border-radius:16px;font-size:12px}.study-space .study-mode-card>span,.study-space .study-mode-card small{color:var(--study-muted)}.study-space .study-mode-card small{flex-basis:100%;font-size:10px}.study-space .study-mode-card input,.study-space .study-check-form input{flex:1;min-width:80px;border:0;border-radius:9px;padding:9px;background:#ffffff8a;color:#304768;font:inherit;font-size:12px}.study-space .study-mode-card .study-text-button{margin-left:auto}.study-space .study-check-panel summary{font-size:13px;cursor:pointer}.study-space .study-check-panel summary span{float:right;color:var(--study-muted);font-size:11px}.study-space .study-check-form{display:flex;gap:5px;margin-top:16px}.study-space .study-check-panel p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@keyframes study-breathe{50%{transform:scale(1.035);opacity:.4}}@media(prefers-reduced-motion:reduce){.study-space .study-clock.is-running:after{animation:none}}body.reduce-motion .study-space .study-clock.is-running:after{animation:none}@media(min-width:740px){.study-lobby .study-room-list{grid-template-columns:repeat(3,minmax(0,1fr))}.study-lobby .study-entry{min-height:315px;align-items:flex-end;padding:22px}.study-lobby .study-entry-art{top:8%;height:45%;right:18%;width:45%}.study-lobby .study-entry-copy strong{font-size:21px}.study-lobby .study-entry-copy small{font-size:12px}.screen.study-space{padding-top:34px;padding-bottom:34px}.study-space .study-focus-area{padding-top:32px}.study-space .study-clock{width:290px}.study-space .study-dock{max-width:420px;margin:auto}}@media(max-width:360px){.study-space .study-duration button{padding:9px}.study-lobby .study-entry{padding:20px}.study-lobby .study-entry-copy strong{font-size:21px}.study-lobby .study-entry-art{right:8%;opacity:.65}}

/* The scene belongs to the whole app viewport, rather than a nested card. */
.phone:has(.study-space){background:radial-gradient(ellipse at 16% 12%,#fff8e9 0,transparent 44%),linear-gradient(145deg,#f3f7ff,#dce8f7);background-size:cover;background-position:center;}.phone:has(.study-space.theme-forest){background-image:radial-gradient(ellipse at 90% 0,#dce9d2,transparent 50%),linear-gradient(135deg,#e3edf3,#a9bfca);}.phone:has(.study-space.theme-night){background-image:radial-gradient(ellipse at 85% 10%,#596c9b 0,transparent 48%),linear-gradient(150deg,#1c2d4c,#101d36);}.phone:has(.study-space.has-image-background){background-image:var(--study-scene-image);}.phone:has(.study-space)::before{display:none;}.phone.subpage-layout:has(.study-space) #appMain{height:100%;padding:calc(72px + env(safe-area-inset-top,0px)) 0 0;background:transparent;}.phone #appMain>.screen.study-space{width:100%;max-width:none;min-height:100%;margin:0;border:0;border-radius:0;background:transparent!important;animation:none;}.phone:has(.study-space)>.subpage-header{background:rgba(244,248,255,.3);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;box-shadow:none;}.phone:has(.study-space.theme-night)>.subpage-header,.phone:has(.study-space.has-image-background)>.subpage-header{background:rgba(16,29,54,.3);color:#f3f7ff;}.phone:has(.study-space.theme-night) .subpage-back,.phone:has(.study-space.has-image-background) .subpage-back{color:#f3f7ff;}.study-space .study-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.study-space .study-photo{display:block;min-width:0;overflow:hidden;padding:0;border:2px solid transparent;border-radius:13px;background:var(--study-glass);color:var(--study-text);text-align:left;cursor:pointer;}.study-space .study-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}.study-space .study-photo>span{display:block;padding:8px 9px;font-size:12px;}.study-space .study-photo-credit{margin:14px 0 0;font-size:10px;color:var(--study-muted);line-height:1.5;}.study-space .study-photo-credit a{color:inherit;text-underline-offset:3px;}
@media(min-width:740px){.study-space .study-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
/* Three presentations, one timer and one scene. */
.study-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 auto 25px;max-width:650px}.study-space .study-layout-tabs{display:flex;gap:3px;border:1px solid var(--study-border);border-radius:22px;padding:4px;background:var(--study-glass);backdrop-filter:blur(16px)}.study-space .study-layout-tabs button{border:0;background:transparent;border-radius:18px;color:var(--study-muted);padding:8px 12px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.study-space .study-layout-tabs button[aria-pressed=true]{background:#ffffffb8;color:#304768}.study-space .study-fullscreen{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--study-border);border-radius:50%;background:var(--study-glass);color:var(--study-text);font-size:24px;cursor:pointer}.study-space .study-exit-immersive{display:none}.study-space .study-dock{gap:10px}.study-space .study-dock button{font-size:12px;gap:6px}.study-space .study-dock-divider{flex-shrink:0}.study-space .study-duration{flex-wrap:wrap}.study-space .study-background-options{grid-template-columns:repeat(4,minmax(0,1fr))}.study-space .swatch-rose{background:linear-gradient(145deg,#efd4ce,#c88d98)}.phone:has(.study-space.theme-rose){background-image:linear-gradient(140deg,#eacbc5,#cc9fa4 65%,#dba8ad)}.study-space.theme-rose{--study-text:#72565c;--study-muted:#926e76;--study-glass:#fff4ed59;--study-border:#fff2df42}.study-space .study-flip-board{container-type:inline-size;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;width:100%;padding:0;border:0;background:none;color:#fff6df;text-align:center;cursor:pointer}.study-space .study-flip-unit{display:grid;gap:14px;min-width:0}.study-space .study-flip-card{position:relative;display:grid;place-items:center;aspect-ratio:.76;border-radius:8px;background:#cb979e88;overflow:hidden;perspective:700px;box-shadow:0 10px 22px #6a445b08}.study-space .flip-value,.study-space .flip-leaf>span{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-stretch:condensed;font-size:25.5cqw;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1.2cqw;line-height:1;transform:scaleX(.85);padding-right:1cqw}.study-space .study-flip-card:after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#e7b7b7cc;box-shadow:0 1px 0 #8e5a6810;pointer-events:none;z-index:3}.study-space .flip-leaf{display:none;position:absolute;inset:0;clip-path:inset(0 0 50%);background:linear-gradient(#cd979f,#d7a6aa);transform-origin:center center;backface-visibility:hidden;z-index:2;align-items:center;justify-content:center}.study-space .flipping .flip-leaf{display:flex;animation:study-flip .45s ease-in both}.study-space .flip-unit-label{font-size:10px;letter-spacing:4px;color:var(--study-muted)}.study-space.study-layout-flip .study-clock{display:none}.study-layout-flip .study-space-content{max-width:1100px}.study-space.study-layout-flip .study-focus-area{padding-top:18px}.study-space.study-layout-flip .study-duration{margin-top:26px}.study-space.study-layout-flip .study-timer-actions{margin-top:18px}.study-space.study-layout-flip .study-panel{max-width:650px;margin-left:auto;margin-right:auto}.study-space.study-layout-flip .study-dock{max-width:440px;margin-left:auto;margin-right:auto}.study-space.study-layout-flip.theme-night .study-flip-card,.study-space.study-layout-flip.has-image-background .study-flip-card{background:#17284099;backdrop-filter:blur(14px)}.study-space.study-layout-flip.theme-night .study-flip-card:after,.study-space.study-layout-flip.has-image-background .study-flip-card:after{background:#ffffff20}.study-space.study-layout-flip.theme-night .flip-leaf,.study-space.study-layout-flip.has-image-background .flip-leaf{background:#243451}.study-layout-ambient .study-space-content{min-height:calc(100dvh - 130px);display:flex;flex-direction:column;max-width:1100px}.study-space.study-layout-ambient .study-room-heading{margin-bottom:0}.study-space.study-layout-ambient .study-focus-area{padding-top:0;margin-top:auto;align-items:center;padding-bottom:20px}.study-space.study-layout-ambient .study-clock{background:none;width:100%;aspect-ratio:auto;height:auto;padding:0;max-width:400px}.study-space.study-layout-ambient .study-clock:after{display:none}.study-space.study-layout-ambient .study-clock-inner{background:none;backdrop-filter:none;border-radius:0;gap:10px;padding:40px 0 0}.study-space.study-layout-ambient .study-clock strong{font-size:clamp(48px,10vw,90px);font-weight:300;letter-spacing:1px;text-shadow:0 2px 20px #00000020}.study-space.study-layout-ambient .study-clock-caption{display:none}.study-space.study-layout-ambient .study-duration{margin-top:18px}.study-space.study-layout-ambient .study-timer-actions{margin-top:12px}.study-space.study-layout-ambient .study-dock{width:min(100%,440px);margin:0 auto}.study-space.study-layout-ambient .study-panel{width:min(100%,650px);margin:14px auto 0}.phone:has(.study-immersive)>.subpage-header{display:none!important}.phone.subpage-layout:has(.study-immersive) #appMain{padding-top:0}.study-immersive .study-view-toolbar,.study-immersive .study-room-heading,.study-immersive .study-mode-card,.study-immersive .study-duration,.study-immersive .study-timer-actions,.study-immersive .study-dock,.study-immersive .study-panel{display:none}.study-immersive .study-exit-immersive{position:absolute;top:0;right:0;z-index:4;display:block;border:1px solid var(--study-border);background:var(--study-glass);color:var(--study-text);padding:9px 14px;border-radius:20px;font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(16px)}.study-immersive .study-space-content{min-height:calc(100dvh - 50px);display:flex;flex-direction:column;justify-content:center}.study-immersive .study-focus-area{width:100%;margin:0;padding:55px 0;flex:1;align-content:center}.study-immersive .study-clock-inner{padding:0}.study-immersive.study-layout-ambient .study-clock strong{font-size:clamp(70px,14vw,150px)}.phone:fullscreen:has(.study-space){max-width:none;width:100%;height:100dvh}.phone:fullscreen .study-layout-flip .study-space-content{max-width:1400px}.phone:fullscreen:has(.study-space) .study-flip-board{max-width:1300px}
@keyframes study-flip{from{transform:rotateX(0)}to{transform:rotateX(-95deg)}}@media(prefers-reduced-motion:reduce){.study-space .flipping .flip-leaf{display:none;animation:none}}.phone.reduce-motion .study-space .flipping .flip-leaf{display:none;animation:none}
@media(min-width:740px){.study-space.study-layout-flip .study-focus-area{padding-top:10px}.study-space.study-layout-flip .study-flip-board{max-width:950px}.study-space.study-layout-flip .study-flip-card{aspect-ratio:.95}.study-space.study-layout-flip .study-timer-actions{margin-top:18px}.study-space.study-layout-flip .study-view-toolbar{max-width:none}.study-space.study-layout-flip .study-room-heading{margin-bottom:5px}}
@media(orientation:landscape) and (max-height:600px){.screen.study-space{padding:10px 24px 14px}.study-space .study-view-toolbar{margin-bottom:8px}.study-space.study-layout-flip .study-room-heading{display:none}.study-space.study-layout-flip .study-focus-area{padding:5px 0 10px}.study-space.study-layout-flip .study-flip-board{width:min(78%,690px)}.study-space.study-layout-flip .study-flip-card{aspect-ratio:1.48}.study-space.study-layout-flip .flip-value,.study-space.study-layout-flip .flip-leaf>span{font-size:21cqw}.study-space.study-layout-flip .flip-unit-label{display:none}.study-space.study-layout-flip .study-duration{margin-top:10px}.study-space.study-layout-flip .study-timer-actions{margin-top:6px;width:235px}.study-space.study-layout-flip .study-start{padding:9px 16px}.study-space.study-layout-flip .study-reset{width:38px;height:38px;font-size:23px}.study-space.study-layout-flip .study-dock{padding:5px 12px}.study-layout-flip.study-immersive .study-flip-board{width:min(100%,1100px)}.study-layout-flip.study-immersive .study-flip-card{aspect-ratio:1.02}.study-layout-flip.study-immersive .flip-value,.study-layout-flip.study-immersive .flip-leaf>span{font-size:26cqw}.study-immersive .study-space-content{min-height:calc(100dvh - 24px)}.study-immersive .study-focus-area{padding:35px 0 10px}.study-layout-ambient .study-space-content{min-height:calc(100dvh - 100px)}}
@media(max-width:360px){.study-space .study-layout-tabs button{padding:8px;font-size:11px}.study-space .study-layout-tabs{gap:0}.study-space .study-view-toolbar{gap:6px}.study-space .study-dock{gap:5px}.study-space .study-dock button{font-size:11px;gap:4px}.study-space .study-dock button>span{font-size:19px}.study-space.study-layout-flip .study-duration button{padding:8px}.study-space .study-flip-unit{gap:10px}.study-space .flip-unit-label{letter-spacing:2px}}
@media(orientation:landscape) and (max-height:600px){.phone:has(.study-space)>.subpage-header{height:52px;min-height:52px;padding:4px 16px}.phone.subpage-layout:has(.study-space) #appMain{padding-top:52px}.phone.subpage-layout:has(.study-immersive) #appMain{padding-top:0}.study-layout-flip:not(.study-immersive) .study-flip-board{width:min(74%,620px)}.study-layout-flip:not(.study-immersive) .study-flip-card{aspect-ratio:1.6}.study-layout-flip:not(.study-immersive) .study-duration{margin-top:6px}.study-layout-flip:not(.study-immersive) .study-duration button{padding-top:5px;padding-bottom:5px}.study-layout-ambient .study-space-content{min-height:calc(100dvh - 80px)}}.study-space .study-duration button:disabled{opacity:.6;cursor:default;}.study-space .study-duration-panel{width:min(350px,100%);padding:8px 12px 14px;border:1px solid #ffffffc9;border-radius:26px;background:#f5f7fbea;color:#202733;backdrop-filter:blur(32px) saturate(140%);}.study-space .study-picker-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 4px 6px;border-bottom:1px solid #8796b51a;}.study-space .study-picker-toolbar strong{font-size:14px;font-weight:600;}.study-space .study-picker-toolbar button,.study-space .study-duration-panel .study-duration-confirm{min-height:40px;width:auto;margin:0;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:#3e68d9;font:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;box-shadow:none;}.study-space .study-picker-toolbar .study-duration-confirm{font-weight:600;}.study-space .study-duration-wheel-wrap{position:relative;margin-top:6px;}.study-space .study-duration-wheel-wrap:before{content:'';position:absolute;top:80px;left:8px;right:8px;height:40px;background:#7e8daa16;pointer-events:none;border-radius:10px;}.study-space .study-duration-wheel{height:200px;width:112px;margin:auto;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding:80px 0;mask-image:linear-gradient(transparent,#000 38%,#000 62%,transparent);}.study-space .study-duration-wheel button{display:flex;width:100%;height:40px;min-height:40px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#778297;font:400 22px/40px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;padding:0;scroll-snap-align:center;cursor:pointer;}.study-space .study-duration-wheel button[aria-selected=true]{color:#172439;font-weight:500;font-size:25px;}.study-space .study-picker-unit{position:absolute;left:calc(50% + 42px);top:80px;line-height:40px;font-size:15px;font-weight:500;color:#27354d;pointer-events:none;}.study-space .study-duration-wheel:focus-visible{outline:2px solid #7a9ff3;outline-offset:2px;border-radius:12px;}.study-space:not(.study-immersive) .study-space-content{min-height:calc(100dvh - 122px);display:flex;flex-direction:column;}.study-space:not(.study-immersive) .study-view-toolbar{order:0;}.study-space:not(.study-immersive) .study-mode-card{order:1;}.study-space:not(.study-immersive) .study-focus-area{order:2;flex:1;align-content:center;margin:0;}.study-space:not(.study-immersive) .study-space-content>.study-panel{order:3;}.study-space:not(.study-immersive) .study-dock{order:4;flex-shrink:0;width:min(100%,440px);margin: auto auto 0;gap:10px;padding:4px 10px;border:0;border-radius:20px;box-shadow:none;}.study-space .study-dock button{min-height:40px;font-size:12px;gap:6px;}.study-space .study-dock button>span{font-size:18px;}.study-space .study-dock-divider{height:14px;}
@media(orientation:landscape) and (max-height:600px){.study-space:not(.study-immersive) .study-space-content{min-height:calc(100dvh - 76px);}}.study-space:not(.study-immersive) .study-space-content>.study-panel{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:6;width:min(100%,650px);max-height:min(62dvh,560px);overflow-y:auto;margin:0;background:var(--study-glass);backdrop-filter:blur(28px);}.study-space .study-duration-panel{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);z-index:7;margin:0;}
@media(orientation:landscape) and (max-height:600px){.study-space:not(.study-immersive) .study-space-content>.study-panel{max-height:calc(100dvh - 220px);}}.study-space .study-timer-actions{width:min(100%,242px);}.study-space .study-timer-actions .study-start{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 24px;border:1px solid #ffffff40;border-radius:999px;background:#466ade;color:#fff;font-size:15px;font-weight:500;letter-spacing:.04em;box-shadow:none;transition:background .2s,transform .2s;}.study-space .study-timer-actions .study-start:hover{background:#3e60cc;}.study-space .study-timer-actions .study-start:active{transform:scale(.98);}.study-space .study-timer-actions .study-start svg{flex-shrink:0;}
/* The timer surface itself morphs; its text never scales or rotates. */
.study-layout-ring .study-clock{background:none;padding:0;border:0;border-radius:45% 55% 48% 52% / 54% 46% 54% 46%;}.study-space .study-clock:before,.study-space .study-clock:after{display:none;animation:none;}.study-space.study-layout-ring .study-clock-inner{position:relative;border:1px solid var(--study-border);background:var(--study-glass);border-radius:inherit;backdrop-filter:blur(20px) saturate(130%);animation:study-organic-breathe 14s ease-in-out infinite;}
@keyframes study-organic-breathe{0%,100%{border-radius:45% 55% 48% 52% / 54% 46% 54% 46%;background-color:var(--study-glass);filter:brightness(.97);}24%{border-radius:54% 46% 43% 57% / 46% 53% 47% 54%;filter:brightness(1.035);}57%{border-radius:48% 52% 56% 44% / 55% 44% 56% 45%;filter:brightness(.99);}81%{border-radius:56% 44% 49% 51% / 45% 54% 46% 55%;filter:brightness(1.06);}}
@media(prefers-reduced-motion:reduce){.study-space.study-layout-ring .study-clock-inner{animation:none;}.study-space .study-timer-actions .study-start{transition:none;}}.phone.reduce-motion .study-space.study-layout-ring .study-clock-inner{animation:none;}
@media(orientation:landscape) and (max-height:600px){.study-space .study-duration-panel{bottom:52px;padding:4px 10px 8px;}.study-space .study-duration-panel .study-picker-toolbar{min-height:32px;padding:0;}.study-space .study-duration-panel .study-picker-toolbar button{min-height:32px;}.study-space .study-duration-panel .study-duration-wheel-wrap{height:120px;overflow:hidden;margin-top:0;}.study-space .study-duration-panel .study-duration-wheel{transform:translateY(-40px);}.study-space .study-duration-panel .study-duration-wheel-wrap:before,.study-space .study-duration-panel .study-picker-unit{top:40px;}.study-space .study-timer-actions .study-start{min-height:42px;padding:8px 20px;}}.study-space .study-duration-panel{background:var(--study-picker-surface,#f5f7fbea);color:var(--study-picker-ink,#202733);}.study-space .study-duration-wheel button[aria-selected=true],.study-space .study-picker-unit{color:var(--study-picker-ink,#172439);}.study-space:not(.study-immersive) .study-space-content>.study-panel{background:var(--study-panel-glass,var(--study-glass));}.phone:has(.study-space)>.subpage-header{background:var(--study-header-glass,#f3f7ffb8);color:var(--study-header-text,#304768);}.phone:has(.study-space)>.subpage-header .subpage-back{color:inherit;}.phone.reduce-motion .study-space .study-clock:before,.phone.reduce-motion .study-space .study-clock:after{animation:none;}
/* All floating controls share the scene's tinted glass. */
.study-space .study-duration-panel{background:var(--study-glass);color:var(--study-text);border:1px solid var(--study-border);backdrop-filter:blur(32px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff28;}.study-space .study-picker-toolbar{border-color:var(--study-border);}.study-space .study-picker-toolbar button{color:var(--study-text);}.study-space .study-duration-wheel button{color:var(--study-muted);}.study-space .study-duration-wheel button[aria-selected=true],.study-space .study-picker-unit{color:var(--study-text);}.study-space .study-duration-wheel-wrap:before{background:color-mix(in srgb,var(--study-text) 7%,transparent);border:1px solid var(--study-border);}.study-space .study-panel-backdrop{position:absolute;inset:0;z-index:5;background:transparent;cursor:default;touch-action:manipulation;}.study-space .study-dock{position:relative;z-index:8;}

/* Merge-trial adaptations: two entrances, readable notes, no stacked floating check panel. */
.study-lobby .study-room-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.study-space .study-check-panel{padding:14px 18px;margin:16px 0;border:1px solid var(--study-border);border-radius:18px;background:var(--study-glass);color:var(--study-text);order:3}
.study-space .study-check-panel p{margin:10px 0}
.study-space .study-mode-card small{font-size:11px;line-height:1.6}
.study-space .study-start{width:auto!important}
.study-space .study-reset{flex:0 0 46px;display:grid;place-items:center;padding:0;min-width:46px}
.study-space .study-check-form{align-items:center}
.study-space .study-immersive .study-check-panel,.study-space.study-immersive .study-check-panel{display:none}
.study-space .study-view-toolbar{width:100%}
.study-space .study-layout-tabs{max-width:calc(100% - 48px)}
.study-space .study-layout-tabs button{flex:1}
.study-space .study-flip-board:focus-visible{outline-offset:8px}
@media(max-width:600px){.study-lobby .study-room-list{grid-template-columns:1fr}.study-space .study-mode-card input{flex-basis:55%}}
@media(prefers-reduced-motion:reduce){.study-space .flipping .flip-leaf{display:none;animation:none}.study-space .study-clock-inner{animation:none!important}}
.phone.reduce-motion .study-space .flipping .flip-leaf{display:none;animation:none}