.meeting-room-story{border-block:1px solid var(--border);background:color-mix(in oklab,var(--card) 50%,var(--background))}.meeting-story-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:65px;display:grid}.meeting-story-heading h2{font-family:var(--font-display);letter-spacing:-.05em;margin-top:23px;font-size:clamp(36px,4.2vw,59px);font-weight:600;line-height:1.1}.meeting-story-heading>p{color:var(--muted-foreground);max-width:480px;padding-bottom:3px;font-size:15px;line-height:1.9}.meeting-story-steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-block:48px;display:grid}.meeting-story-steps li{align-items:flex-start;gap:16px;display:flex}.meeting-story-steps li>span{color:var(--primary);font-family:var(--font-display);padding-top:2px;font-size:13px}.meeting-story-steps strong{font-size:14px;font-weight:700}.meeting-story-steps p{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}.meeting-story-example-label{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.meeting-story-example-label>span{letter-spacing:.12em;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}.meeting-story-example-label p{color:var(--muted-foreground);font-size:10px}.meeting-story-workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.meeting-story-manager{border:1px solid var(--border);color:oklch(29% .025 145);background:oklch(96.5% .008 110);border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 20px 50px oklch(0% 0 0/.12)}.meeting-story-app-bar{background:oklch(92.5% .015 130);border-bottom:1px solid oklch(85% .015 140);justify-content:space-between;align-items:center;gap:18px;padding:16px 19px;display:flex}.meeting-story-app-bar>span:first-child{align-items:center;gap:9px;display:flex}.meeting-story-app-bar img{object-fit:contain}.meeting-story-app-bar strong{font-size:11px}.meeting-story-app-bar strong>span{opacity:.7;font-weight:500}.meeting-story-app-bar>span:last-child{color:oklch(47% .025 145);font-size:8px}.meeting-story-calendar-tools{justify-content:space-between;align-items:center;gap:12px;padding:22px 19px 16px;display:flex}.meeting-story-calendar-tools>div:first-child{align-items:center;gap:8px;display:flex}.meeting-story-calendar-tools strong{font-size:11px}.meeting-story-calendar-tools>div:last-child,.meeting-story-display-tools>div{border:1px solid oklch(82% .015 140);border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.meeting-story-calendar-tools button{border-radius:6px;align-items:center;gap:5px;min-height:32px;padding:6px 8px;font-size:9px;display:inline-flex}.meeting-story-calendar-tools button[aria-pressed=true]{background:oklch(99% .005 140);box-shadow:0 1px 5px oklch(0% 0 0/.07)}.meeting-story-room-picker{flex-wrap:wrap;gap:7px;padding:0 19px 15px;display:flex}.meeting-story-room-picker button{border:1px solid oklch(82% .015 140);border-radius:100px;align-items:center;gap:5px;min-height:34px;padding:8px 10px;font-size:9px;display:inline-flex}.meeting-story-room-picker button[aria-pressed=true]{color:oklch(97% .01 140);background:oklch(30% .045 145);border-color:#0000}.meeting-story-calendar-scroll{padding:0 19px 18px;overflow-x:auto}.meeting-story-calendar-grid{border:1px solid oklch(84% .015 140);border-radius:10px;grid-template-columns:repeat(3,minmax(120px,1fr));min-width:400px;display:grid;overflow:hidden}.meeting-story-calendar-column{border-left:1px solid oklch(84% .015 140);min-width:0}.meeting-story-calendar-column:first-child{border-left:0}.meeting-story-room-heading{background:oklch(94% .01 140);border-bottom:1px solid oklch(84% .015 140);width:100%;padding:12px 8px;font-size:9px;font-weight:700;display:block}.meeting-story-calendar-column.selected .meeting-story-room-heading{color:oklch(30% .08 145);background:oklch(88% .04 130)}.meeting-story-day-track{background:repeating-linear-gradient(#0000 0 41px,oklch(86% .015 140) 41px 42px);height:252px;position:relative}.meeting-story-now{z-index:2;pointer-events:none;border-top:1px solid oklch(58% .13 35);position:absolute;top:19.4%;left:0;right:0}.meeting-story-now>span{color:oklch(50% .1 35);background:oklch(96.5% .008 110);padding:0 3px;font-size:7px;position:absolute;top:-8px;right:4px}.meeting-story-booking{text-align:left;background:oklch(88% .045 135);border-left:3px solid oklch(50% .075 135);border-radius:5px;padding:8px 6px;position:absolute;left:5px;right:5px;overflow:hidden}.meeting-story-booking time{opacity:.8;font-size:7px;line-height:1.3;display:block}.meeting-story-booking strong{margin-top:4px;font-size:9px;line-height:1.35;display:block}.meeting-story-booking small{opacity:.7;margin-top:3px;font-size:7px;line-height:1.4;display:block}.meeting-story-booking.chosen{outline-offset:1px;outline:2px solid oklch(39% .07 140)}.meeting-story-booking.room-colour-1{background:oklch(88% .035 220);border-left-color:oklch(50% .075 220)}.meeting-story-booking.room-colour-2{background:oklch(89% .04 70);border-left-color:oklch(54% .08 70)}.meeting-story-agenda{min-height:290px;padding:0 19px 18px}.meeting-story-agenda>button{text-align:left;border-bottom:1px solid oklch(84% .015 140);border-radius:7px;align-items:center;gap:14px;width:100%;padding:17px 12px;display:flex}.meeting-story-agenda>button[aria-pressed=true]{background:oklch(91% .03 135)}.meeting-story-agenda time{flex-direction:column;flex-shrink:0;gap:4px;font-size:10px;font-weight:700;display:flex}.meeting-story-agenda time>span{opacity:.65;font-weight:400}.meeting-story-agenda strong{font-size:11px}.meeting-story-agenda small{opacity:.7;margin-top:4px;font-size:9px;line-height:1.6;display:block}.meeting-story-agenda svg{flex-shrink:0;margin-left:auto}.meeting-story-editor{background:oklch(94% .012 130);border-top:1px solid oklch(83% .015 140);padding:17px 19px 19px}.meeting-story-editor-heading{align-items:center;gap:8px;margin-bottom:16px;display:flex}.meeting-story-editor-heading strong{font-size:11px}.meeting-story-editor-heading>span{opacity:.7;margin-left:auto;font-size:8px}.meeting-story-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.meeting-story-form-grid label{flex-direction:column;gap:5px;min-width:0;font-size:8px;font-weight:600;display:flex}.meeting-story-field-wide{grid-column:1/-1}.meeting-story-form-grid input,.meeting-story-form-grid select{color:oklch(25% .025 145);outline-offset:2px;background:oklch(99.5% .003 140);border:1px solid oklch(79% .015 140);border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:10px;display:block}.meeting-story-form-grid input:focus,.meeting-story-form-grid select:focus{outline:2px solid oklch(55% .12 135)}.meeting-story-save{justify-content:space-between;align-items:center;gap:15px;margin-top:16px;display:flex}.meeting-story-save>span{opacity:.6;font-size:8px}.meeting-story-save>button{color:oklch(97% .01 130);background:oklch(30% .05 145);border-radius:100px;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:10px 15px;font-size:10px;font-weight:700;display:flex}.meeting-story-save>button:disabled{opacity:.4}.meeting-story-form-error{color:oklch(43% .14 25);margin-top:12px;font-size:10px;line-height:1.6}.meeting-story-display-column{min-width:0}.meeting-story-display-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.meeting-story-display-tools>span{align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.meeting-story-display-tools>div{border-color:var(--border);background:var(--card)}.meeting-story-display-tools button{min-height:34px;color:var(--muted-foreground);border-radius:6px;padding:8px 10px;font-size:9px}.meeting-story-display-tools button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);font-weight:700}.meeting-story-screen-shell{background:oklch(18% .015 145);border:1px solid oklch(35% .02 145);border-radius:16px;padding:10px;box-shadow:0 20px 50px oklch(0% 0 0/.23)}.meeting-story-screen-label{color:oklch(72% .01 145);justify-content:space-between;gap:12px;padding:4px 4px 12px;font-size:7px;display:flex}.meeting-story-screen-label>span:last-child{letter-spacing:.1em;font-size:6px}.meeting-story-screen{background:oklch(16% .02 145);border-radius:9px;height:340px;position:relative;overflow:hidden}.meeting-story-native,.meeting-story-native>div:first-child{width:100%;height:100%;position:absolute;inset:0}.meeting-story-loading{color:oklch(80% .01 140);text-align:center;place-items:center;padding:25px;font-size:12px;display:grid;position:absolute;inset:0}.meeting-story-update{color:var(--muted-foreground);align-items:flex-start;gap:9px;margin-top:18px;font-size:11px;line-height:1.7;display:flex}.meeting-story-update svg{color:var(--primary);flex-shrink:0;margin-top:2px}.meeting-story-benefits{flex-direction:column;gap:24px;margin-top:35px;display:flex}.meeting-story-benefits article{align-items:flex-start;gap:15px;display:flex}.meeting-story-benefits article>svg{color:var(--primary);flex-shrink:0;margin-top:3px}.meeting-story-benefits h3{font-size:14px;font-weight:700;line-height:1.5}.meeting-story-benefits p{color:var(--muted-foreground);max-width:420px;margin-top:7px;font-size:12px;line-height:1.9}@media (width<=1000px){.meeting-story-heading{gap:35px}.meeting-story-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.meeting-story-calendar-tools{flex-direction:column;align-items:flex-start}.meeting-story-screen{height:330px}.meeting-story-steps{gap:25px}.meeting-story-display-tools{flex-direction:column;align-items:flex-start}}@media (width<=760px){.meeting-story-heading{grid-template-columns:1fr;gap:25px}.meeting-story-heading>p{max-width:590px;font-size:14px}.meeting-story-steps{gap:25px;margin-block:35px}.meeting-story-steps li{flex-direction:column;gap:8px}.meeting-story-steps strong{font-size:12px}.meeting-story-steps p{font-size:11px}.meeting-story-example-label{flex-direction:column;align-items:flex-start;gap:8px}.meeting-story-workspace{grid-template-columns:1fr;gap:35px}.meeting-story-calendar-tools{flex-direction:row;align-items:center}.meeting-story-calendar-grid{min-width:400px}.meeting-story-display-tools{flex-direction:row;align-items:center}.meeting-story-screen{height:350px}.meeting-story-benefits{gap:23px;margin-top:28px}.meeting-story-benefits p{max-width:none}}@media (width<=460px){.meeting-story-steps{grid-template-columns:1fr;gap:20px}.meeting-story-steps li{flex-direction:row;gap:15px}.meeting-story-steps strong{font-size:14px}.meeting-story-steps p{font-size:12px}.meeting-story-calendar-tools{flex-wrap:wrap}.meeting-story-calendar-tools>div:first-child{flex:100%}.meeting-story-room-picker{gap:5px}.meeting-story-room-picker button{padding:7px 8px;font-size:8px}.meeting-story-screen{height:340px}.meeting-story-display-tools>div{width:100%}.meeting-story-display-tools button{flex:1;font-size:10px}.meeting-story-app-bar>span:last-child{display:none}.meeting-story-editor-heading>span{font-size:7px}.meeting-story-form-grid input,.meeting-story-form-grid select{min-height:39px;font-size:11px}.meeting-story-form-grid label{font-size:9px}.meeting-story-save>button{min-height:44px}.meeting-story-calendar-scroll{padding-inline:12px}.meeting-story-editor,.meeting-story-calendar-tools,.meeting-story-room-picker{padding-inline:16px}}.clock-collection{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:18px;margin-top:28px;padding:22px}.clock-collection h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:23px;font-weight:650}.clock-collection-heading p{color:var(--muted-foreground);margin-top:9px;font-size:13px;line-height:1.75}.clock-look-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.clock-look-tiles>button{text-align:left;border:1px solid var(--border);cursor:pointer;border-radius:10px;min-width:0;padding:6px 6px 10px}.clock-look-tiles>button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.clock-tile-face{color:#fff;font-variant-numeric:tabular-nums;background:#102136;border-radius:6px;justify-content:center;align-items:center;height:75px;font-family:monospace;font-size:25px;display:flex}.clock-tile-face>svg{width:67px;height:67px}.clock-tile-glass{color:#f0fbff;background:linear-gradient(125deg,#17394d,#2f626e)}.clock-tile-flip{color:#f6f2e9;background:#171a20}.clock-tile-flip b{background:linear-gradient(#333943 49%,#050608 50%,#292e38 52%);border-radius:4px;padding:6px}.clock-tile-pixel{color:#9cf7ac;letter-spacing:1px;text-shadow:2px 0 #63d18e66;background:#071b17;font-family:monospace}.clock-tile-led{color:#ff525b;background:#180c10}.clock-tile-retro{color:#ffd28a;background:#24190e}.clock-tile-neon{color:#9df4ff;text-shadow:0 0 10px #f282ed;background:#150e29}.clock-tile-orbital{color:#b6a1ff;background:#171b39}.clock-tile-minimal{color:#292e32;font-family:var(--font-display);background:#f6f2e9}.clock-tile-railway{color:#1d2727;background:#e7ece9}.clock-tile-roman{color:#3a2b20;background:#eee3ce}.clock-tile-grandfather{color:#f5e1b4;background:linear-gradient(90deg,#20150f,#80582e,#20150f)}.clock-tile-skeleton{color:#d6b66d;background:#101c24}.clock-tile-racing{color:#bbed68;background:#10171b}.clock-tile-rings{outline-offset:4px;border:3px solid;border-right-color:#0000;border-radius:50%;outline:1px solid;place-items:center;width:65px;height:65px;font-size:12px;display:grid}.clock-look-tiles strong{justify-content:space-between;align-items:center;gap:5px;padding:8px 4px 0;font-size:12px;line-height:1.5;display:flex}.clock-look-tiles small{color:var(--muted-foreground);padding:5px 4px 0;font-size:10px;line-height:1.5;display:block}.clock-mode-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.clock-mode-picker>span{margin-right:5px;font-size:12px}.clock-mode-picker button{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 11px;font-size:12px}.clock-mode-picker button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}@media (width<=1000px){.clock-look-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=380px){.clock-collection{padding:16px}.clock-look-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-options .clock-collection{background:0 0;border:0;border-radius:0;margin-top:12px;padding:17px 0 0}.detail-options .clock-look-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-options .clock-collection h2{font-size:19px}.detail-options .clock-tile-face{height:63px}.detail-options .clock-look-tiles small{font-size:10px}.detail-options .clock-mode-picker{gap:6px}.detail-options .clock-mode-picker>span{width:100%;margin-bottom:5px}.detail-options .clock-mode-picker button{padding:8px;font-size:11px}