@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{--ink:#171717;--paper:#fcfbf8;--line:#e8e6e1;--blue:#1758df}.schedule-scroll,.gate-scroll{background:var(--paper);height:100%}.schedule-screen{min-height:100%;padding:58px 18px calc(var(--mobile-safe-area-height) + 28px);color:var(--ink)}.brand{letter-spacing:.2em;margin:0;font-size:26px;font-weight:700;line-height:1}.eyebrow{color:#858585;letter-spacing:.38em;margin:7px 0 44px;font-size:10px}.gate{min-height:100%;padding:80px 28px calc(var(--mobile-safe-area-height) + 34px);color:var(--ink);background:var(--paper)}.gate h1{letter-spacing:-.06em;margin:0 0 64px;font-size:35px;line-height:1.12}.gate-copy{color:#777;margin:0 0 16px;font-size:14px}.institution-list{border-top:1px solid var(--line)}.institution-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:13px;width:100%;min-height:64px;padding:0;font-size:17px;font-weight:600;display:flex}.institution-list svg{margin-left:auto}.dot{border-radius:50%;width:9px;height:9px}.admin-link,.switch-link,.back{color:#656565;background:0 0;border:0;font-size:14px}.admin-link{text-underline-offset:4px;margin-top:34px;text-decoration:underline}.pin-gate{padding-top:62px}.back{align-items:center;gap:3px;margin:0 0 55px;padding:0;display:flex}.pin-label{color:#777;gap:10px;font-size:14px;display:grid}.pin-label input,.note-field input{border:1px solid var(--line);width:100%;height:54px;color:var(--ink);background:#fff;border-radius:10px;padding:0 15px;font-size:18px}.enter-button,.confirm-button{background:var(--blue);color:#fff;border:0;border-radius:9px;width:100%;height:54px;font-size:17px;font-weight:700}.enter-button{margin-top:24px}.enter-button:disabled,.confirm-button:disabled{color:#95979a;background:#d7d8da}.calendar-header{margin-bottom:22px}.brand-row{justify-content:space-between;align-items:center;display:flex}.icon-button,.week-nav button{width:38px;height:38px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.view-label{letter-spacing:-.04em;margin:30px 0 28px;font-size:28px;font-weight:700}.week-nav{justify-content:space-between;align-items:center;font-size:15px;display:flex}.week-nav button{border:1px solid var(--line);border-radius:50%}.calendar{border-top:1px solid var(--line);overflow:hidden}.calendar-head,.calendar-row{grid-template-columns:47px repeat(7,minmax(0,1fr));display:grid}.calendar-head{border-bottom:1px solid var(--line);height:68px}.calendar-head>span{color:#929292;padding:12px 0;font-size:10px}.calendar-head>div{border-left:1px solid var(--line);text-align:center;place-content:center;gap:5px;display:grid}.calendar-head small{color:#777;font-size:10px}.calendar-head .today b,.calendar-head .today small{color:var(--blue)}.calendar-row{border-bottom:1px solid var(--line);height:72px}.calendar-row time{color:#565656;padding-top:9px;font-size:11px}.slot{border:0;border-left:1px solid var(--line);color:#9b9b9b;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-width:0;font-size:10px;display:flex;position:relative}.slot.available{border-left:1px solid var(--line)}.slot.booked{border:1px solid var(--line);border-radius:6px;margin:3px 1px}.slot.booked small{margin-top:2px;font-size:9px}.selected-slot{font-weight:700;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.switch-link{text-underline-offset:4px;margin:26px auto 0;text-decoration:underline;display:block}.admin-summary{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 0 18px;padding:14px 15px}.admin-summary>span{font-size:13px;font-weight:700}.admin-summary div{gap:24px;display:flex}.admin-summary p{gap:3px;margin:13px 0 0;display:grid}.admin-summary b{font-size:23px}.admin-summary small{color:#777;font-size:10px}.sheet-overlay{background:#14141438;position:absolute;inset:0}.bottom-sheet{z-index:50;background:#fff;border-radius:23px 23px 0 0;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 -10px 28px #0000001f}.sheet-handle-zone{padding:10px 0 6px}.sheet-handle{background:#d0d0d0;border-radius:99px;width:42px;height:4px;margin:auto}.sheet-header,.sheet-content{padding:0 22px}.sheet-title{font-size:23px;font-weight:700;display:block}.sheet-description{color:#555;margin:9px 0 0;font-size:14px}.sheet-content{padding-bottom:calc(var(--mobile-safe-area-height) + 18px)}.duration-options{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0;padding:0;display:grid}.duration-options legend{grid-column:1/-1;margin-bottom:4px;font-size:14px;font-weight:700}.duration-options button{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:8px;font-size:13px;font-weight:600}.duration-options button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}.duration-options button:disabled{color:#aaa;background:#f4f4f4}.course-options{border:0;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 13px;padding:0;display:grid}.course-options legend{grid-column:1/-1;margin-bottom:4px;font-size:14px;font-weight:700}.course-option{border:1px solid var(--line);border-radius:8px;place-items:center;min-height:43px;font-size:13px;display:grid}.course-option input{opacity:0;position:absolute}.course-option.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue);font-weight:700}.note-field{color:#555;gap:7px;margin:0 0 13px;font-size:13px;display:grid}.note-field input{height:43px;font-size:13px}.toast{z-index:90;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:12px 17px;font-size:13px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.institution-editor{border-top:1px solid var(--line);gap:8px;margin-top:17px;padding-top:14px;display:grid}.institution-editor strong{font-size:13px}.institution-editor label{gap:8px;display:flex}.institution-editor input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:34px;height:34px;padding:2px}.institution-editor label input:first-child{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;min-width:0;height:34px;padding:0 9px;font-size:12px}.add-institution{color:#444;background:#fff;border:1px dashed #a9a9a9;border-radius:7px;height:38px;font-size:12px;font-weight:600}.booking-editor{gap:13px;padding-top:18px;display:grid}.booking-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.booking-fields label{color:#555;gap:7px;font-size:13px;display:grid}.booking-fields input,.booking-fields select{border:1px solid var(--line);width:100%;height:43px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px}.editor-error{color:#b42318;margin:0;font-size:13px}.cancel-booking-button,.danger-button,.secondary-button{border-radius:8px;height:44px;font-size:13px;font-weight:700}.cancel-booking-button,.danger-button{color:#b42318;background:#fff5f4;border:1px solid #e4aaa5}.secondary-button{border:1px solid var(--line);color:#555;background:#fff}.cancel-confirmation{grid-template-columns:1fr 1fr;gap:8px;display:grid}.close-editor{width:100%}.owned-booking{cursor:pointer}.owned-booking:hover{filter:brightness(.98)}.continuation{opacity:.78;font-size:9px}.schedule-scroll,.gate-scroll{width:100%;height:auto;min-height:100dvh}.schedule-screen{width:100%;min-height:100dvh;padding:28px clamp(18px,3vw,48px) 36px}.gate-scroll{place-items:center;padding:24px;display:grid}.gate{border:1px solid var(--line);background:#ffffffb3;border-radius:18px;width:min(100%,520px);min-height:auto;padding:48px;box-shadow:0 20px 55px #28261e0f}.calendar-shell{overscroll-behavior-inline:contain;scrollbar-color:#c5c5c5 transparent;width:100%;overflow-x:auto}.calendar{width:100%;min-width:760px}.calendar-head,.calendar-row{grid-template-columns:72px repeat(7,minmax(84px,1fr))}.calendar-head{height:72px}.calendar-row{height:76px}.calendar-head>span,.calendar-row>time{z-index:3;background:var(--paper);position:sticky;left:0}.calendar-head>span{align-items:center;padding:0 10px;display:flex}.calendar-row>time{padding:12px 10px 0}.calendar-head b{font-size:14px}.calendar-head small,.calendar-row time{font-size:12px}.slot.booked b,.slot.booked small,.slot{font-size:11px}.booking-dialog-overlay{z-index:100;background:#11111152;animation:.15s ease-out dialog-fade-in;position:fixed;inset:0}.booking-dialog{z-index:101;background:#fff;position:fixed;overflow-y:auto;box-shadow:0 24px 70px #0003}.booking-dialog[data-layout=side-panel]{width:min(440px,100vw);height:100dvh;padding:34px 32px;animation:.18s ease-out panel-in;top:0;right:0}.booking-dialog[data-layout=bottom-sheet]{max-height:86dvh;padding:10px 18px max(18px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.18s ease-out sheet-in;bottom:0;left:0;right:0}.booking-dialog-handle{display:none}.booking-dialog[data-layout=bottom-sheet] .booking-dialog-handle{background:#d0d0d0;border-radius:99px;width:44px;height:4px;margin:2px auto 14px;display:block}.booking-dialog-header h2{margin:0;font-size:24px}.booking-dialog-header p{color:#666;margin:8px 0 0;font-size:14px}.booking-dialog-content{padding-top:4px}.toast{position:fixed}.master-schedule-entry{width:100%;color:var(--ink);text-align:left;background:linear-gradient(135deg,#fff 0%,#f4f7fd 100%);border:1px solid #dfe5f1;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin:-30px 0 36px;padding:20px;display:grid;box-shadow:0 10px 26px #1758df14}.master-entry-copy{gap:6px;display:grid}.master-entry-copy strong{font-size:19px}.master-entry-copy small{color:#6f7480;font-size:12px}.master-color-strip{border-radius:99px;width:54px;height:8px;display:flex;overflow:hidden}.master-color-strip i{flex:1}.master-gate-error{margin:14px 0 -8px}.icp-footer{border-top:1px solid var(--line);text-align:center;margin-top:30px;padding-top:20px}.icp-footer a{color:#777;font-size:12px;line-height:1.5;text-decoration:none}.icp-footer a:hover,.icp-footer a:focus-visible{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.master-schedule-screen{background:var(--paper);min-height:100dvh;padding:0;overflow:hidden}.master-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 28px;display:flex}.master-topbar .brand{font-size:18px}.master-workspace{grid-template-columns:240px minmax(0,1fr);min-height:calc(100dvh - 50px);display:grid}.master-context-rail{border-right:1px solid var(--line);padding:34px 20px}.master-title-block .eyebrow{margin:0}.master-title-block h1{letter-spacing:-.06em;margin:14px 0 28px;font-size:38px}.master-context-rail .master-mode-switch{width:100%}.master-context-rail .master-mode-switch button{min-width:0}.master-context-rail .master-toolbar{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;margin-top:28px}.master-context-rail .master-toolbar strong{white-space:nowrap;font-size:12px;line-height:1.3}.master-context-rail .master-toolbar button{width:30px;height:30px}.master-institution-legend{gap:14px;margin-top:34px;display:grid}.master-institution-legend span{align-items:center;gap:10px;font-size:14px;display:flex}.master-institution-legend i{border-radius:50%;flex:none;width:9px;height:9px}.master-schedule-canvas{min-width:0;padding:16px 20px 12px}.master-workspace-weekly .master-date-strip{display:none}.master-header{max-width:1180px;margin:0 auto 28px}.master-home-button{margin:0;padding:8px 0}.master-title-row{justify-content:space-between;align-items:end;gap:24px;margin:44px 0 28px;display:flex}.master-title-row .eyebrow{margin:0 0 8px}.master-title-row h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,5vw,58px)}.master-mode-switch{border:1px solid var(--line);background:#f2f1ed;border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.master-mode-switch button{color:#777;background:0 0;border:0;border-radius:7px;min-width:78px;height:40px;font-weight:700}.master-mode-switch button[aria-pressed=true]{color:var(--blue);background:#fff;box-shadow:0 2px 8px #00000014}.master-toolbar{grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;display:grid}.master-toolbar strong{text-align:center}.master-toolbar button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.master-date-strip{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:22px;display:grid}.master-date-strip button{border:1px solid var(--line);color:#777;background:#fff;border-radius:10px;gap:5px;min-height:62px;padding:9px 4px;display:grid}.master-date-strip span{font-size:11px}.master-date-strip b{color:var(--ink);font-size:13px}.master-date-strip button.selected{border-color:var(--blue);background:var(--blue);color:#fff}.master-date-strip button.selected b{color:#fff}.daily-schedule{max-width:820px;margin:0 auto}.daily-schedule-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.daily-schedule-heading h2{margin:0;font-size:18px}.daily-schedule-heading span{color:#777;font-size:13px}.daily-schedule-list{gap:10px;display:grid}.daily-course-card{border:1px solid var(--line);border-left:5px solid var(--institution-color);background:#fff;border-radius:12px;grid-template-columns:145px 1fr;gap:22px;padding:21px 24px;display:grid}.daily-course-card time{color:var(--ink);font-size:22px;font-weight:800}.daily-course-card time span{color:#777;font-size:13px;font-weight:500}.daily-institution{color:#60646c;align-items:center;gap:8px;margin:0 0 7px;font-size:13px;display:flex}.daily-institution span{background:var(--institution-color);border-radius:50%;width:8px;height:8px}.daily-course-card h3{margin:0 0 7px;font-size:18px}.daily-course-card small{color:var(--institution-color);font-weight:700}.master-empty,.master-loading{color:#777;text-align:center;border:1px dashed #d3d1cb;border-radius:12px;max-width:820px;margin:36px auto;padding:46px 22px}.master-empty p{margin:0}.master-empty button{min-width:110px;margin-top:14px}.master-week-zoom-hint{color:#858585;text-align:right;margin:0 0 8px;font-size:11px}.master-week-shell{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#c5c5c5 transparent;width:100%;position:relative;overflow:auto}.master-week-stage{min-width:1px;min-height:1px;margin-inline:auto;position:relative}.master-week-grid{border-top:1px solid var(--line);min-width:0;transform:scale(var(--schedule-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}.master-week-head,.master-week-row{grid-template-columns:72px repeat(7,minmax(100px,1fr));display:grid}.master-week-head{height:68px}.master-week-head>span,.master-week-row>time{color:#777;align-items:center;padding:0 10px;font-size:12px;display:flex}.master-week-head>div{border-left:1px solid var(--line)}.master-week-head button{background:0 0;border:0;place-content:center;gap:5px;width:100%;height:100%;display:grid}.master-week-head small{color:#777}.master-week-row{border-top:1px solid var(--line);min-height:82px}.master-week-row>div{border-left:1px solid var(--line);padding:4px}.master-week-course{border:1px solid var(--institution-color);background:color-mix(in srgb, var(--institution-color) 10%, white);width:100%;height:100%;min-height:72px;color:var(--institution-color);text-align:left;border-radius:7px;align-content:center;gap:3px;padding:8px;display:grid}.master-week-course b,.master-week-course span,.master-week-course small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.master-week-course span,.master-week-course small{font-size:10px}@media (width>=768px){.master-week-zoom-hint{display:none}.master-week-head{height:60px}.master-week-row{min-height:clamp(72px,10dvh - 12.4px,86px)}.master-week-course{min-height:62px}.master-week-course b{font-size:14px}.master-week-course span,.master-week-course small{font-size:11px}.master-week-head>.selected-day{box-shadow:inset 0 3px 0 var(--blue);background:#f3f6fd}.master-week-head>.selected-day b,.master-week-head>.selected-day small{color:var(--blue)}.master-week-row>div:has(.segment-start){padding-bottom:0}.master-week-row>div:has(.segment-middle){padding-top:0;padding-bottom:0}.master-week-row>div:has(.segment-end){padding-top:0}.master-week-course.segment-start{border-bottom:0;border-radius:7px 7px 0 0}.master-week-course.segment-middle{border-top:0;border-bottom:0;border-radius:0}.master-week-course.segment-end{border-top:0;border-radius:0 0 7px 7px;height:calc(100% + 1px);margin-top:-1px}.master-week-course.segment-middle>*,.master-week-course.segment-end>*{visibility:hidden}}.master-pin-settings{border-top:1px solid var(--line);gap:12px;margin-top:17px;padding-top:14px;display:grid}.master-pin-settings>div:first-child{gap:4px;display:grid}.master-pin-settings strong{font-size:13px}.master-pin-settings small{color:#777;font-size:11px}.master-pin-settings>label{color:#555;gap:7px;font-size:12px;display:grid}.master-pin-input{display:block;position:relative}.master-pin-input input{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);letter-spacing:.18em;background:#fff;border-radius:8px;padding:0 44px 0 11px;font-size:16px}.master-pin-input button{color:#666;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:0;right:0}.master-pin-save:disabled{color:#999;background:#f2f2f2;border-color:#ddd}.admin-summary .institution-manager{border-top:1px solid var(--line);gap:12px;margin-top:17px;padding-top:14px;display:grid}.admin-summary .institution-manager-heading{gap:4px;display:grid}.institution-manager-heading strong,.new-institution-card>strong{font-size:13px}.institution-manager-heading small,.archived-institution small{color:#777;font-size:11px}.admin-summary .institution-card-list{gap:10px;display:grid}.institution-card{border:1px solid var(--line);background:#fff;border-radius:9px;gap:10px;padding:12px;display:grid}.institution-card.archived{background:#f8f8f7}.admin-summary .institution-card-fields{grid-template-columns:minmax(180px,1fr) 70px minmax(150px,.7fr);gap:9px;display:grid}.institution-card-fields label{color:#555;gap:5px;min-width:0;font-size:11px;display:grid}.institution-card-fields input{border:1px solid var(--line);width:100%;min-width:0;height:40px;color:var(--ink);background:#fff;border-radius:7px;padding:0 10px;font-size:13px}.institution-card-fields input[type=password]{letter-spacing:.16em}.institution-card-fields .institution-color-field input{padding:3px}.admin-summary .institution-card-actions{flex-wrap:wrap;gap:8px;display:flex}.institution-card-actions>button,.institution-save,.admin-summary .archive-confirmation button{border:1px solid var(--line);color:#444;background:#fff;border-radius:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:650}.institution-save{border-color:var(--blue);background:var(--blue);color:#fff}.institution-save:disabled{color:#999;background:#f2f2f2;border-color:#ddd}.archive-institution,.archive-confirm{color:#a33b31!important}.admin-summary .archive-confirmation{gap:8px;display:flex}.admin-summary .archived-institution{grid-template-columns:auto 1fr;align-items:center;gap:5px 9px;display:grid}.archived-institution small{grid-column:2}.admin-summary .institution-error{color:#b42318;margin:0;font-size:12px;display:block}@keyframes dialog-fade-in{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (width<=767px){.admin-summary .institution-card-fields{grid-template-columns:1fr 70px}.institution-card-fields label:last-child{grid-column:1/-1}.admin-summary .institution-card-actions,.admin-summary .archive-confirmation{grid-template-columns:1fr;width:100%;display:grid}.institution-card-actions>button,.institution-save,.admin-summary .archive-confirmation button{width:100%}.schedule-screen{padding:22px 12px 28px}.gate-scroll{place-items:start stretch;padding:0}.gate{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:64px 24px 32px}.calendar{min-width:720px}.calendar-head,.calendar-row{grid-template-columns:58px repeat(7,94px)}.view-label{margin:26px 0 22px}.week-nav{position:sticky;left:0}.booking-fields{grid-template-columns:1fr 1fr}.master-schedule-entry{margin-top:-28px}.master-schedule-screen{padding:22px 14px 28px;overflow:visible}.master-topbar{border-bottom:0;height:auto;padding:0}.master-topbar .brand{font-size:26px}.master-workspace{min-height:0;display:block}.master-context-rail{border-right:0;padding:0}.master-title-block{margin-top:32px}.master-title-block h1{margin-bottom:28px;font-size:clamp(34px,5vw,58px)}.master-context-rail .master-toolbar{grid-template-columns:44px 1fr 44px;gap:12px;margin-top:22px}.master-context-rail .master-toolbar button{width:44px;height:44px}.master-institution-legend{display:none}.master-schedule-canvas{padding:0}.master-workspace-weekly .master-date-strip{display:grid}.master-title-row{align-items:start;margin-top:32px}.master-mode-switch button{min-width:58px}.master-date-strip{gap:4px}.master-date-strip button{min-height:58px}.daily-course-card{grid-template-columns:1fr;gap:12px;padding:18px}}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:auto}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}