:root{color-scheme:light;--page: #f5f5f7;--surface: rgba(255, 255, 255, .88);--surface-solid: #ffffff;--surface-muted: #f0f1f3;--ink: #1d1d1f;--ink-secondary: #5f6065;--ink-tertiary: #8a8b91;--line: rgba(29, 29, 31, .12);--line-strong: rgba(29, 29, 31, .2);--accent: #0071e3;--accent-hover: #0077ed;--danger: #c9342f;--shadow: 0 20px 60px rgba(0, 0, 0, .07);--small-shadow: 0 8px 24px rgba(0, 0, 0, .06);--radius: 18px;--radius-small: 11px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page);font-family:var(--font);color:var(--ink)}body{min-width:320px;height:100dvh;overflow:hidden;background:radial-gradient(circle at 12% -10%,rgba(0,113,227,.07),transparent 30rem),var(--page);-webkit-font-smoothing:antialiased}#fluid-canvas{position:fixed;z-index:0;inset:0;width:100vw;height:100dvh;opacity:.3;filter:saturate(.72) brightness(1.16);pointer-events:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(0,113,227,.28);outline-offset:2px}.site-shell{position:relative;z-index:1;width:min(1400px,100%);height:100dvh;margin:0 auto;padding:0 44px 20px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.025em}.wordmark-symbol{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:8px;font-size:15px;font-weight:700}.account-area{display:flex;align-items:center;gap:14px}.account-name{max-width:220px;overflow:hidden;color:var(--ink-secondary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-name.authenticated{color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(48px,7vw,104px);align-items:start;padding-top:clamp(56px,7vw,96px)}.meeting-column{min-width:0}.hero-copy{max-width:690px;margin-bottom:42px}.eyebrow{margin-bottom:10px;color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.01em}.hero-copy h1{font-size:clamp(48px,6vw,76px);font-weight:660;letter-spacing:-.055em;line-height:.98}.hero-description{max-width:570px;margin-top:24px;color:var(--ink-secondary);font-size:clamp(17px,1.8vw,21px);line-height:1.48;letter-spacing:-.015em}.meeting-card,.clock-card,.schedule-card{border:1px solid rgba(29,29,31,.08);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.meeting-card{max-width:710px;border-radius:var(--radius);padding:8px 32px 32px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;margin:0 -24px 30px;padding:6px;border-radius:13px;background:var(--surface-muted)}.segment{height:38px;border:0;border-radius:9px;background:transparent;color:var(--ink-secondary);cursor:pointer;font-size:14px;font-weight:560;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segment.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001f}.mode-panel{display:none}.mode-panel.active{display:block}.panel-heading{margin-bottom:26px}.panel-heading h2,.modal-header-row h2{font-size:26px;font-weight:650;letter-spacing:-.035em}.panel-heading p{max-width:500px;margin-top:7px;color:var(--ink-secondary);font-size:15px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--ink);font-size:13px;font-weight:600}.form-label span{color:var(--ink-tertiary);font-weight:450}.text-input,.link-input{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--radius-small);background:#ffffffb8;color:var(--ink);padding:0 14px;font-size:15px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.text-input::placeholder{color:#a2a3a7}.text-input:focus,.link-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0071e31f;outline:none}.capacity-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-title{font-size:14px;font-weight:600}.setting-description{margin-top:4px;color:var(--ink-secondary);font-size:13px;line-height:1.4}.stepper{flex:0 0 auto;display:grid;grid-template-columns:34px 36px 34px;align-items:center;height:34px;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#fff}.stepper button{height:100%;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:19px;line-height:1}.stepper button:hover{background:var(--surface-muted)}.stepper span{text-align:center;font-size:14px;font-weight:600}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:0 17px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.button:active:not(:disabled){transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.42}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button-secondary{border:1px solid var(--line-strong);background:#ffffffb8;color:var(--ink)}.button-secondary:hover:not(:disabled){border-color:#1d1d1f52;background:#fff}.button-full{width:100%}.button-compact{min-height:36px;padding:0 14px;font-size:13px}.google-g{display:inline-grid;width:0;overflow:hidden;opacity:0;color:transparent;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75% 100%);background-clip:text;-webkit-background-clip:text;font-family:Arial,sans-serif;font-size:17px;font-weight:700;line-height:1;transform:scale(.65);transition:width .18s ease,opacity .18s ease,transform .18s ease}#btn-auth:hover .google-g,#btn-auth:focus-visible .google-g{width:18px;opacity:1;transform:scale(1)}.room-created-card{display:none;margin-top:22px;border-top:1px solid var(--line);padding-top:24px}.room-created-card.active{display:grid;gap:18px}.mode-panel.room-ready>.panel-heading,.mode-panel.room-ready>.form-group,.mode-panel.room-ready>.capacity-row,.mode-panel.room-ready>#btn-create-room{display:none}.mode-panel.room-ready .room-created-card{margin-top:0;border-top:0;padding-top:4px}.created-header{display:flex;align-items:center;justify-content:space-between}.created-header .eyebrow{margin-bottom:5px}.code-digits-large{color:var(--ink);font-size:34px;font-weight:630;letter-spacing:.16em;font-variant-numeric:tabular-nums}.timer-indicator{position:relative;width:52px;height:52px;display:grid;place-items:center}.countdown-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.countdown-circle-bg,.countdown-circle-progress{fill:none;stroke-width:1.5}.countdown-circle-bg{stroke:var(--line)}.countdown-circle-progress{stroke:var(--accent);stroke-dasharray:62.83;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-indicator span{color:var(--ink-secondary);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.link-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.link-input{height:44px;color:var(--ink-secondary);font-size:13px}.digit-boxes-row{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:10px 0 24px}.digit-box{width:100%;min-width:0;height:64px;border:1px solid var(--line-strong);border-radius:10px;background:#ffffffb8;color:var(--ink);text-align:center;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.digit-box:focus,.digit-box.filled{border-color:var(--accent);background:#fff;outline:none}.alert-banner{display:none;margin-top:14px;border-radius:9px;padding:11px 13px;font-size:13px;line-height:1.45}.alert-banner.error{display:block;background:#c9342f14;color:var(--danger)}.privacy-note{max-width:710px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:var(--ink-tertiary);font-size:12px}.privacy-note svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.schedule-column{display:grid;gap:18px}.clock-card{min-height:210px;display:flex;align-items:center;gap:30px;border-radius:var(--radius);padding:28px 30px}.analog-clock{position:relative;flex:0 0 138px;width:138px;height:138px;border:1px solid rgba(29,29,31,.16);border-radius:50%;background:radial-gradient(circle at center,#fff 0 64%,transparent 65%),repeating-conic-gradient(from -.5deg,rgba(29,29,31,.34) 0deg 1deg,transparent 1deg 30deg),#fff;box-shadow:inset 0 0 0 7px #f5f5f7e6,0 10px 30px #00000012}.clock-number{position:absolute;color:var(--ink-secondary);font-size:10px;font-weight:600;line-height:1}.clock-twelve{top:13px;left:50%;transform:translate(-50%)}.clock-three{top:50%;right:15px;transform:translateY(-50%)}.clock-six{bottom:13px;left:50%;transform:translate(-50%)}.clock-nine{top:50%;left:15px;transform:translateY(-50%)}.clock-hand{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;border-radius:2px;background:var(--ink);transform-origin:50% 100%}.clock-hour{height:31px;width:3px;left:calc(50% - 1.5px)}.clock-minute{height:43px}.clock-second{width:1px;height:49px;left:calc(50% - .5px);background:#e3483e}.clock-pin{position:absolute;z-index:2;top:50%;left:50%;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1d1d1f33}.clock-details{min-width:0}.clock-details .eyebrow{margin-bottom:5px;color:var(--ink-tertiary)}.digital-time{display:block;color:var(--ink);font-size:38px;font-weight:600;letter-spacing:-.05em;line-height:1.08;font-variant-numeric:tabular-nums}.clock-date{margin-top:6px;color:var(--ink-secondary);font-size:13px;line-height:1.4}.schedule-card{border-radius:var(--radius);padding:26px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.calendar-month-title{font-size:20px;font-weight:640;letter-spacing:-.03em}.calendar-selected-date{margin-top:4px;color:var(--ink-secondary);font-size:12px}.calendar-nav-buttons{display:flex;gap:6px}.calendar-nav-buttons button,.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-secondary);cursor:pointer}.calendar-nav-buttons button:hover,.icon-button:hover{background:var(--surface-muted);color:var(--ink)}.calendar-nav-buttons svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-weekday,.cal-day-cell{display:grid;place-items:center;aspect-ratio:1;font-variant-numeric:tabular-nums}.cal-weekday{color:var(--ink-tertiary);font-size:10px;font-weight:650}.cal-day-cell{position:relative;border-radius:50%;color:var(--ink-secondary);cursor:pointer;font-size:12px;transition:background .13s ease,color .13s ease}.cal-day-cell:hover:not(.empty){background:var(--surface-muted);color:var(--ink)}.cal-day-cell.today{color:var(--accent);font-weight:650}.cal-day-cell.selected{background:var(--ink);color:#fff}.cal-day-cell.has-meeting:after{content:"";position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:currentColor}.schedule-list-header{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.schedule-list-header h3{font-size:16px;font-weight:630;letter-spacing:-.02em}.schedule-list-header p{margin-top:3px;color:var(--ink-tertiary);font-size:11px}.schedule-list{display:grid;gap:8px;margin-top:14px}.schedule-empty{padding:14px 0 4px;color:var(--ink-tertiary);font-size:13px}.schedule-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border-bottom:0}.schedule-item-title{color:var(--ink);font-size:13px;font-weight:600}.schedule-item-meta{display:flex;gap:10px;margin-top:4px;color:var(--ink-tertiary);font-size:11px}.btn-launch-schedule{flex:0 0 auto;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:12px;font-weight:600}.modal-backdrop{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#14141652;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.modal-backdrop.active{display:flex}.modal-dialog{width:min(480px,100%);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);background:#fffffff5;padding:28px;box-shadow:0 30px 90px #0003}.modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.modal-header-row .eyebrow{margin-bottom:4px}.icon-button{font-size:22px;line-height:1}.modal-capacity{margin-top:4px}.toast-notice{position:fixed;z-index:200;left:50%;bottom:28px;max-width:min(420px,calc(100vw - 32px));border-radius:12px;background:#1d1d1feb;color:#fff;padding:11px 16px;box-shadow:0 12px 30px #0000002e;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .18s ease,transform .18s ease;font-size:13px;text-align:center}.toast-notice.show{opacity:1;transform:translate(-50%)}@media(min-width:1061px)and (max-height:900px){.site-header{height:64px}.workspace{height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) 380px;gap:clamp(36px,5vw,72px);align-items:center;padding:18px 0 22px}.hero-copy{margin-bottom:18px}.eyebrow{margin-bottom:6px;font-size:12px}.hero-copy h1{font-size:clamp(44px,4.7vw,62px)}.hero-description{max-width:540px;margin-top:13px;font-size:17px;line-height:1.35}.meeting-card{padding:7px 26px 22px}.segmented-control{margin:0 -18px 17px}.panel-heading{margin-bottom:15px}.panel-heading h2{font-size:22px}.panel-heading p{margin-top:4px;font-size:13px;line-height:1.35}.form-group{margin-bottom:12px}.form-label{margin-bottom:6px;font-size:12px}.text-input{height:42px}.capacity-row{min-height:56px;margin:2px 0 14px;padding:8px 0}.setting-description{margin-top:2px;font-size:11px}.button{min-height:40px}.privacy-note{margin-top:9px}.schedule-column{gap:12px}.clock-card{min-height:136px;gap:22px;padding:18px 22px}.analog-clock{flex-basis:100px;width:100px;height:100px}.clock-hour{height:23px}.clock-minute{height:31px}.clock-second{height:36px}.clock-twelve{top:9px}.clock-three{right:10px}.clock-six{bottom:9px}.clock-nine{left:10px}.digital-time{font-size:30px}.schedule-card{padding:18px}.calendar-header{margin-bottom:10px}.calendar-month-title{font-size:18px}.calendar-grid{gap:2px}.cal-day-cell{font-size:11px}.schedule-list-header{margin-top:12px;padding-top:13px}.schedule-list{margin-top:7px}.schedule-item{padding:7px 0}}@media(max-width:1060px){body{height:auto;min-height:100vh;overflow-y:auto}#fluid-canvas{height:100vh}.site-shell{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr;gap:50px}.meeting-card,.privacy-note{max-width:none}.schedule-column{grid-template-columns:minmax(320px,.8fr) minmax(400px,1.2fr)}}@media(max-width:760px){.site-shell{padding:0 20px 40px}.site-header{height:68px}.account-name{display:none}.workspace{padding-top:48px}.hero-copy h1{font-size:clamp(40px,12.5vw,54px);letter-spacing:-.06em}.meeting-card{padding:8px 22px 24px}.segmented-control{margin-inline:-14px}.schedule-column{grid-template-columns:1fr}}@media(max-width:480px){.wordmark-symbol{display:none}#btn-auth{min-width:68px;font-size:0}#auth-button-label{font-size:13px}#btn-auth .google-g{display:none}.button-compact{padding-inline:11px}.hero-copy{margin-bottom:30px}.hero-description{font-size:17px}.capacity-row{align-items:flex-start}.setting-description{max-width:180px}.digit-boxes-row{gap:5px}.digit-box{height:54px;font-size:20px}.clock-card{gap:22px;padding:22px}.analog-clock{flex-basis:116px;width:116px;height:116px}.digital-time{font-size:32px}.schedule-card{padding:22px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.author-credit{margin-top:14px;display:flex;align-items:center;gap:7px;font-size:12px;color:#0000008c}.author-credit span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.author-credit strong{font-weight:500;color:#000000b8}
