/* Stable additions layered on top of the working Mobile Design 14 build. */
@media (min-width:0px){
  body{background:#050506!important}
  #root,.planner-shell,.board-screen,.welcome-screen{width:100%!important;max-width:520px!important;margin-inline:auto!important;box-shadow:0 0 80px #000!important}
  html,body,#root,.planner-shell{min-height:100dvh!important;height:auto!important;overflow-x:hidden!important}
  body{overflow-y:auto!important}
  .planner-main,.planner-content{height:auto!important;min-height:100dvh!important;overflow:visible!important}

  /* Home date spacing */
  .home-date-card{grid-template-columns:72px minmax(0,1fr)!important;column-gap:25px!important}
  .home-date-card>strong{padding-right:10px!important}
  .home-date-card>small{padding-left:8px!important;white-space:nowrap!important}
  .home-date-card>div b{margin-right:20px!important}

  /* Goals: one clear, centered add button and a native mobile setup screen */
  .milestone-header-actions>button:first-child{display:none!important}
  .milestone-header-actions>button:last-child{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#ff0090!important;font-size:0!important}
  .milestone-header-actions>button:last-child svg{display:block!important;margin:0!important;transform:none!important}
  .milestone-setup{position:fixed!important;z-index:3100!important;inset:0!important;padding:0!important;display:block!important;background:#0b0b0d!important;overflow:hidden!important}
  .milestone-setup form{width:100%!important;height:100dvh!important;max-height:none!important;padding:max(28px,env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom))!important;display:flex!important;overflow-y:auto!important;border:0!important;border-radius:0!important;background:#0b0b0d!important;box-shadow:none!important}
  .milestone-setup h2{font-size:36px!important}.milestone-setup input,.milestone-setup select{min-height:48px!important;font-size:16px!important}.milestone-setup form>div{margin-top:auto;padding-top:20px;position:sticky;bottom:0;background:#0b0b0d}
  .year-progress{height:auto!important;max-height:none!important;overflow:visible!important}
  .year-progress>div:last-child{height:auto!important;max-height:none!important;overflow:visible!important}
  .year-dots{width:100%!important;grid-template-columns:repeat(18,minmax(7px,1fr))!important;gap:5px!important}
  .year-dots i{min-width:7px!important;min-height:7px!important}
  .milestones-page,.milestone-grid,.milestone-card{height:auto!important;max-height:none!important;overflow:visible!important}

  /* Entire calendar day is a touch target */
  .calendar-day{cursor:pointer!important;touch-action:manipulation!important;transition:background .18s ease,transform .16s ease!important}
  .calendar-day:active{background:#171717!important;transform:scale(.96)!important}
  .vb-calendar-sheet{position:fixed;z-index:3500;inset:0;display:flex;align-items:flex-end;background:#0009;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
  .vb-calendar-sheet>section{width:100%;height:88dvh;padding:16px 18px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:30px 30px 0 0;color:#fff;background:#151517;animation:vbSheetIn .3s cubic-bezier(.2,.8,.2,1)}
  .vb-calendar-sheet header{display:flex;justify-content:space-between;margin-bottom:34px}.vb-calendar-sheet header button{min-height:42px;padding:0 7px;color:#ff3d8e;background:transparent;font-size:16px}
  .vb-calendar-sheet>section>small{color:#ff3d8e;font-size:10px;font-weight:800;letter-spacing:.14em}.vb-calendar-sheet h2{margin:3px 0 28px;font-size:58px;letter-spacing:-.06em}
  .vb-calendar-entries{display:grid;gap:9px}.vb-calendar-entries article{min-height:70px;padding:12px;display:grid;grid-template-columns:7px 1fr;align-items:center;gap:13px;border-radius:18px;background:#222226}.vb-calendar-entries article i{width:7px;height:44px;border-radius:99px;background:#ff0090}.vb-calendar-entries article span{display:flex;flex-direction:column;gap:5px}.vb-calendar-entries article small,.vb-calendar-entries>p{color:#929299}

  /* Ideas list takes the natural page height; a note opens as a dedicated screen */
  .brainstorm-view{height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .brainstorm-notebook{height:auto!important;min-height:0!important;overflow:visible!important}
  .brainstorm-note-list{width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;background:#000!important}
  .brainstorm-note-list>header{position:sticky;z-index:5;top:0;padding:10px 4px 16px!important;background:#000!important}.brainstorm-note-list>header strong{font-size:34px!important}.brainstorm-note-list>header strong:first-child{font-size:0!important}.brainstorm-note-list>header strong:first-child:after{content:"Ideas";font-size:34px}
  .brainstorm-note-list>button{min-height:78px;margin-bottom:8px;padding:14px!important;border:0!important;border-radius:17px!important;background:#171719!important}
  .brainstorm-notebook>.brainstorm-notes{display:none!important}
  .brainstorm-view.vb-note-open .brainstorm-notebook>.brainstorm-notes{position:fixed!important;z-index:3300!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:max(14px,env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;border:0!important;border-radius:0!important;background:#0b0b0d!important}
  .brainstorm-view.vb-note-open .brainstorm-note-head{display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px 34px 34px!important;gap:6px!important}.vb-note-back{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border-radius:50%!important;color:#ff3d8e!important;background:#202024!important;font-size:32px!important;line-height:1!important}
  .brainstorm-view.vb-note-open .brainstorm-note-head input{min-width:0!important;color:#fff!important;font-size:26px!important}.brainstorm-view.vb-note-open .brainstorm-rich-editor{flex:1!important;min-height:calc(100dvh - 165px)!important;padding:15px 2px 100px!important;overflow:visible!important;color:#fff!important;font-size:17px!important;line-height:1.6!important}

  /* Content grid / canvas */
  .content-grid-frame{width:100%!important;max-width:100vw!important;padding:0 16px 120px!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important}
  .row-controls,.grid-header-editor,.view-grid .plan-intro{display:none!important}.content-grid{width:max-content!important;min-width:100%!important;grid-template-columns:repeat(var(--grid-columns),minmax(250px,82vw))!important;gap:12px!important}.topic-column{min-width:250px!important}
  .creative-canvas{touch-action:none!important}.canvas-world,.board-item{touch-action:none!important}.project-card .card-canvas-button{opacity:1!important;pointer-events:auto!important}

  /* Shoot + VoiceOver act as one production mode */
  .vb-production-tabs{position:sticky;z-index:50;top:0;margin:0;padding:max(12px,env(safe-area-inset-top)) 14px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#000e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .vb-production-tabs button{min-width:0;height:38px;padding:0 6px;border-radius:12px;color:#96969d;background:#171719;font-size:10px;font-weight:700}.vb-production-tabs button.active{color:#fff;background:#ff0090;box-shadow:0 0 18px #ff009066}
  .vb-production-tabs+.shoot-mode,.vb-production-tabs+.shoots-view,.vb-production-tabs+.shoot-view,.vb-production-tabs+.voiceover-page{padding-top:18px!important}
  .shoot-mode,.shoots-view,.shoot-view,.voiceover-page{width:100%!important;min-width:0!important;overflow-x:hidden!important}.shoot-toolbar,.voiceover-toolbar{max-width:100%!important;overflow-x:auto!important;touch-action:pan-x!important}.shoot-list,.voiceover-list{grid-template-columns:1fr!important}.voiceover-card,.shoot-row{width:100%!important;min-width:0!important;max-width:100%!important}

  /* Camera + translucent script overlay */
  .vb-camera-studio{position:fixed;z-index:5000;inset:0;overflow:hidden;color:#fff;background:#000}.vb-camera-studio>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.vb-camera-studio.mirrored>video{transform:scaleX(-1)}
  .vb-camera-studio>header{position:absolute;z-index:5;left:0;right:0;top:0;padding:max(13px,env(safe-area-inset-top)) 14px 16px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:linear-gradient(#000d,transparent)}.vb-camera-studio>header button{width:42px;height:42px;border-radius:50%;color:#fff;background:#19191cbf;font-size:25px}.vb-camera-studio>header strong{text-align:center;font-size:11px;letter-spacing:.12em}.vb-camera-studio>header strong:first-letter{color:#ff315f}
  .vb-camera-copy{position:absolute;z-index:3;left:8%;right:8%;top:25%;max-height:38%;padding:15px;overflow-y:auto;border-radius:20px;background:#0007;text-align:center;text-shadow:0 2px 12px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vb-camera-copy small{display:block;margin-bottom:9px;color:#ff5d9d;font-size:10px;font-weight:800;letter-spacing:.13em}.vb-camera-copy p{margin:0;font-size:30px;font-weight:700;line-height:1.35}.vb-camera-studio.mirrored .vb-camera-copy{transform:scaleX(-1)}
  .vb-camera-studio>aside{position:absolute;z-index:5;left:12px;right:12px;bottom:calc(158px + env(safe-area-inset-bottom));padding:10px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;border-radius:18px;background:#111114c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vb-camera-studio>aside label{min-width:110px;display:flex;flex-direction:column;gap:5px;color:#a4a4aa;font-size:9px}.vb-camera-studio>aside select{height:34px;max-width:155px;padding:0 8px;border:0;border-radius:10px;color:#fff;background:#29292e}.vb-camera-studio>aside input{width:110px;accent-color:#ff0090}.vb-camera-studio>aside button{height:34px;padding:0 10px;border-radius:10px;color:#fff;background:#29292e;white-space:nowrap}.vb-camera-studio>aside button.active{background:#ff0090}
  .vb-camera-studio>footer{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:calc(98px + env(safe-area-inset-bottom));padding:12px 18px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(transparent,#000 35%)}.vb-record{width:70px;height:70px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:transparent}.vb-record i{width:54px;height:54px;border-radius:50%;background:#ff315f;transition:.2s}.vb-record.recording i{width:28px;height:28px;border-radius:7px}.vb-save-recording,.vb-record-again{min-height:46px;padding:0 17px;display:flex;align-items:center;border-radius:99px;color:#fff;background:#ff0090;font-weight:750}.vb-record-again{background:#29292e!important}

  .vb-pdf-button{position:fixed;z-index:1700;right:17px;bottom:calc(94px + env(safe-area-inset-bottom));min-width:63px;height:39px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff2e;border-radius:99px;color:#fff;background:#202024e8;box-shadow:0 10px 28px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;font-weight:800}
  .brainstorm-view.vb-note-open .brainstorm-rich-editor{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;caret-color:#ff0090!important}
  .vb-production-tabs{grid-template-columns:1fr repeat(3,minmax(0,1fr))!important;align-items:center!important}.vb-production-tabs>strong{padding-left:4px;font-size:13px;white-space:nowrap}.vb-production-tabs button{display:grid!important;place-items:center!important}
  .vb-camera-studio>video{transform:scale(var(--camera-zoom,1))!important;transform-origin:center!important}.vb-camera-studio.mirrored>video{transform:scaleX(-1) scale(var(--camera-zoom,1))!important}
  .vb-save-recording,.vb-download-recording,.vb-record-again{min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:99px;color:#fff;background:#ff0090;font-size:11px;font-weight:750}.vb-download-recording,.vb-record-again{background:#29292e!important}
  .vb-export-menu,.vb-shotlist-modal{position:fixed;z-index:6000;inset:0;display:flex;align-items:flex-end;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .vb-export-menu>section,.vb-shotlist-modal>form{width:min(100%,520px);margin:auto;padding:22px 18px calc(24px + env(safe-area-inset-bottom));display:grid;gap:10px;border-radius:28px 28px 0 0;background:#171719;color:#fff}.vb-export-menu strong{font-size:25px}.vb-export-menu button{height:50px;border-radius:15px;color:#fff;background:#29292e}.vb-export-menu button[data-image],.vb-export-menu button[data-pdf]{background:#ff0090;font-weight:800}
  .vb-shotlist-modal form header{display:flex;align-items:center;justify-content:space-between}.vb-shotlist-modal form header span{display:flex;flex-direction:column}.vb-shotlist-modal form header small{color:#ff0090;font-size:9px;letter-spacing:.13em}.vb-shotlist-modal form header strong{font-size:25px}.vb-shotlist-modal form header button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#29292e;font-size:22px}.vb-shotlist-modal label{display:grid;gap:7px;color:#aaa;font-size:11px}.vb-shotlist-modal input,.vb-shotlist-modal select{width:100%;height:50px;padding:0 13px;border:1px solid #555;border-radius:14px;color:#fff;background:#242426;font-size:16px}.vb-shotlist-modal .vb-primary{height:52px;margin-top:8px;border-radius:16px;color:#fff;background:#ff0090;font-weight:800}
  .vb-voice-select{width:calc(100% - 28px)!important;height:50px!important;margin:4px 14px 12px!important;padding:0 14px!important;border:1px solid #555!important;border-radius:14px!important;color:#fff!important;background:#242426!important;font-size:15px!important}.voiceover-list{display:block!important;overflow:visible!important}.voiceover-card{margin:0 14px 12px!important}.voiceover-toolbar .edit-filter-button{order:-1!important;background:#ff0090!important;color:#fff!important}
  .vb-calendar-todos{margin:0 14px 16px;padding:14px;border:1px solid #ffffff1f;border-radius:19px;background:#171719}.vb-calendar-todos header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vb-calendar-todos header strong{font-size:20px}.vb-calendar-todos header span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ff0090;font-size:12px}.vb-calendar-todos label{min-height:43px;display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff13}.vb-calendar-todos input{width:20px;height:20px;accent-color:#ff0090}.vb-calendar-todos p{color:#888}
  .calendar-day .day-projects>*{display:none!important}.calendar-day .day-projects{position:absolute!important;left:50%!important;bottom:6px!important;width:6px!important;height:6px!important;overflow:visible!important;transform:translateX(-50%)!important}.calendar-day .day-projects:not(:empty)::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ff0090}.calendar-day{position:relative!important}.day-number{height:100%!important;display:grid!important;place-items:center!important}.day-number span{margin:0!important}.day-number button,.day-number small{display:none!important}.weekdays{position:sticky;top:0;z-index:4;background:#09090b!important}.weekdays span{text-align:center!important}
  button[class*="button"],button[class*="control"],.mobile-dock button,.day-number button{align-items:center!important;justify-content:center!important;line-height:1!important}.mobile-dock button svg,button[class*="button"] svg,button[class*="control"] svg{display:block!important;margin:auto!important}
  .mobile-dock button[aria-label="VoiceOver mode"]{display:none!important}.mobile-dock{grid-template-columns:repeat(6,1fr)!important}.vb-grid-tab span{font-size:29px;font-weight:300;line-height:1}.vb-grid-tab:active{color:#ff0090!important}
  .shotlist-editor{width:100%!important;max-width:100%!important;min-width:0!important}.shotlist-table{display:grid!important;gap:9px!important;background:transparent!important}.shotlist-head{display:none!important}.shotlist-row{padding:13px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;border:1px solid #ffffff24!important;border-radius:17px!important;background:#19191b!important}.shotlist-row input,.shotlist-row select,.shotlist-row textarea{min-width:0!important;min-height:42px!important;border:0!important;border-bottom:1px solid #ffffff21!important;border-radius:0!important;color:#fff!important;background:transparent!important}.shotlist-title-field{font-size:28px!important}.shotlist-brand{color:#ff0090!important}
  .vb-camera-studio,.vb-calendar-sheet{left:50%!important;right:auto!important;width:min(100%,520px)!important;transform:translateX(-50%)!important}.brainstorm-view.vb-note-open .brainstorm-notebook>.brainstorm-notes,.milestone-setup{left:50%!important;right:auto!important;width:min(100%,520px)!important;transform:translateX(-50%)!important}.calendar-entry-modal form{width:min(calc(100vw - 32px),488px)!important}.voiceover-add-modal form{width:min(calc(100vw - 32px),488px)!important}
  .shoot-toolbar,.voiceover-toolbar{width:100%!important;padding:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important;border-radius:20px!important}.shoot-toolbar>div,.voiceover-toolbar>div{min-width:0!important}.shoot-toolbar select,.voiceover-toolbar select{width:100%!important;min-width:0!important}.shoot-toolbar>button,.voiceover-toolbar>button{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.voiceover-toolbar .edit-filter-button,.vb-add-shotlist{grid-column:1/-1!important;order:-2!important;background:#ff0090!important;color:#fff!important}.voiceover-toolbar .export-pdf-button,.shoot-toolbar .export-pdf-button{display:none!important}.shoot-count{grid-column:1/-1!important}
  .vb-grid-heading{padding:max(65px,env(safe-area-inset-top)) 20px 12px;background:#000}.vb-grid-heading small{color:#ff0090;font-size:9px;font-weight:850;letter-spacing:.15em}.vb-grid-heading h1{margin:4px 0 0;color:#fff;font-size:36px;letter-spacing:-.05em}.vb-grid-heading+.content-grid-frame{padding-top:4px!important}
  /* Width fixes: all seven calendar columns and full To-do cards stay inside the phone. */
  .calendar-wrap,.today-view,.task-columns,.today-projects,.today-tasks{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.calendar-wrap{padding-inline:14px!important;overflow:hidden!important}.weekdays,.calendar-grid{width:100%!important;min-width:0!important}.weekdays span{padding:0!important;text-align:center!important;overflow:hidden!important}.calendar-day{width:auto!important;max-width:none!important}.vb-calendar-todos{width:100%!important;margin:0 0 16px!important;box-sizing:border-box!important;overflow:hidden!important}.vb-calendar-todos label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* Goal creation is a real full-screen, independently scrollable mobile sheet. */
  .milestone-setup{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.milestone-setup form{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:max(24px,env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom))!important}.milestone-setup form>div:last-child{flex:0 0 auto!important;margin-top:18px!important;position:static!important;padding-bottom:20px!important}
  /* One Ideas title; the list itself is labelled Notes. */
  .brainstorm-note-list>header strong:first-child:after{content:"Notes"!important}.brainstorm-view.vb-note-open .brainstorm-note-head input{caret-color:#ff0090!important}
  /* One horizontal snap-slide at a time, with vertical scrolling inside that slide. */
  .content-grid-frame{width:100%!important;max-width:100%!important;height:calc(100dvh - 190px)!important;padding:0 9vw 14px!important;display:block!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:9vw!important;overscroll-behavior-x:contain!important}.content-grid{height:100%!important;display:flex!important;gap:10vw!important;width:max-content!important}.topic-column{width:82vw!important;min-width:82vw!important;max-width:82vw!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-align:center!important;scroll-snap-stop:always!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}.topic-slots{padding-bottom:100px!important}
  /* Only the selfie video mirrors; teleprompter text remains readable and draggable. */
  .vb-camera-studio.mirrored .vb-camera-copy{transform:none!important}.vb-camera-copy{touch-action:none!important;cursor:grab!important;user-select:none!important}.vb-camera-copy.dragging{cursor:grabbing!important;box-shadow:0 0 0 2px #ff0090,0 12px 35px #000a!important}
  /* Accessible dark controls and reliable active state. */
  .shoot-mode select,.voiceover-page select,.vb-shotlist-modal select,.vb-shotlist-editor-screen select{color:#fff!important;background:#242426!important;border-color:#555!important;-webkit-text-fill-color:#fff!important}.shoot-mode option,.voiceover-page option,.vb-shotlist-modal option,.vb-shotlist-editor-screen option{color:#fff!important;background:#242426!important}.vb-production-tabs button.active{color:#fff!important;background:#ff0090!important;box-shadow:0 0 22px #ff009088!important}.voiceover-toolbar .edit-filter-button{width:100%!important;margin:0!important;text-align:center!important;justify-self:stretch!important;place-content:center!important}
  /* Shotlist overview first; individual shots open in a dedicated editor. */
  .vb-shotlist-browser{padding:16px 14px 120px}.vb-shotlist-browser>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vb-shotlist-browser>header span{display:flex;flex-direction:column}.vb-shotlist-browser>header small{color:#ff0090;font-size:9px;font-weight:850;letter-spacing:.15em}.vb-shotlist-browser h1{margin:3px 0 0;font-size:38px;letter-spacing:-.05em}.vb-shotlist-browser>header>button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ff0090;font-size:24px}.vb-shotlist-browser>div{display:grid;gap:10px}.vb-shotlist-card,.vb-shotlist-empty{width:100%;min-height:82px;padding:13px;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:11px;border:1px solid #ffffff25;border-radius:20px;color:#fff;background:linear-gradient(145deg,#1d1d1f,#121214);text-align:left}.vb-shotlist-card>b{color:#ff0090;font-size:25px}.vb-shotlist-card>span,.vb-shotlist-empty{display:flex;flex-direction:column}.vb-shotlist-card strong{font-size:17px}.vb-shotlist-card small{margin-top:4px;color:#8f8f96}.vb-shotlist-card>i{font-style:normal;font-size:26px}.vb-shotlist-empty{grid-template-columns:1fr;text-align:center}.shoot-list[hidden]{display:none!important}
  .vb-shotlist-editor-screen{position:fixed;z-index:6100;left:50%;top:0;width:min(100%,520px);height:100dvh;overflow:hidden;color:#fff;background:#09090b;transform:translateX(-50%)}.vb-shotlist-editor-screen>form{height:100%;display:flex;flex-direction:column}.vb-shotlist-editor-screen header{padding:max(14px,env(safe-area-inset-top)) 14px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) 60px;align-items:center;gap:8px;border-bottom:1px solid #ffffff17;background:#111113}.vb-shotlist-editor-screen header>button:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#ff0090;background:#242426;font-size:30px}.vb-shotlist-editor-screen header span{min-width:0;display:flex;flex-direction:column}.vb-shotlist-editor-screen header small{color:#ff0090;font-size:8px;letter-spacing:.13em}.vb-shotlist-editor-screen header input{min-width:0;border:0;color:#fff;background:transparent;font-size:21px;font-weight:800}.vb-shot-save{height:38px;border-radius:12px;color:#fff;background:#ff0090;font-size:11px;font-weight:800}.vb-shot-editor-list{flex:1;padding:12px 14px 120px;overflow-y:auto}.vb-shot-editor-list details{margin-bottom:9px;border:1px solid #ffffff24;border-radius:18px;background:#171719;overflow:hidden}.vb-shot-editor-list summary{min-height:70px;padding:10px 13px;display:grid;grid-template-columns:40px minmax(0,1fr) 22px;align-items:center;gap:9px;list-style:none}.vb-shot-editor-list summary::-webkit-details-marker{display:none}.vb-shot-editor-list summary>b{color:#ff0090;font-size:22px}.vb-shot-editor-list summary span{display:flex;flex-direction:column}.vb-shot-editor-list summary small{color:#8f8f96}.vb-shot-editor-list summary i:after{content:"⌄";font-style:normal;font-size:20px}.vb-shot-editor-list details[open] summary i:after{content:"⌃"}.vb-shot-fields{padding:0 13px 15px;display:grid;gap:10px}.vb-shot-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vb-shot-fields label{display:grid;gap:5px;color:#ff4f9f;font-size:11px}.vb-shot-fields input,.vb-shot-fields textarea{width:100%;min-height:44px;padding:10px;border:1px solid #555;border-radius:12px;color:#fff;background:#252527;font-size:15px}.vb-shot-fields textarea{min-height:75px;resize:vertical}.vb-add-shot-row{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));height:48px;padding:0 20px;border-radius:99px;color:#fff;background:#ff0090;box-shadow:0 10px 30px #000;transform:translateX(-50%);font-weight:800}
  .shoot-mode>.shoot-toolbar>div,.shoot-mode>.shoot-toolbar>.shoot-count,.shoot-mode>.shoot-toolbar>.edit-filter-button:not(.vb-add-shotlist){display:none!important}.shoot-mode>.shoot-toolbar{grid-template-columns:1fr!important;padding:10px 14px!important}.shoot-mode>.shoot-toolbar>.vb-add-shotlist{display:flex!important;width:100%!important;margin:0!important}
  /* VoiceOver action sits exactly on the center axis. */
  .voiceover-toolbar .edit-filter-button{display:grid!important;grid-template-columns:auto auto!important;grid-auto-flow:column!important;place-content:center!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0!important}.voiceover-toolbar .edit-filter-button svg{margin:0!important}
  .voiceover-toolbar .edit-filter-button{display:none!important}.vb-direct-voice-add{width:calc(100% - 28px);height:50px;margin:10px 14px 12px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:16px;color:#fff;background:#ff0090;box-shadow:0 8px 24px #ff00903d;font-size:14px;font-weight:800}
  /* Swipe feedback: left adds, right deletes. */
  .vb-shotlist-card,.vb-shot-editor-list details{position:relative;transition:transform .22s ease,box-shadow .22s ease}.vb-shotlist-card.swipe-add,.vb-shot-editor-list details.swipe-add{transform:translateX(-18px);box-shadow:18px 0 #ff00904d}.vb-shotlist-card.swipe-delete,.vb-shot-editor-list details.swipe-delete{transform:translateX(18px);box-shadow:-18px 0 #ff3b304d}
  /* Camera controls: editable text, scale, automatic frames or teleprompter. */
  .vb-camera-copy.teleprompter{height:34%;max-height:34%;overflow-y:hidden!important;text-align:left!important}.vb-camera-copy.teleprompter p{white-space:pre-wrap}.vb-camera-copy.editing{outline:2px solid #ff0090;user-select:text!important}.vb-camera-copy.editing p{user-select:text!important;cursor:text!important}.vb-camera-studio>aside{align-items:end!important}.vb-camera-studio>aside label{min-width:105px!important}.vb-camera-studio>aside select[data-mode]{max-width:130px!important}
  /* Perfect centering for the Goals add control. */
  .milestone-header-actions>button:last-child{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;text-indent:0!important}.milestone-header-actions>button:last-child svg{position:absolute!important;left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
  /* Today is readable without a coloured circle. */
  .calendar-day.today .day-number span{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:800!important}
  /* Carousel indicator and refreshed Content Grid cards. */
  .vb-grid-dots{position:fixed;z-index:1200;left:50%;bottom:calc(102px + env(safe-area-inset-bottom));max-width:min(330px,75vw);padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff1f;border-radius:99px;background:#171719d9;box-shadow:0 10px 28px #0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateX(-50%);overflow-x:auto}.vb-grid-dots button{width:7px;height:7px;min-width:7px;padding:0;border-radius:50%;background:#5c5c62;transition:width .25s ease,background .25s ease,box-shadow .25s ease}.vb-grid-dots button.active{width:22px;background:#ff0090;box-shadow:0 0 13px #ff0090}.topic-column{padding:13px!important;border:1px solid #ffffff26!important;border-radius:26px!important;background:linear-gradient(155deg,#1b1b1e,#0f0f11)!important;box-shadow:inset 0 1px #ffffff0a,0 20px 50px #0008!important}.topic-header{position:sticky!important;z-index:5!important;top:-13px!important;margin:-13px -13px 12px!important;padding:17px 15px!important;border-radius:26px 26px 18px 18px!important;background:#19191de8!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topic-number{color:#ff0090!important}.topic-slots{display:grid!important;gap:10px!important}.grid-project-slot,.empty-slot,.add-idea-at-end{border-radius:18px!important}.project-card{border:1px solid #ffffff20!important;border-radius:18px!important;background:#242427!important;box-shadow:none!important}
  /* Calendar To-do creation replaces the old numeric badge. */
  .vb-calendar-todos header .vb-add-todo{width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ff0090;font-size:25px;line-height:1}.vb-todo-modal{position:fixed;z-index:6200;inset:0;display:flex;align-items:flex-end;background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vb-todo-modal form{width:min(100%,520px);margin:auto;padding:22px 18px calc(24px + env(safe-area-inset-bottom));display:grid;gap:14px;border-radius:28px 28px 0 0;color:#fff;background:#171719}.vb-todo-modal header{display:flex;align-items:center;justify-content:space-between}.vb-todo-modal header span{display:flex;flex-direction:column}.vb-todo-modal header small{color:#ff0090;font-size:9px;letter-spacing:.14em}.vb-todo-modal header strong{font-size:25px}.vb-todo-modal header button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#29292e;font-size:22px}.vb-todo-modal label{display:grid;gap:7px;color:#aaa;font-size:11px}.vb-todo-modal textarea,.vb-todo-modal select{width:100%;min-height:50px;padding:12px;border:1px solid #555;border-radius:14px;color:#fff;background:#242426;font-size:16px}.vb-todo-modal .vb-primary{height:52px;border-radius:16px;color:#fff;background:#ff0090;font-weight:800}
  /* Notes use the same deep black cards as the rest of the mobile app. */
  .brainstorm-view.vb-note-open .brainstorm-notebook>.brainstorm-notes{background:#0d0d0f!important}.brainstorm-view.vb-note-open .brainstorm-rich-editor{background:#171719!important;border:1px solid #ffffff1c!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff08!important}.brainstorm-formatbar button,.vb-note-back,.brainstorm-note-head>button{background:#1d1d20!important;color:#fff!important;border:1px solid #ffffff18!important}
  /* Every carousel marker is circular, including the selected one. */
  .vb-grid-dots button,.vb-grid-dots button.active{width:9px!important;height:9px!important;min-width:9px!important;border-radius:50%!important}.vb-grid-dots button.active{background:#ff0090!important;box-shadow:0 0 14px #ff0090!important}
  /* Empty content slots are real add buttons. */
  .empty-slot{position:relative!important;display:grid!important;place-items:center!important;cursor:pointer!important;background:#242427!important;border:1px dashed #ffffff2b!important}.empty-slot:before{content:"+";width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ff0090;font-size:29px;line-height:1;box-shadow:0 0 22px #ff00904f}.empty-slot:after{content:"New content";margin-top:-20px;color:#8e8e95;font-size:11px}.plan-intro{display:none!important}
  /* Mobile project editor replaces the white desktop inspector. */
  .project-inspector{position:fixed!important;z-index:5900!important;left:50%!important;right:auto!important;top:0!important;bottom:auto!important;width:min(100%,520px)!important;height:100dvh!important;max-height:100dvh!important;padding:max(18px,env(safe-area-inset-top)) 18px calc(110px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-y:auto!important;border:0!important;border-radius:0!important;color:#fff!important;background:#0d0d0f!important;box-shadow:none!important;transform:translateX(-50%)!important}.project-inspector-head{position:sticky!important;z-index:4!important;top:calc(-1 * max(18px,env(safe-area-inset-top)))!important;margin:-18px -18px 22px!important;padding:max(18px,env(safe-area-inset-top)) 18px 15px!important;background:#111113ed!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-inspector-head small{color:#ff0090!important}.project-inspector-head strong{color:#fff!important;font-size:28px!important}.project-inspector-head>button{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;background:#242426!important}.project-inspector>label,.project-inspector .two-fields label{color:#9a9aa1!important}.project-inspector input,.project-inspector textarea,.project-inspector select,.quick-date-field input,.quick-date-field select{width:100%!important;min-height:50px!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #ffffff2b!important;border-radius:14px!important;color:#fff!important;background:#202023!important;-webkit-text-fill-color:#fff!important}.project-inspector .two-fields{grid-template-columns:1fr!important;gap:13px!important}.project-inspector .segmented{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;background:transparent!important}.project-inspector .segmented button{min-height:54px!important;border:1px solid #ffffff2b!important;border-radius:14px!important;color:#aaa!important;background:#202023!important}.project-inspector .segmented button.active{color:#fff!important;border-color:#ff0090!important;background:#ff009024!important;box-shadow:0 0 16px #ff009035!important}.project-inspector .open-project-button{background:#ff0090!important;color:#fff!important}.project-status-actions button,.project-actions button{color:#fff!important;background:#202023!important;border-color:#ffffff20!important}
  /* Camera controls are vertically stacked and precisely centered. */
  .vb-camera-studio>aside{left:14px!important;right:auto!important;bottom:calc(150px + env(safe-area-inset-bottom))!important;width:min(235px,calc(100% - 28px))!important;max-height:40dvh!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:22px!important}.vb-camera-studio>aside>label{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}.vb-camera-studio>aside label select,.vb-camera-studio>aside label input{width:100%!important;max-width:none!important;margin:0!important}.vb-camera-studio>aside>button{width:100%!important}.vb-camera-studio>footer{left:50%!important;right:auto!important;width:100%!important;box-sizing:border-box!important;transform:translateX(-50%)!important}.vb-record{margin:0!important;padding:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}.vb-record i{display:block!important;margin:0!important}.vb-camera-studio>header button[data-action="flip"]{padding:0!important;display:grid!important;place-items:center!important;font-size:0!important;line-height:1!important}.vb-camera-studio>header button[data-action="flip"]:after{content:"↻";display:block;font-size:25px;line-height:1;transform:translateY(-1px)}
  /* Mobile has no standalone teleprompter and no Audio-only mode. */
  .voiceover-card-actions,.voiceover-card-head>span,.teleprompter{display:none!important}.voiceover-card{padding-bottom:18px!important}
  /* Remove the theme-coloured outline around today. */
  .calendar-day.today{outline:0!important;border:0!important;box-shadow:none!important}.calendar-day.today:before,.calendar-day.today:after{display:none!important}
  /* Calendar add dialog follows the dark mobile design. */
  .calendar-entry-modal{padding:16px!important}.calendar-entry-modal form{padding:20px!important;border:1px solid #ffffff25!important;border-radius:24px!important;color:#fff!important;background:#171719!important}.calendar-entry-modal form header button{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;background:#29292e!important}.calendar-entry-modal select,.calendar-entry-modal textarea{width:100%!important;min-height:50px!important;padding:12px!important;border:1px solid #555!important;border-radius:14px!important;color:#fff!important;background:#242426!important}.calendar-entry-modal form>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.calendar-entry-modal form>div:last-child button{height:48px!important;border-radius:14px!important;color:#fff!important;background:#29292e!important}.calendar-entry-modal form>div:last-child button:last-child{background:#ff0090!important}

  /* Shot details behave like one animated mobile accordion. */
  .vb-shot-editor-list details>summary i{display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.vb-shot-editor-list details>summary i:after,.vb-shot-editor-list details[open]>summary i:after{content:"⌄"!important}.vb-shot-editor-list details[open]>summary i{transform:rotate(180deg)}
  .vb-shot-editor-list details:not([open])>.vb-shot-fields{display:grid!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0;visibility:hidden;pointer-events:none}.vb-shot-editor-list details[open]>.vb-shot-fields{display:grid!important;max-height:1100px!important;padding-top:2px!important;padding-bottom:15px!important;opacity:1;visibility:visible;pointer-events:auto}.vb-shot-fields{overflow:hidden;transition:max-height .38s cubic-bezier(.2,.8,.2,1),padding .34s ease,opacity .24s ease}.vb-shot-fields input,.vb-shot-fields textarea,.vb-shot-fields select{width:100%!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important;border:1px solid #555!important;border-radius:12px!important;color:#fff!important;background:#252527!important;font-size:15px!important;-webkit-text-fill-color:#fff!important}.vb-shot-fields select{appearance:auto!important}.vb-shot-fields option{color:#fff;background:#252527}

  /* A real mobile entry point for the existing workspace settings. */
  .home-hero{position:relative!important}.vb-settings-button{position:absolute;z-index:8;right:16px;top:50%;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #ffffff1f;border-radius:50%;color:#fff;background:#1b1b1ed9;box-shadow:0 10px 28px #0008;font-size:22px;line-height:1;transform:translateY(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.vb-settings-button span{width:100%;height:100%;display:grid;place-items:center;transform:translateY(-1px)}.vb-settings-button:active{color:#fff;background:#ff0090}
  .planner-sidebar.vb-mobile-settings-host{position:fixed!important;z-index:7600!important;left:50%!important;right:auto!important;top:0!important;bottom:auto!important;width:min(100%,520px)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#0b0b0d!important;box-shadow:0 0 70px #000!important;transform:translateX(-50%)!important}.planner-sidebar.vb-mobile-settings-host>*{display:none!important}.planner-sidebar.vb-mobile-settings-host>.settings-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:max(22px,env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow-y:auto!important;border:0!important;border-radius:0!important;color:#fff!important;background:#0d0d0f!important;box-shadow:none!important;transform:none!important}.planner-sidebar.vb-mobile-settings-host .appearance-head{position:sticky;z-index:4;top:calc(0px - max(22px,env(safe-area-inset-top)));margin:calc(0px - max(22px,env(safe-area-inset-top))) -18px 8px!important;padding:max(22px,env(safe-area-inset-top)) 18px 15px!important;background:#111113ed!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.planner-sidebar.vb-mobile-settings-host .appearance-head strong{font-size:30px!important}.planner-sidebar.vb-mobile-settings-host .appearance-head small{color:#ff0090!important}.planner-sidebar.vb-mobile-settings-host .appearance-head-actions button{min-width:42px!important;height:42px!important;padding:0 12px!important;display:grid!important;place-items:center!important;border-radius:13px!important;color:#fff!important;background:#252529!important}.planner-sidebar.vb-mobile-settings-host label,.planner-sidebar.vb-mobile-settings-host strong,.planner-sidebar.vb-mobile-settings-host span{color:inherit}.planner-sidebar.vb-mobile-settings-host input:not([type="checkbox"]):not([type="color"]),.planner-sidebar.vb-mobile-settings-host select{min-height:48px!important;border:1px solid #ffffff28!important;border-radius:13px!important;color:#fff!important;background:#202023!important}.planner-sidebar.vb-mobile-settings-host button{color:#fff}.planner-sidebar.vb-mobile-settings-host .grid-size-controls{grid-template-columns:1fr 1fr!important}.planner-sidebar.vb-mobile-settings-host .grid-grow-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.planner-sidebar.vb-mobile-settings-host .grid-grow-actions button{min-height:48px!important;border-radius:13px!important;background:#202023!important}.planner-sidebar.vb-mobile-settings-host .settings-note{color:#8e8e95!important}

  /* Large, focused timer screen with optional completion notification. */
  .vb-focus-overlay{position:fixed;z-index:7800;left:50%;top:0;width:min(100%,520px);height:100dvh;display:flex;color:#fff;background:radial-gradient(circle at 50% 42%,#2a071b 0,#0b0b0d 42%,#050506 100%);transform:translateX(-50%);animation:vbFocusIn .28s ease}.vb-focus-overlay>section{width:100%;height:100%;padding:max(20px,env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.vb-focus-overlay header{width:100%;display:flex;align-items:center;justify-content:space-between}.vb-focus-overlay header span{min-width:0;display:flex;flex-direction:column}.vb-focus-overlay header small{color:#ff4da3;font-size:9px;font-weight:850;letter-spacing:.15em}.vb-focus-overlay header strong{max-width:75vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px}.vb-focus-overlay header button{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#242428;font-size:25px;line-height:1}.vb-focus-ring{--focus-progress:0;width:min(74vw,300px);aspect-ratio:1;margin:auto 0 25px;padding:12px;box-sizing:border-box;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ff0090 calc(var(--focus-progress)*1%),#29292e 0);box-shadow:0 0 55px #ff00903a,inset 0 0 0 1px #ffffff18;transition:background .25s linear}.vb-focus-ring>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0d0d0f;box-shadow:inset 0 0 35px #000}.vb-focus-ring time{font-size:58px;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.vb-focus-ring small{margin-top:4px;color:#8e8e95;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.vb-focus-overlay>section>p{max-width:330px;margin:0 0 22px;color:#9a9aa2;text-align:center;font-size:13px;line-height:1.5}.vb-focus-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.vb-focus-actions button{min-height:52px;padding:0 12px;border-radius:16px;color:#fff;background:#242428;font-weight:800}.vb-focus-actions button:first-child{background:#ff0090}.vb-focus-actions button.active{box-shadow:inset 0 0 0 1px #ff0090;color:#ff79b7;background:#28101d}

  /* New mobile-only Content Grid journey. */
  .vb-mobile-content-grid+.content-grid-frame{display:none!important}.vb-mobile-content-grid{width:100%;height:100dvh;min-height:640px;padding:max(22px,env(safe-area-inset-top)) 0 calc(100px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:#050506}.vb-mobile-grid-hero{flex:0 0 auto;padding:0 18px 10px}.vb-mobile-grid-hero>small{color:#ff0090;font-size:9px;font-weight:900;letter-spacing:.18em}.vb-mobile-grid-hero>div{display:flex;align-items:end;justify-content:space-between;gap:12px}.vb-mobile-grid-hero h1{margin:2px 0 0;font-size:clamp(35px,10vw,49px);line-height:.95;letter-spacing:-.065em}.vb-mobile-grid-hero span{padding-bottom:4px;color:#85858d;font-size:10px;white-space:nowrap}.vb-mobile-grid-tabs{flex:0 0 auto;padding:9px 18px 12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.vb-mobile-grid-tabs::-webkit-scrollbar{display:none}.vb-mobile-grid-tabs button{min-width:max-content;height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;border:1px solid #ffffff16;border-radius:99px;color:#92929a;background:#151517;font-size:11px;font-weight:800;transition:.22s}.vb-mobile-grid-tabs button i{width:7px;height:7px;border-radius:50%;background:var(--pillar,#ff0090);box-shadow:0 0 9px var(--pillar,#ff0090)}.vb-mobile-grid-tabs button.active{color:#fff;border-color:#ff009078;background:#ff009022;box-shadow:0 0 20px #ff009024}.vb-mobile-grid-stage{flex:1;min-height:0;overflow:hidden}.vb-mobile-grid-track{width:100%;height:100%;display:flex;align-items:stretch;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.vb-mobile-topic{flex:0 0 100%;width:100%;height:100%;padding:0 16px 22px;box-sizing:border-box;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.vb-mobile-topic>header{position:sticky;z-index:6;top:0;min-height:78px;margin:0 -2px 10px;padding:9px 3px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050506 76%,transparent)}.vb-mobile-topic>header span{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:end}.vb-mobile-topic>header small{grid-column:1/-1;color:#ff4da3;font-size:8px;font-weight:850;letter-spacing:.14em}.vb-mobile-topic h2{max-width:72vw;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;letter-spacing:-.035em}.vb-mobile-topic>header em{margin:0 0 3px 9px;color:#777780;font-size:9px;font-style:normal;white-space:nowrap}.vb-mobile-topic>header>button{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ff0090;box-shadow:0 0 22px #ff009052;font-size:25px;line-height:1}.vb-mobile-idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:20px}.vb-mobile-idea-card{position:relative;min-height:184px;padding:13px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff1e;border-radius:22px;color:#fff;background:linear-gradient(145deg,#222226,#121214);box-shadow:inset 0 1px #ffffff0a;text-align:left}.vb-mobile-idea-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#ff00901b,transparent 47%);pointer-events:none}.vb-mobile-idea-card.featured{grid-column:1/-1;min-height:165px;background:linear-gradient(135deg,#2b1723,#17171a 58%,#111113)}.vb-mobile-idea-card>div{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px}.vb-mobile-idea-card>div>span{padding:5px 7px;border-radius:8px;color:#ff78b7;background:#ff009024;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.vb-mobile-idea-card time{color:#808087;font-size:8px}.vb-mobile-idea-card>strong{position:relative;margin:17px 0 7px;display:-webkit-box;overflow:hidden;color:#fff!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px!important;line-height:1.18;word-break:break-word;text-shadow:none!important}.vb-mobile-idea-card.featured>strong{max-width:88%;font-size:24px!important}.vb-mobile-idea-card>small{position:relative;color:#818189;font-size:9px;line-height:1.35}.vb-mobile-idea-card>button{position:relative;min-height:34px;margin-top:auto;padding:0 9px;align-self:flex-start;display:flex;align-items:center;gap:6px;border:1px solid #ffffff18;border-radius:99px;color:#fff;background:#28282c;font-size:9px;font-weight:800}.vb-mobile-idea-card>button b{color:#ff4da3;font-size:13px}.vb-mobile-new-content{grid-column:1/-1;min-height:130px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ffffff2d;border-radius:22px;color:#fff;background:#151517;text-align:center}.vb-mobile-new-content i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ff0090;box-shadow:0 0 24px #ff009054;font-size:27px;font-style:normal;line-height:1}.vb-mobile-new-content strong{margin-top:10px;font-size:14px}.vb-mobile-new-content small{margin-top:3px;color:#7e7e86;font-size:9px}.vb-mobile-content-grid>footer{flex:0 0 33px;padding:4px 18px 0;display:flex;align-items:center;justify-content:space-between}.vb-mobile-grid-dots{display:flex;align-items:center;gap:7px}.vb-mobile-grid-dots button{width:9px;height:9px;min-width:9px;padding:0;border-radius:50%;background:#46464d;transition:.22s}.vb-mobile-grid-dots button.active{border-radius:50%;background:#ff0090;box-shadow:0 0 13px #ff0090}.vb-mobile-content-grid>footer>span{color:#74747c;font-size:9px;font-variant-numeric:tabular-nums}

  /* The Canvas becomes a dedicated, touch-first mobile workspace. */
  body.vb-canvas-active{overflow:hidden!important}body.vb-canvas-active .vb-pdf-button{display:none!important}.board-screen{position:fixed!important;left:50%!important;top:0!important;width:min(100%,520px)!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#070709!important;transform:translateX(-50%)!important}.board-screen>.board-header{display:none!important}.board-screen>.creative-canvas{position:fixed!important;z-index:1!important;left:50%!important;right:auto!important;top:0!important;bottom:auto!important;width:min(100%,520px)!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;border:0!important;background:radial-gradient(circle at 50% 25%,#21101a 0,#101012 30%,#070708 68%)!important;transform:translateX(-50%)!important;touch-action:none!important}.vb-canvas-mobile-topbar{position:fixed;z-index:900;left:50%;top:0;width:min(100%,520px);min-height:calc(66px + env(safe-area-inset-top));padding:max(12px,env(safe-area-inset-top)) 13px 10px;box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;color:#fff;background:linear-gradient(#0b0b0ff2 70%,transparent);transform:translateX(-50%);pointer-events:auto}.vb-canvas-mobile-topbar>button:first-child{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:#ff4da3;background:#242428;font-size:32px;line-height:1}.vb-canvas-mobile-topbar span{min-width:0;display:flex;flex-direction:column}.vb-canvas-mobile-topbar small{color:#ff4da3;font-size:8px;font-weight:850;letter-spacing:.14em}.vb-canvas-mobile-topbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.vb-canvas-mobile-topbar>[data-export]{height:40px;padding:0 12px;border-radius:13px;color:#fff;background:#ff0090;font-size:10px;font-weight:850}.vb-canvas-gesture-tip{position:fixed;z-index:880;left:50%;top:calc(max(12px,env(safe-area-inset-top)) + 73px);max-width:80vw;padding:8px 12px;border:1px solid #ffffff1e;border-radius:99px;color:#b0b0b6;background:#17171be6;box-shadow:0 8px 24px #0008;font-size:9px;transform:translateX(-50%);transition:opacity .35s,transform .35s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vb-canvas-gesture-tip.hide{opacity:0;transform:translate(-50%,-8px)}.board-screen .toolbox{position:fixed!important;z-index:850!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:min(calc(100% - 24px),496px)!important;height:74px!important;margin:0!important;padding:7px!important;box-sizing:border-box!important;display:flex!important;align-items:stretch!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #ffffff22!important;border-radius:24px!important;background:#18181ced!important;box-shadow:0 18px 50px #000!important;transform:translateX(-50%)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.board-screen .toolbox button{min-width:58px!important;height:58px!important;padding:5px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:16px!important;color:#b6b6bd!important;background:transparent!important}.board-screen .toolbox button:active{color:#fff!important;background:#ff0090!important}.board-screen .toolbox button span{font-size:8px!important}.board-screen .zoom-control{position:fixed!important;z-index:840!important;top:calc(max(12px,env(safe-area-inset-top)) + 72px)!important;right:13px!important;bottom:auto!important;left:auto!important;border:1px solid #ffffff1e!important;border-radius:99px!important;background:#19191dde!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.board-screen .drop-hint{display:none!important}.board-screen .item-inspector,.board-screen .template-drawer,.board-screen .template-editor{position:fixed!important;z-index:980!important;left:50%!important;right:auto!important;top:auto!important;bottom:0!important;width:min(100%,520px)!important;max-width:none!important;height:auto!important;max-height:76dvh!important;margin:0!important;padding:18px 18px calc(25px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-y:auto!important;border:1px solid #ffffff22!important;border-radius:28px 28px 0 0!important;color:#fff!important;background:#171719f7!important;box-shadow:0 -24px 60px #000b!important;transform:translateX(-50%)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.board-screen .item-inspector input,.board-screen .item-inspector select,.board-screen .item-inspector textarea,.board-screen .template-editor input,.board-screen .template-editor select,.board-screen .template-editor textarea{color:#fff!important;background:#242428!important;border-color:#ffffff27!important}.board-screen .board-item{box-shadow:0 18px 45px #0008!important}.vb-export-menu{z-index:9000!important}

  /* Mobile Design 23: geometry, reliable controls and visual presets. */
  body[data-vb-style="studio"]{--vb-bg:#070709;--vb-surface:#171719;--vb-surface-2:#252529;--vb-text:#fff;--vb-muted:#929299;--vb-accent:#ff0090;--vb-on-accent:#09090b;--vb-border:#ffffff24;--vb-radius:22px;--vb-control-radius:14px;--vb-glow:#ff009045}
  body[data-vb-style="editorial"]{--vb-bg:#eee6da;--vb-surface:#faf6ef;--vb-surface-2:#ded2c3;--vb-text:#191511;--vb-muted:#6d6358;--vb-accent:#c93f20;--vb-on-accent:#fff;--vb-border:#261a1133;--vb-radius:8px;--vb-control-radius:6px;--vb-glow:#c93f202e}
  body[data-vb-style="warm"]{--vb-bg:#100e0d;--vb-surface:#201b17;--vb-surface-2:#332920;--vb-text:#f5eadb;--vb-muted:#b6a694;--vb-accent:#c99a69;--vb-on-accent:#18110c;--vb-border:#efd8ba33;--vb-radius:15px;--vb-control-radius:999px;--vb-glow:#c99a6938}
  body[data-vb-style]{background:var(--vb-bg)!important;color:var(--vb-text)!important}
  body[data-vb-style] #root,body[data-vb-style] .planner-shell,body[data-vb-style] .planner-main,body[data-vb-style] .planner-content,body[data-vb-style] .home-dashboard,body[data-vb-style] .milestones-page,body[data-vb-style] .calendar-view,body[data-vb-style] .brainstorm-view,body[data-vb-style] .shoot-mode,body[data-vb-style] .voiceover-page{color:var(--vb-text)!important;background:var(--vb-bg)!important}
  body[data-vb-style] .home-feature-card,body[data-vb-style] .milestone-card,body[data-vb-style] .vb-calendar-todos,body[data-vb-style] .brainstorm-note-list>button,body[data-vb-style] .voiceover-card,body[data-vb-style] .vb-shotlist-card{border-color:var(--vb-border)!important;border-radius:var(--vb-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important}
  body[data-vb-style] .vb-primary,body[data-vb-style] .vb-shot-save,body[data-vb-style] .vb-add-shot-row,body[data-vb-style] .vb-direct-voice-add,body[data-vb-style] .vb-mobile-topic>header>button,body[data-vb-style] .vb-mobile-new-content i,body[data-vb-style] .vb-canvas-mobile-topbar>[data-export],body[data-vb-style] .project-inspector .open-project-button{color:#fff!important;background:var(--vb-accent)!important;box-shadow:0 0 22px var(--vb-glow)!important}
  body[data-vb-style] .mobile-dock,body[data-vb-style] .vb-production-tabs{border-color:var(--vb-border)!important;background:color-mix(in srgb,var(--vb-surface) 93%,transparent)!important}body[data-vb-style] .mobile-dock button,body[data-vb-style] .vb-production-tabs button{border-radius:var(--vb-control-radius)!important;color:var(--vb-muted)!important;background:var(--vb-surface-2)!important}body[data-vb-style] .mobile-dock button.active,body[data-vb-style] .vb-production-tabs button.active{color:#fff!important;background:var(--vb-accent)!important;box-shadow:0 0 18px var(--vb-glow)!important}
  body[data-vb-style] .brainstorm-note-list,body[data-vb-style] .brainstorm-note-list>header{color:var(--vb-text)!important;background:var(--vb-bg)!important}body[data-vb-style] .brainstorm-view.vb-note-open .brainstorm-notebook>.brainstorm-notes{color:var(--vb-text)!important;background:var(--vb-bg)!important}body[data-vb-style] .brainstorm-view.vb-note-open .brainstorm-rich-editor,body[data-vb-style] .brainstorm-view.vb-note-open .brainstorm-note-head input{color:var(--vb-text)!important}
  body[data-vb-style] .vb-calendar-sheet>section,body[data-vb-style] .calendar-entry-modal form,body[data-vb-style] .milestone-setup,body[data-vb-style] .milestone-setup form{border-color:var(--vb-border)!important;color:var(--vb-text)!important;background:var(--vb-bg)!important}body[data-vb-style] .vb-calendar-entries article,body[data-vb-style] .calendar-entry-modal select,body[data-vb-style] .calendar-entry-modal textarea{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important}
  body[data-vb-style] .vb-focus-overlay{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--vb-accent) 22%,var(--vb-bg)) 0,var(--vb-bg) 55%)!important}body[data-vb-style] .vb-focus-ring{background:conic-gradient(var(--vb-accent) calc(var(--focus-progress)*1%),var(--vb-surface-2) 0)!important}body[data-vb-style] .vb-focus-ring>div{background:var(--vb-bg)!important}body[data-vb-style] .vb-focus-actions button{border-radius:var(--vb-control-radius)!important;background:var(--vb-surface-2)!important}body[data-vb-style] .vb-focus-actions button:first-child{background:var(--vb-accent)!important}
  body[data-vb-style] :is(.home-dashboard,.milestones-page,.calendar-view,.brainstorm-view,.shoot-mode,.voiceover-page) :is(h1,h2,h3,h4){color:var(--vb-text)!important}body[data-vb-style] :is(.home-dashboard,.milestones-page,.calendar-view,.brainstorm-view,.shoot-mode,.voiceover-page) :is(p,small,time){color:var(--vb-muted)}

  /* The project inspector never grows beyond the phone viewport. */
  .project-inspector{width:min(100vw,520px)!important;max-width:520px!important;min-width:0!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
  .project-inspector *{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .project-inspector-head{width:auto!important}.project-inspector-head strong{font-size:clamp(25px,8vw,34px)!important;line-height:1.02!important;overflow-wrap:anywhere}
  .project-inspector .two-fields,.project-inspector .quick-date-field,.project-inspector [class*="date-field"]{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;overflow:visible!important}.project-inspector .two-fields>div{width:100%!important;min-width:0!important;display:grid!important;gap:6px!important;overflow:visible!important}.project-inspector .two-fields>div>label{display:block!important;min-height:15px!important;overflow:visible!important;white-space:normal!important;line-height:1.35!important}.project-inspector .two-fields select{width:100%!important;min-width:0!important;padding-right:34px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .project-inspector input[type="date"],.project-inspector input[type="text"],.project-inspector select,.project-inspector textarea{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .project-inspector input[type="date"]{-webkit-appearance:none!important;appearance:none!important}
  .project-inspector .segmented{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.project-inspector .segmented button{width:100%!important;padding-inline:6px!important;overflow:hidden!important}
  .project-inspector .open-project-button{width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:var(--vb-control-radius)!important;text-align:center!important}.project-inspector .open-project-button svg{width:20px!important;height:20px!important;flex:none!important;margin:0!important}.project-inspector .double-click-note{display:none!important}
  body[data-vb-style] .project-inspector{border-color:var(--vb-border)!important;color:var(--vb-text)!important;background:var(--vb-bg)!important}body[data-vb-style] .project-inspector-head{background:color-mix(in srgb,var(--vb-surface) 94%,transparent)!important}body[data-vb-style] .project-inspector-head strong{color:var(--vb-text)!important}body[data-vb-style] .project-inspector-head small,body[data-vb-style] .project-inspector>label,body[data-vb-style] .project-inspector .two-fields label{color:var(--vb-muted)!important}body[data-vb-style] .project-inspector input,body[data-vb-style] .project-inspector textarea,body[data-vb-style] .project-inspector select{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important;-webkit-text-fill-color:var(--vb-text)!important}body[data-vb-style] .project-inspector .segmented button,body[data-vb-style] .project-status-actions button,body[data-vb-style] .project-actions button{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-muted)!important;background:var(--vb-surface-2)!important}body[data-vb-style] .project-inspector .segmented button.active{color:var(--vb-text)!important;border-color:var(--vb-accent)!important;background:color-mix(in srgb,var(--vb-accent) 16%,var(--vb-surface-2))!important;box-shadow:0 0 16px var(--vb-glow)!important}

  /* Every circular control uses fixed geometry and a centered vector icon. */
  .vb-settings-button,.vb-shotlist-browser header>button,.vb-shotlist-editor-screen header>button:first-child,.vb-canvas-mobile-topbar>button:first-child,.vb-camera-studio>header button,.project-inspector-head>button,.calendar-entry-modal form header button,.vb-category-modal header button{padding:0!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;line-height:0!important}
  .vb-settings-button svg,.vb-shotlist-editor-screen header>button:first-child svg,.vb-canvas-mobile-topbar>button:first-child svg,.vb-camera-studio>header button svg{width:22px!important;height:22px!important;display:block!important;margin:0!important;transform:none!important}
  .vb-mobile-topic>header>button{position:relative!important;font-size:0!important}.vb-mobile-topic>header>button:before,.vb-mobile-topic>header>button:after,.vb-mobile-new-content i:before,.vb-mobile-new-content i:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.vb-mobile-topic>header>button:after,.vb-mobile-new-content i:after{transform:translate(-50%,-50%) rotate(90deg)}
  .vb-shotlist-browser header>button{position:relative!important;font-size:0!important}.vb-shotlist-browser header>button:before,.vb-shotlist-browser header>button:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.vb-shotlist-browser header>button:after{transform:translate(-50%,-50%) rotate(90deg)}
  .vb-mobile-settings-sheet header>[data-close],.vb-category-modal header>[data-close],.vb-shotlist-modal header>[data-close],.project-inspector-head>button,.calendar-entry-modal form header button{position:relative!important;font-size:0!important}.vb-mobile-settings-sheet header>[data-close]:before,.vb-mobile-settings-sheet header>[data-close]:after,.vb-category-modal header>[data-close]:before,.vb-category-modal header>[data-close]:after,.vb-shotlist-modal header>[data-close]:before,.vb-shotlist-modal header>[data-close]:after,.project-inspector-head>button:before,.project-inspector-head>button:after,.calendar-entry-modal form header button:before,.calendar-entry-modal form header button:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.vb-mobile-settings-sheet header>[data-close]:after,.vb-category-modal header>[data-close]:after,.vb-shotlist-modal header>[data-close]:after,.project-inspector-head>button:after,.calendar-entry-modal form header button:after{transform:translate(-50%,-50%) rotate(-45deg)}
  .vb-mobile-new-content i{position:relative!important;font-size:0!important}.vb-record{padding:0!important;display:grid!important;place-items:center!important}.vb-record i{display:block!important;margin:0!important}

  /* Stable settings control and a settings screen that always opens. */
  .home-hero{position:static!important}.vb-settings-button{position:fixed!important;z-index:1800!important;top:calc(max(14px,env(safe-area-inset-top)) + 2px)!important;right:max(16px,calc((100vw - 520px)/2 + 16px))!important;width:44px!important;height:44px!important;margin:0!important;border:1px solid var(--vb-border)!important;border-radius:50%!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-surface) 88%,transparent)!important;box-shadow:0 10px 28px #0006!important;transform:none!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
  .vb-mobile-settings-sheet{position:fixed;z-index:8100;left:50%;top:0;width:min(100%,520px);height:100dvh;display:flex;align-items:flex-end;color:var(--vb-text);background:#0009;transform:translateX(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .vb-mobile-settings-sheet>section{width:100%;max-height:92dvh;padding:20px 16px calc(26px + env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;border:1px solid var(--vb-border);border-radius:28px 28px 0 0;background:var(--vb-bg);box-shadow:0 -30px 70px #0009;animation:vbSheetIn .3s cubic-bezier(.2,.8,.2,1)}
  .vb-mobile-settings-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}.vb-mobile-settings-sheet header span{min-width:0;display:flex;flex-direction:column}.vb-mobile-settings-sheet header small{color:var(--vb-accent);font-size:9px;font-weight:900;letter-spacing:.17em}.vb-mobile-settings-sheet header strong{font-size:29px;line-height:1.05}.vb-mobile-settings-sheet header button{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--vb-text);background:var(--vb-surface-2);font-size:24px;line-height:1}.vb-mobile-settings-sheet>section>p{margin:14px 0 17px;color:var(--vb-muted);font-size:12px;line-height:1.45}
  .vb-style-presets{display:grid;gap:9px}.vb-style-presets>button{width:100%;min-height:76px;padding:10px;display:grid;grid-template-columns:86px minmax(0,1fr) 24px;align-items:center;gap:11px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);color:var(--vb-text);background:var(--vb-surface);text-align:left}.vb-style-presets>button.active{border-color:var(--vb-accent);box-shadow:0 0 0 1px var(--vb-accent),0 10px 28px var(--vb-glow)}.vb-style-presets>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.vb-style-presets>button>span:nth-child(2) strong{font-size:14px}.vb-style-presets>button>span:nth-child(2) small{color:var(--vb-muted);font-size:9px}.vb-style-presets>button>b{opacity:0;color:var(--vb-accent);font-size:17px}.vb-style-presets>button.active>b{opacity:1}.vb-style-preview{height:54px;padding:6px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:4px;border-radius:12px;background:#ffffff0d}.vb-style-preview i{display:block;border-radius:7px;background:var(--swatch)}.vb-style-preview i:first-child{grid-row:1/-1}
  .vb-advanced-settings{width:100%;min-height:66px;margin-top:14px;padding:10px 13px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);text-align:left}.vb-advanced-settings>span{display:flex;flex-direction:column;gap:2px}.vb-advanced-settings small{color:var(--vb-muted);font-size:9px}.vb-advanced-settings>i{font-size:22px;font-style:normal;text-align:center}

  /* Shotlist creation: blank copy, categories and visual references. */
  .vb-shotlist-editor-screen{color:var(--vb-text)!important;background:var(--vb-bg)!important}.vb-shotlist-editor-screen>form{height:100%;display:flex!important;flex-direction:column!important;overflow:hidden!important}.vb-shotlist-editor-screen header{flex:0 0 auto!important;color:var(--vb-text)!important;background:var(--vb-surface)!important}.vb-shotlist-editor-screen header>button:first-child{font-size:0!important;color:var(--vb-accent)!important;background:var(--vb-surface-2)!important}
  .vb-shot-editor-list{flex:1 1 auto!important;min-height:0!important;padding:12px 14px 14px!important;overflow-y:auto!important}.vb-shot-editor-list details{position:relative;border-color:var(--vb-border)!important;border-radius:var(--vb-radius)!important;background:var(--vb-surface)!important}.vb-shot-editor-list summary{position:relative;isolation:isolate;overflow:hidden}.vb-shot-editor-list summary>*{position:relative;z-index:2}.vb-shot-editor-list details.has-reference summary:before{content:"";position:absolute;z-index:0;inset:0 0 0 auto;width:48%;background-image:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--vb-surface) 18%,transparent) 42%),var(--shot-reference);background-position:center;background-size:100% 100%,cover;background-repeat:no-repeat;opacity:.62;pointer-events:none}.vb-shot-editor-list details[open].has-reference summary:before{opacity:.24}
  .vb-shot-fields{max-height:0}.vb-shot-editor-list details[open]>.vb-shot-fields{max-height:1750px!important}.vb-shot-fields input,.vb-shot-fields textarea,.vb-shot-fields select{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important;-webkit-text-fill-color:var(--vb-text)!important}.vb-shot-fields label{color:var(--vb-accent)!important}
  .vb-shot-fields>.vb-shot-reference{padding:10px;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);background:color-mix(in srgb,var(--vb-surface-2) 72%,transparent)}.vb-shot-reference>span{display:flex;flex-direction:column;gap:3px}.vb-shot-reference>span strong{color:var(--vb-accent);font-size:11px}.vb-shot-reference>span small{color:var(--vb-muted);font-size:8px;line-height:1.35}.vb-shot-reference-preview{position:relative;min-height:92px;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:hidden;border:1px dashed var(--vb-border);border-radius:calc(var(--vb-control-radius) - 2px);background:var(--vb-surface)}.vb-shot-reference-preview.has-image{background-image:linear-gradient(#0006,#0006),var(--shot-reference);background-position:center;background-size:cover;border-style:solid}.vb-shot-reference-preview.loading{opacity:.55;pointer-events:none}.vb-shot-reference-preview button{position:relative;z-index:2;min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;color:var(--vb-text);background:color-mix(in srgb,var(--vb-surface-2) 90%,transparent);font-size:9px;font-weight:800}.vb-shot-reference-preview [data-ref-remove]{display:none}.vb-shot-reference-preview.has-image [data-ref-remove]{display:flex}.vb-shot-reference-preview svg{flex:none}
  .vb-add-shot-row{position:static!important;flex:0 0 auto!important;align-self:center!important;min-width:148px!important;height:48px!important;margin:8px auto calc(10px + env(safe-area-inset-bottom))!important;padding:0 19px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;box-shadow:0 8px 24px #0007!important}.vb-shot-editor-list details[open]>.vb-shot-fields{animation:vbAccordionOpen .34s cubic-bezier(.2,.8,.2,1)}
  .vb-category-modal{position:fixed;z-index:8300;left:50%;top:0;width:min(100%,520px);height:100dvh;display:flex;align-items:flex-end;background:#000a;transform:translateX(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vb-category-modal>form{width:100%;padding:20px 17px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;display:grid;gap:12px;border-radius:28px 28px 0 0;color:var(--vb-text);background:var(--vb-surface)}.vb-category-modal header{display:flex;align-items:center;justify-content:space-between}.vb-category-modal header span{display:flex;flex-direction:column}.vb-category-modal header small{color:var(--vb-accent);font-size:9px;letter-spacing:.14em}.vb-category-modal header strong{font-size:25px}.vb-category-modal header button{width:42px;height:42px;border-radius:50%;color:var(--vb-text);background:var(--vb-surface-2);font-size:22px}.vb-category-modal label{display:grid;gap:6px;color:var(--vb-muted);font-size:10px}.vb-category-modal input{width:100%;min-height:50px;padding:9px 12px;box-sizing:border-box;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2)}.vb-category-modal input[type=color]{padding:7px}.vb-category-modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vb-category-modal form>div button{height:48px;border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2)}.vb-category-modal form>div button[type=submit]{color:#fff;background:var(--vb-accent)}

  /* Camera settings are vertical; Frames and true scrolling text share one control. */
  .vb-camera-studio>header button{line-height:0!important}.vb-camera-studio>aside{left:auto!important;right:10px!important;bottom:calc(158px + env(safe-area-inset-bottom))!important;width:min(154px,42vw)!important;max-height:52dvh!important;padding:9px!important;display:grid!important;grid-template-columns:1fr!important;align-items:start!important;align-content:start!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #ffffff1c!important}.vb-camera-studio>aside label{width:100%!important;min-width:0!important;max-width:none!important}.vb-camera-studio>aside select,.vb-camera-studio>aside input{width:100%!important;max-width:none!important;box-sizing:border-box!important}.vb-camera-studio>aside button{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.vb-camera-copy.teleprompter{scroll-behavior:auto!important}.vb-camera-studio.mirrored .vb-camera-copy{transform:none!important}.vb-camera-studio>header button svg{width:23px!important;height:23px!important}.vb-camera-studio>footer{display:flex!important;align-items:center!important;justify-content:center!important}

  /* Content Grid and Canvas adopt the complete selected visual language. */
  body[data-vb-style] .vb-mobile-content-grid{color:var(--vb-text)!important;background:var(--vb-bg)!important}.vb-mobile-content-grid,.vb-mobile-content-grid *{box-sizing:border-box}.vb-mobile-topic>header{background:linear-gradient(var(--vb-bg) 76%,transparent)!important}.vb-mobile-grid-hero>small,.vb-mobile-topic>header small{color:var(--vb-accent)!important}.vb-mobile-grid-tabs button{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-muted)!important;background:var(--vb-surface)!important}.vb-mobile-grid-tabs button.active{color:var(--vb-text)!important;border-color:var(--vb-accent)!important;background:color-mix(in srgb,var(--vb-accent) 16%,var(--vb-surface))!important;box-shadow:0 0 20px var(--vb-glow)!important}.vb-mobile-idea-card{border-color:var(--vb-border)!important;border-radius:var(--vb-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important;box-shadow:0 15px 35px #0002,inset 0 1px #ffffff18!important}.vb-mobile-idea-card.featured{background:color-mix(in srgb,var(--vb-surface) 84%,var(--vb-accent))!important}.vb-mobile-idea-card:before{background:radial-gradient(circle at 100% 0,var(--vb-glow),transparent 48%)!important}.vb-mobile-idea-card>strong{color:var(--vb-text)!important}.vb-mobile-idea-card>small,.vb-mobile-idea-card time,.vb-mobile-grid-hero span,.vb-mobile-topic>header em{color:var(--vb-muted)!important}.vb-mobile-idea-card>div>span{color:var(--vb-accent)!important;background:color-mix(in srgb,var(--vb-accent) 14%,transparent)!important}.vb-mobile-idea-card>button{border-color:var(--vb-border)!important;border-radius:var(--vb-control-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important}.vb-mobile-idea-card>button svg{width:16px;height:16px;color:var(--vb-accent)}.vb-mobile-new-content{border-color:var(--vb-border)!important;border-radius:var(--vb-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important}.vb-mobile-new-content small{color:var(--vb-muted)!important}.vb-mobile-grid-dots button{background:color-mix(in srgb,var(--vb-muted) 55%,transparent)!important}.vb-mobile-grid-dots button.active{background:var(--vb-accent)!important;box-shadow:0 0 13px var(--vb-accent)!important}
  body[data-vb-style] .board-screen,body[data-vb-style] .board-screen>.creative-canvas{background:radial-gradient(circle at 55% 28%,color-mix(in srgb,var(--vb-accent) 14%,var(--vb-bg)),var(--vb-bg) 63%)!important}.creative-canvas.vb-canvas-pannable{touch-action:none!important;cursor:grab!important}.creative-canvas.vb-canvas-pannable.is-panning{cursor:grabbing!important}.vb-canvas-mobile-topbar{color:var(--vb-text)!important;background:linear-gradient(color-mix(in srgb,var(--vb-bg) 94%,transparent) 70%,transparent)!important}.vb-canvas-mobile-topbar>button:first-child{color:var(--vb-accent)!important;background:var(--vb-surface-2)!important}.board-screen .toolbox,.board-screen .zoom-control{border-color:var(--vb-border)!important;background:color-mix(in srgb,var(--vb-surface) 91%,transparent)!important}.board-screen .toolbox{border-radius:calc(var(--vb-radius) + 2px)!important}.board-screen .toolbox button{border-radius:var(--vb-control-radius)!important;color:var(--vb-muted)!important}.board-screen .toolbox button:active{color:#fff!important;background:var(--vb-accent)!important}.board-screen .board-item{border-color:var(--vb-border)!important;border-radius:var(--vb-radius)!important;box-shadow:0 18px 45px #0005!important}.board-screen .item-inspector,.board-screen .template-drawer,.board-screen .template-editor{border-color:var(--vb-border)!important;border-radius:calc(var(--vb-radius) + 6px) calc(var(--vb-radius) + 6px) 0 0!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-surface) 96%,transparent)!important}
  body[data-vb-style="editorial"] .vb-mobile-idea-grid{grid-template-columns:1fr!important;gap:8px!important}body[data-vb-style="editorial"] .vb-mobile-idea-card,body[data-vb-style="editorial"] .vb-mobile-idea-card.featured{grid-column:1!important;min-height:142px!important;padding:15px 17px!important}body[data-vb-style="editorial"] .vb-mobile-idea-card>strong{margin:11px 0 5px!important;font-size:22px!important;-webkit-line-clamp:2}body[data-vb-style="editorial"] .vb-mobile-grid-tabs{padding-block:5px 10px!important}body[data-vb-style="editorial"] .board-screen .toolbox{width:100%!important;bottom:0!important;border-radius:0!important;border-inline:0!important}
  body[data-vb-style="warm"] .vb-mobile-idea-card:nth-child(3n+1){grid-column:1/-1;min-height:154px}body[data-vb-style="warm"] .vb-mobile-idea-card.featured>strong{font-family:Georgia,serif;font-weight:500!important;letter-spacing:-.035em}body[data-vb-style="warm"] .vb-mobile-grid-tabs{justify-content:center}body[data-vb-style="warm"] .board-screen .toolbox{width:min(calc(100% - 54px),460px)!important}

  /* Version 24: every theme owns its contrast, not only its background. */
  body[data-vb-style] :is(.vb-primary,.vb-shot-save,.vb-add-shot-row,.vb-direct-voice-add,.vb-mobile-topic>header>button,.vb-mobile-new-content i,.vb-canvas-mobile-topbar>[data-export],.project-inspector .open-project-button,.milestone-header-actions>button:last-child,.vb-calendar-todos header .vb-add-todo,.calendar-entry-modal form>div:last-child button:last-child,.vb-shotlist-browser>header>button,.voiceover-toolbar .edit-filter-button,.vb-production-tabs button.active){color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 0 20px var(--vb-glow)!important}
  body[data-vb-style] :is(.calendar-day .day-projects:not(:empty)::after,.vb-calendar-entries article i,.vb-grid-dots button.active,.vb-mobile-grid-dots button.active){background:var(--vb-accent)!important;box-shadow:0 0 12px var(--vb-glow)!important}
  body[data-vb-style] :is(.brainstorm-rich-editor,.brainstorm-note-head input){caret-color:var(--vb-accent)!important}
  body[data-vb-style] :is(.shotlist-brand,.shotlist-title-field,.vb-shotlist-browser>header small,.vb-shotlist-card>b,.vb-shotlist-editor-screen header small,.vb-shot-editor-list summary>b,.vb-shot-fields label,.vb-direct-voice-add+small,.vb-mobile-grid-hero>small,.vb-mobile-topic>header small,.project-inspector-head small,.vb-todo-modal header small,.vb-focus-overlay header small,.vb-canvas-mobile-topbar small){color:var(--vb-accent)!important}
  body[data-vb-style="editorial"] :is(.weekdays,.calendar-grid,.calendar-month,.calendar-view>header,.shoot-toolbar,.voiceover-toolbar,.vb-shotlist-browser,.vb-shotlist-editor-screen,.vb-shotlist-editor-screen header,.vb-todo-modal form,.vb-export-menu>section,.vb-shotlist-modal>form){color:var(--vb-text)!important;background:var(--vb-bg)!important}
  body[data-vb-style="editorial"] :is(.calendar-day,.calendar-day button,.day-number,.weekdays span,.shotlist-title-field,.vb-shotlist-editor-screen header input,.vb-shotlist-card,.vb-shotlist-empty,.shoot-mode select,.voiceover-page select,.vb-shotlist-modal select,.vb-shotlist-editor-screen select,.vb-shot-fields input,.vb-shot-fields textarea,.vb-shot-fields select,.vb-todo-modal textarea,.vb-todo-modal select){color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] :is(.vb-shotlist-card,.vb-shotlist-empty,.vb-shot-editor-list details,.vb-todo-modal textarea,.vb-todo-modal select,.shoot-mode select,.voiceover-page select,.vb-shotlist-modal select,.vb-shotlist-editor-screen select){border-color:var(--vb-border)!important;background:var(--vb-surface)!important}
  body[data-vb-style="editorial"] :is(.mobile-dock,.vb-production-tabs){box-shadow:0 12px 30px #5a3a1b1c!important}
  body[data-vb-style="warm"] :is(.vb-mobile-idea-card.featured,.project-inspector .segmented button.active){background:color-mix(in srgb,var(--vb-surface) 82%,var(--vb-accent))!important}

  /* The Plan the idea title bar spans the complete mobile inspector. */
  .project-inspector>.project-inspector-head{width:calc(100% + 36px)!important;max-width:none!important;box-sizing:border-box!important;align-self:stretch!important}

  /* Workspace settings are a native mobile screen and no longer depend on the hidden desktop sidebar. */
  .vb-workspace-settings,.vb-pillar-manager,.vb-piece-editor{position:fixed;z-index:8500;left:50%;top:0;width:min(100%,520px);height:100dvh;overflow:hidden;color:var(--vb-text);background:var(--vb-bg);transform:translateX(-50%)}
  .vb-workspace-settings>form,.vb-piece-editor>form{height:100%;display:flex;flex-direction:column}.vb-workspace-settings header,.vb-pillar-manager header,.vb-piece-editor header{flex:0 0 auto;min-height:68px;padding:max(12px,env(safe-area-inset-top)) 14px 11px;box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--vb-border);background:var(--vb-surface)}
  .vb-workspace-settings header>button:first-child,.vb-pillar-manager header>button:first-child,.vb-piece-editor header>button:first-child{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--vb-accent);background:var(--vb-surface-2)}.vb-workspace-settings header span,.vb-pillar-manager header span,.vb-piece-editor header span{min-width:0;display:flex;flex-direction:column}.vb-workspace-settings header small,.vb-pillar-manager header small,.vb-piece-editor header small{color:var(--vb-accent);font-size:8px;font-weight:850;letter-spacing:.14em}.vb-workspace-settings header strong,.vb-pillar-manager header strong,.vb-piece-editor header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px}.vb-workspace-settings header>button:last-child,.vb-pillar-manager header>[data-save],.vb-piece-editor header>button:last-child{min-width:58px;height:40px;padding:0 12px;border-radius:var(--vb-control-radius);color:var(--vb-on-accent);background:var(--vb-accent);font-size:10px;font-weight:850}
  .vb-workspace-settings main,.vb-piece-editor main{flex:1;min-height:0;padding:18px 16px calc(115px + env(safe-area-inset-bottom));display:grid;align-content:start;gap:15px;overflow-y:auto}.vb-workspace-settings label,.vb-piece-editor label{display:grid;gap:7px;color:var(--vb-muted);font-size:10px;font-weight:750}.vb-workspace-settings input,.vb-piece-editor input,.vb-piece-editor textarea{width:100%;min-height:52px;padding:12px;box-sizing:border-box;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);font-size:16px;-webkit-text-fill-color:var(--vb-text)}.vb-piece-editor textarea{min-height:135px;resize:vertical}.vb-piece-editor .vb-piece-main-text{min-height:55dvh}.vb-workspace-settings label small,.vb-workspace-settings main>p{color:var(--vb-muted);font-size:9px;line-height:1.45}.vb-manage-pillars{height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-manage-pillars span{min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--vb-on-accent);background:var(--vb-accent)}

  /* Long-press pillar management. */
  .vb-pillar-manager{overflow-y:auto}.vb-pillar-manager>section{min-height:100%;padding-bottom:calc(120px + env(safe-area-inset-bottom));box-sizing:border-box}.vb-pillar-manager>section>p{margin:16px;color:var(--vb-muted);font-size:11px;line-height:1.5}.vb-pillar-manager [data-list]{padding:0 14px;display:grid;gap:9px}.vb-pillar-manager article{min-height:72px;padding:9px;display:grid;grid-template-columns:24px minmax(0,1fr) 42px;align-items:center;gap:8px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface);transition:box-shadow .25s,transform .25s}.vb-pillar-manager article.highlight{box-shadow:0 0 0 2px var(--vb-accent),0 0 28px var(--vb-glow);transform:scale(.985)}.vb-pillar-handle{color:var(--vb-muted);font-size:20px;text-align:center}.vb-pillar-manager article>input[name=name]{min-width:0;height:45px;padding:0 10px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);-webkit-text-fill-color:var(--vb-text)}.vb-pillar-manager article>input[type=color]{width:42px;height:42px;padding:4px;border:1px solid var(--vb-border);border-radius:50%;background:var(--vb-surface-2)}.vb-pillar-manager article>div{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vb-pillar-manager article>div button{height:34px;border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2)}.vb-pillar-manager article>div button:last-child{color:#ff6868}.vb-pillar-manager [data-add-pillar]{width:calc(100% - 28px);height:50px;margin:13px 14px 0;border:1px dashed var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface)}

  /* Direct mobile content-piece workflow. */
  .vb-mobile-pieces{width:100%;margin:14px 0 6px;padding:15px;box-sizing:border-box;border:1px solid var(--vb-border);border-radius:var(--vb-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-mobile-pieces>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.vb-mobile-pieces>header span{display:flex;flex-direction:column}.vb-mobile-pieces>header small{color:var(--vb-accent);font-size:8px;font-weight:850;letter-spacing:.14em}.vb-mobile-pieces>header strong{font-size:19px}.vb-mobile-pieces>header em{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;box-sizing:border-box!important;display:grid;place-items:center;border-radius:50%!important;flex:0 0 28px;color:var(--vb-on-accent);background:var(--vb-accent);font-size:10px;font-style:normal;line-height:1}.vb-mobile-pieces>p{margin:10px 0 0;color:var(--vb-muted);font-size:10px;line-height:1.45}.vb-piece-list{margin-top:11px;display:grid;gap:6px}.vb-piece-list>button{min-height:48px;padding:7px 9px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);text-align:left}.vb-piece-list>button>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--vb-on-accent);background:var(--vb-accent);font-size:8px;font-weight:900}.vb-piece-list>button>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.vb-piece-list>button>i{font-size:20px;font-style:normal;text-align:center}.vb-piece-add-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.vb-piece-add-grid>button{min-width:0;min-height:66px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-bg)}.vb-piece-add-grid b{font-size:9px;color:var(--vb-accent)}.vb-piece-add-grid span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:8px}
  .vb-moodboard-upload,.vb-pdf-upload{padding:12px;display:grid;gap:10px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface)}.vb-moodboard-upload>[data-upload],.vb-pdf-upload>[data-upload]{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--vb-control-radius);color:var(--vb-on-accent);background:var(--vb-accent)}.vb-moodboard-upload>[data-upload]:disabled{opacity:.65}.vb-moodboard-upload>[data-upload-status]{display:block;color:var(--vb-muted);text-align:center;font-size:9px;line-height:1.35}.vb-moodboard-upload>[data-images]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vb-moodboard-upload figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-radius:var(--vb-control-radius);background:var(--vb-surface-2)}.vb-moodboard-upload img{width:100%;height:100%;object-fit:cover}.vb-moodboard-upload figure button{position:absolute;right:6px;top:6px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#000b}.vb-pdf-upload strong{overflow-wrap:anywhere}.vb-pdf-upload small{color:var(--vb-muted);font-size:9px}.vb-piece-editor [data-delete]{min-height:48px;margin-top:10px;border:1px solid #ff555555;border-radius:var(--vb-control-radius);color:#ff6b6b;background:#ff3b3014}

  /* Canvas navigation works over cards and supports both buttons and pinch zoom. */
  .creative-canvas.vb-canvas-pannable{touch-action:none!important}.board-screen .zoom-control{z-index:1040!important;top:calc(max(12px,env(safe-area-inset-top)) + 78px)!important;min-height:48px!important;display:grid!important;grid-template-columns:48px 58px 48px!important;overflow:hidden!important;pointer-events:auto!important;touch-action:manipulation!important}.board-screen .zoom-control button{width:100%!important;min-width:0!important;height:48px!important;padding:0!important;display:grid!important;place-items:center!important;color:var(--vb-text)!important;background:var(--vb-surface)!important;font-size:11px!important}.board-screen .zoom-control button+button{border-left:1px solid var(--vb-border)!important}.board-screen .zoom-control svg{width:21px!important;height:21px!important}.moodboard-add.loading{position:relative;pointer-events:none;opacity:.65}.moodboard-add.loading:after{content:"Adding…";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;color:var(--vb-text);background:var(--vb-surface-2)}

  /* Camera: exactly one switch button and a clear recording destination. */
  .vb-camera-studio>header [data-action="flip"]~[data-action="flip"]{display:none!important}.vb-camera-flip{isolation:isolate}.vb-recording-save{width:min(100%,390px);display:grid;grid-template-columns:1fr 1fr;gap:7px}.vb-recording-save .vb-save-recording,.vb-recording-save .vb-download-recording,.vb-recording-save .vb-record-again{min-height:43px;padding:0 10px;justify-content:center;border-radius:13px}.vb-recording-save .vb-save-recording{color:#fff;background:#ff315f}.vb-recording-save .vb-download-recording{color:#fff;background:#29292e!important}.vb-recording-save .vb-record-again{grid-column:1/-1;color:#fff;background:#202024!important}.vb-recording-save small{grid-column:1/-1;color:#a8a8ae;text-align:center;font-size:8px;line-height:1.3}.vb-camera-studio>footer:has(.vb-recording-save){padding-bottom:calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000 20%)}

  /* Version 26: a calmer Studio Neon grid with one consistent mobile scroll surface. */
  body.vb-grid-active{overflow:hidden!important;overscroll-behavior:none!important}
  .vb-mobile-content-grid{position:fixed!important;z-index:120;left:50%;top:0;width:min(100%,520px)!important;transform:translateX(-50%);overscroll-behavior:none!important}
  .vb-mobile-idea-card{font:inherit!important;-webkit-appearance:none!important;appearance:none!important}
  .vb-mobile-plan-link{position:relative;min-height:34px;margin-top:auto;padding:0 9px;align-self:flex-start;display:flex;align-items:center;gap:8px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);font-size:9px;font-weight:800}.vb-mobile-plan-link i{color:var(--vb-accent);font-size:16px;font-style:normal;line-height:1}
  body[data-vb-style="studio"] .vb-mobile-grid-hero{padding-bottom:8px!important}body[data-vb-style="studio"] .vb-mobile-grid-hero h1{font-size:clamp(34px,9vw,43px)!important;letter-spacing:-.055em!important}body[data-vb-style="studio"] .vb-mobile-grid-tabs{padding-top:6px!important}body[data-vb-style="studio"] .vb-mobile-grid-tabs button{border-color:#29292e!important;background:#121214!important}body[data-vb-style="studio"] .vb-mobile-grid-tabs button i{box-shadow:none!important}body[data-vb-style="studio"] .vb-mobile-grid-tabs button.active{color:#fff!important;border-color:#ff009070!important;background:#1d151b!important;box-shadow:none!important}body[data-vb-style="studio"] .vb-mobile-idea-card,body[data-vb-style="studio"] .vb-mobile-idea-card.featured{border-color:#29292f!important;background:#151517!important;box-shadow:0 8px 20px #0004,inset 0 1px #ffffff08!important}body[data-vb-style="studio"] .vb-mobile-idea-card:before{display:none!important}body[data-vb-style="studio"] .vb-mobile-idea-card>div>span{color:#ff70b3!important;background:#24131d!important}body[data-vb-style="studio"] .vb-mobile-plan-link{border-color:#303036!important;background:#202023!important}body[data-vb-style="studio"] .vb-mobile-new-content{border-color:#34343a!important;background:#111113!important}body[data-vb-style="studio"] .vb-mobile-new-content i,body[data-vb-style="studio"] .vb-mobile-topic>header>button{box-shadow:none!important}

  /* Canvas is a desktop-only feature; mobile projects stay in the direct content-piece workflow. */
  .project-inspector .open-project-button,.board-screen,.vb-canvas-mobile-topbar,.vb-canvas-gesture-tip{display:none!important}

  /* Moodboard selection uses a native iOS file label and saves every successful image immediately. */
  .vb-moodboard-upload>input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
  .vb-moodboard-upload>[data-upload]{min-height:50px;padding:0 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--vb-control-radius);color:var(--vb-on-accent);background:var(--vb-accent);font-size:11px;font-weight:850;cursor:pointer}.vb-moodboard-upload>[data-upload].loading{opacity:.62;pointer-events:none}.vb-moodboard-upload>[data-upload] svg{flex:none}

  /* A shot reference is a dedicated circular thumbnail, not a background strip. */
  .vb-shot-editor-list summary{grid-template-columns:40px minmax(0,1fr) 44px 22px!important}.vb-shot-editor-list details:not(.has-reference) summary{grid-template-columns:40px minmax(0,1fr) 22px!important}.vb-shot-editor-list details:not(.has-reference) .vb-shot-reference-avatar{display:none!important}
  .vb-shot-editor-list details.has-reference summary:before{display:none!important}.vb-shot-reference-avatar{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:block!important;overflow:hidden!important;border:2px solid var(--vb-accent)!important;border-radius:50%!important;background:var(--vb-surface-2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vb-accent) 15%,transparent)!important}.vb-shot-reference-avatar img{width:100%;height:100%;display:block;object-fit:cover}
  .vb-shot-reference-lightbox{position:fixed;z-index:9200;left:50%;top:0;width:min(100%,520px);height:100dvh;padding:18px;box-sizing:border-box;display:grid;place-items:center;background:#000e;transform:translateX(-50%)}.vb-shot-reference-lightbox figure{position:relative;width:100%;margin:0}.vb-shot-reference-lightbox img{width:100%;max-height:78dvh;display:block;object-fit:contain;border-radius:18px;background:#0a0a0b}.vb-shot-reference-lightbox figcaption{margin-top:10px;color:#c7c7cc;text-align:center;font-size:10px}.vb-shot-reference-lightbox button{position:absolute;right:10px;top:10px;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#111c;font-size:25px;line-height:1}

  /* Version 27: Soft Editorial is a complete light system, never Neon cards on cream. */
  body[data-vb-style="editorial"] :is(.home-feature-card,.home-notes-card,.home-tasks-card,.home-date-card){
    color:var(--vb-text)!important;background:var(--vb-surface)!important;border-color:var(--vb-border)!important;box-shadow:0 10px 28px #5b402012!important
  }
  body[data-vb-style="editorial"] .home-notes-card>div:last-child{
    color:var(--vb-text)!important;background:var(--vb-surface-2)!important
  }
  body[data-vb-style="editorial"] .home-notes-card>div:last-child button{
    color:var(--vb-text)!important;border-color:var(--vb-border)!important;background:transparent!important
  }
  body[data-vb-style="editorial"] :is(.home-notes-card small,.home-task-preview small,.home-task-preview span,.home-task-preview button,.home-date-card>span,.home-date-card>small){color:var(--vb-muted)!important}
  body[data-vb-style="editorial"] .home-task-preview :is(span,button){color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] .home-date-card>div{
    color:var(--vb-muted)!important;background:var(--vb-surface-2)!important
  }
  body[data-vb-style="editorial"] .home-date-card>div b{color:var(--vb-accent)!important}

  body[data-vb-style="editorial"] .milestone-card{
    color:var(--vb-text)!important;background:transparent!important
  }
  body[data-vb-style="editorial"] :is(.mobile-goal-summary,.milestone-hero,.goal-achievement,.focus-progress,.year-progress){
    color:var(--vb-text)!important;background:var(--vb-surface)!important;border-color:var(--vb-border)!important;box-shadow:0 10px 28px #5b402010!important
  }
  body[data-vb-style="editorial"] :is(.mobile-goal-summary,.focus-progress,.year-progress){border:1px solid var(--vb-border)!important}
  body[data-vb-style="editorial"] :is(.milestone-hero strong,.goal-achievement b,.focus-progress strong,.year-progress strong){color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] :is(.milestone-hero small,.goal-achievement small,.focus-progress small,.focus-progress time,.year-progress small){color:var(--vb-muted)!important;-webkit-text-fill-color:var(--vb-muted)!important}
  body[data-vb-style="editorial"] :is(.goal-achievement>strong,.focus-progress>div>strong){color:var(--vb-accent)!important;-webkit-text-fill-color:var(--vb-accent)!important}
  body[data-vb-style="editorial"] .focus-track{border-color:var(--vb-border)!important;background:var(--vb-surface-2)!important}
  body[data-vb-style="editorial"] .focus-track i{background:var(--vb-accent)!important}
  body[data-vb-style="editorial"] .focus-progress>button{
    color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 8px 20px var(--vb-glow)!important
  }
  body[data-vb-style="editorial"] .year-dots i{background:#c9bdad!important}
  body[data-vb-style="editorial"] .year-dots i.today{box-shadow:0 0 0 2px var(--vb-accent)!important}
  body[data-vb-style="editorial"] .year-dots i.done{background:var(--vb-accent)!important}
  body[data-vb-style="editorial"] :is(.milestone-pause,.milestone-remove){color:var(--vb-text)!important;background:var(--vb-surface-2)!important;border-color:var(--vb-border)!important}

  body[data-vb-style="editorial"] :is(.calendar-view,.calendar-wrap,.calendar-month,.calendar-grid){
    color:var(--vb-text)!important;background:var(--vb-bg)!important
  }
  body[data-vb-style="editorial"] .mobile-calendar-title{color:var(--vb-text)!important}
  body[data-vb-style="editorial"] .weekdays{
    color:var(--vb-text)!important;background:var(--vb-surface-2)!important;border-color:var(--vb-border)!important
  }
  body[data-vb-style="editorial"] .calendar-day{
    color:var(--vb-text)!important;background:var(--vb-surface)!important;border-color:var(--vb-border)!important
  }
  body[data-vb-style="editorial"] .calendar-day.outside{background:var(--vb-surface-2)!important}
  body[data-vb-style="editorial"] .calendar-day :is(.day-number,.day-number span){color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] .calendar-day.outside :is(.day-number,.day-number span){color:#9a8e80!important;-webkit-text-fill-color:#9a8e80!important}
  body[data-vb-style="editorial"] .calendar-day:active{background:#e8ded1!important}
  body[data-vb-style="editorial"] .calendar-day .day-projects:not(:empty)::after{background:var(--vb-accent)!important;box-shadow:none!important}
  body[data-vb-style="editorial"] .vb-calendar-todos{color:var(--vb-text)!important;background:var(--vb-surface)!important}
  body[data-vb-style="editorial"] .vb-calendar-todos label{color:var(--vb-text)!important;border-color:var(--vb-border)!important}
  body[data-vb-style="editorial"] .vb-calendar-todos input{accent-color:var(--vb-accent)!important}

  /* Version 28: final theme cleanup, generated exports and mobile drafts. */
  body[data-vb-style="editorial"] .mobile-goal-summary{
    border:0!important;background:transparent!important;box-shadow:none!important
  }
  body[data-vb-style="editorial"] :is(.milestone-hero,.goal-achievement){
    border:1px solid var(--vb-border)!important;border-radius:var(--vb-radius)!important;background:var(--vb-surface)!important
  }
  body[data-vb-style] :is(.vb-add-shotlist,.voiceover-toolbar .edit-filter-button,.brainstorm-note-list>header button,.brainstorm-note-list>header [role="button"],.brainstorm-note-list>header .add-button){
    color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;border-color:var(--vb-accent)!important;box-shadow:0 0 18px var(--vb-glow)!important
  }
  body[data-vb-style] :is(.goal-achievement>strong,.focus-progress>div>strong,.shotlist-brand,.vb-shotlist-card>b){
    color:var(--vb-accent)!important;-webkit-text-fill-color:var(--vb-accent)!important
  }
  body[data-vb-style] :is(.home-task-count,.home-streak-value){
    color:var(--vb-text)!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;-webkit-text-fill-color:var(--vb-text)!important
  }
  body[data-vb-style] .home-task-count{color:var(--vb-accent)!important;-webkit-text-fill-color:var(--vb-accent)!important}
  body[data-vb-style] .mobile-goal-summary{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
  body[data-vb-style] .focus-progress>button{color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;background-image:none!important;border-color:var(--vb-accent)!important;box-shadow:0 8px 20px var(--vb-glow)!important}
  body[data-vb-style="editorial"] :is(.shoot-mode,.voiceover-page) :is(button,.edit-filter-button,.vb-add-shotlist).vb-add-shotlist,
  body[data-vb-style="editorial"] .voiceover-toolbar .edit-filter-button{color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 7px 18px var(--vb-glow)!important}
  body[data-vb-style="editorial"] .brainstorm-note-list>header button{color:var(--vb-on-accent)!important;background:var(--vb-accent)!important}

  body[data-vb-style="warm"] :is(.vb-mobile-idea-card,.vb-mobile-idea-card.featured){
    background:var(--vb-surface)!important;background-image:none!important;box-shadow:0 10px 24px #0003!important
  }
  body[data-vb-style="warm"] .vb-mobile-idea-card:before{display:none!important}
  body[data-vb-style="warm"] :is(.vb-mobile-idea-card,.vb-mobile-idea-card.featured)>strong{
    font-family:inherit!important;font-weight:800!important;letter-spacing:-.025em!important
  }
  body[data-vb-style="warm"] :is(.vb-mobile-idea-card,.vb-mobile-new-content,.vb-mobile-grid-tabs button,.vb-mobile-plan-link){transition:none!important}

  .vb-mobile-grid-hero{position:relative!important;padding-right:66px!important}.vb-edit-pillars{position:absolute;right:14px;top:max(16px,env(safe-area-inset-top));width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid var(--vb-border);border-radius:50%;color:var(--vb-text);background:var(--vb-surface);box-shadow:0 8px 22px #0003}.vb-edit-pillars svg{width:20px;height:20px}

  .vb-idea-state{margin:13px 18px;padding:14px;display:grid;gap:8px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-idea-state>small{color:var(--vb-accent);font-size:8px;font-weight:850;letter-spacing:.14em}.vb-idea-state>strong{font-size:15px}.vb-idea-state>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vb-idea-state button{min-height:46px;padding:6px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);font-size:10px;font-weight:800}.vb-idea-state button.active{color:var(--vb-on-accent);border-color:var(--vb-accent);background:var(--vb-accent)}.vb-idea-state>p{margin:0;color:var(--vb-muted);font-size:9px;line-height:1.4}.vb-state-saved{position:absolute;left:50%;bottom:18px;padding:8px 12px;border-radius:99px;color:var(--vb-on-accent);background:var(--vb-accent);transform:translateX(-50%);font-size:9px;font-weight:850}
  .vb-content-drafts{margin:3px 0 18px;padding:14px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-content-drafts>header{position:static!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;background:transparent!important}.vb-content-drafts>header span{display:flex;flex-direction:column}.vb-content-drafts>header small{color:var(--vb-accent);font-size:8px;letter-spacing:.14em}.vb-content-drafts>header strong{font-size:20px!important}.vb-content-drafts>header em{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--vb-on-accent);background:var(--vb-accent);font-size:10px;font-style:normal}.vb-content-drafts>div{margin-top:10px;display:grid;gap:7px}.vb-content-drafts>div>button{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:2px 8px;border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2);text-align:left}.vb-content-drafts>div>button strong{grid-column:1;font-size:13px}.vb-content-drafts>div>button small{grid-column:1;color:var(--vb-muted)}.vb-content-drafts>div>button i{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;font-style:normal}.vb-content-drafts>p{margin:10px 0 0;color:var(--vb-muted);font-size:10px;line-height:1.45}

  .vb-generated-export{width:1080px;min-height:1350px;padding:72px;box-sizing:border-box;color:var(--vb-text);background:var(--vb-bg);font-family:Arial,sans-serif}.vb-generated-export>header{margin-bottom:42px;padding-bottom:25px;border-bottom:2px solid var(--vb-border)}.vb-generated-export>header small{color:var(--vb-accent);font-size:15px;font-weight:900;letter-spacing:.18em}.vb-generated-export>header h1{margin:9px 0 8px;color:var(--vb-text);font-size:62px;line-height:1}.vb-generated-export>header time{color:var(--vb-muted);font-size:16px}.vb-export-moodboard{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.vb-export-moodboard figure{aspect-ratio:1;margin:0;overflow:hidden;border-radius:var(--vb-radius);background:var(--vb-surface)}.vb-export-moodboard img{width:100%;height:100%;display:block;object-fit:cover}.vb-export-shotlist{display:grid;gap:14px}.vb-export-shotlist>section{min-height:150px;padding:18px;display:grid;grid-template-columns:92px 70px minmax(0,1fr);gap:18px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface)}.vb-export-shotlist>section>img{width:92px;height:92px;object-fit:cover;border-radius:50%}.vb-export-shotlist>section>b{color:var(--vb-accent);font-size:38px}.vb-export-shotlist h2{margin:0;color:var(--vb-text);font-size:25px}.vb-export-shotlist small,.vb-export-shotlist footer{color:var(--vb-muted)}.vb-export-shotlist p{color:var(--vb-text);font-size:16px}.vb-export-voiceover{padding:42px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface)}.vb-export-voiceover p{margin:0;color:var(--vb-text);font-size:30px;line-height:1.6}.vb-export-collection{display:grid;gap:15px}.vb-export-collection section{padding:22px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface);white-space:pre-wrap}.vb-export-render-source{position:fixed!important;z-index:-1!important;left:-2000px!important;top:0!important;pointer-events:none!important}

  /* Version 30: theme-safe controls, clean Goals cards and compact Camera settings. */
  body[data-vb-style] .milestone-card,body[data-vb-style] .milestone-grid{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
  body[data-vb-style] .home-date-card>div b{color:var(--vb-accent)!important;-webkit-text-fill-color:var(--vb-accent)!important}
  body[data-vb-style] .vb-camera-copy small{color:var(--vb-accent)!important}body[data-vb-style] .vb-camera-studio input[type="range"]{accent-color:var(--vb-accent)!important}body[data-vb-style] .vb-camera-studio .vb-record{box-shadow:0 0 18px var(--vb-glow)!important}body[data-vb-style] .vb-camera-studio>header button[data-action="flip"]:after{content:none!important;display:none!important}
  :is(.milestone-header-actions>button,.brainstorm-note-list>header button,.vb-settings-button,.vb-note-back,.brainstorm-note-head button,.vb-camera-studio>header button,.vb-camera-studio>aside header button,.vb-edit-pillars){padding:0!important;display:grid!important;place-items:center!important;line-height:0!important}:is(.milestone-header-actions>button,.brainstorm-note-list>header button,.vb-settings-button,.vb-note-back,.brainstorm-note-head button,.vb-camera-studio>header button,.vb-camera-studio>aside header button,.vb-edit-pillars)>svg{margin:auto!important;transform:none!important}
  .vb-accent-picker{min-height:66px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface-2)}.vb-accent-picker>span{display:grid;gap:3px}.vb-accent-picker small{color:var(--vb-muted);font-size:9px}.vb-accent-picker input{width:50px;height:38px;padding:2px;border:1px solid var(--vb-border);border-radius:12px;background:transparent}
  .vb-content-drafts>header>div{display:flex;align-items:center;gap:7px}.vb-content-drafts>header>div>button{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--vb-on-accent);background:var(--vb-accent);font-size:20px;line-height:1}
  .vb-camera-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:7px}.vb-camera-header-actions button{position:static!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;color:#fff!important;background:#17171bcc!important}.vb-camera-header-actions svg{width:21px!important;height:21px!important}
  .vb-camera-studio>aside[hidden]{display:none!important}.vb-camera-studio>aside{position:absolute!important;z-index:12!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(112px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:58dvh!important;padding:14px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:auto!important;border:1px solid #ffffff24!important;border-radius:22px!important;background:#18181def!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 50px #0009!important}.vb-camera-studio>aside>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.vb-camera-studio>aside>header strong{color:#fff;font-size:15px}.vb-camera-studio>aside>header button{width:34px;height:34px;border-radius:50%;color:#fff;background:#2b2b31;font-size:24px}.vb-camera-studio>aside label{min-width:0;display:grid!important;gap:6px!important;color:#b7b7bd!important;font-size:9px!important}.vb-camera-studio>aside label select{width:100%!important;min-width:0!important}.vb-camera-copy.teleprompter p{min-height:100%;padding-bottom:30%;box-sizing:border-box}

  /* Version 31: reliable mobile workflows, generated exports and complete theme surfaces. */
  .vb-shotlist-browser>header>div{display:flex;align-items:center;gap:8px}.vb-shotlist-browser>header>div>button{height:44px;padding:0 14px;border:1px solid var(--vb-border);border-radius:22px;color:var(--vb-text);background:var(--vb-surface);font-size:11px;font-weight:850}.vb-shotlist-browser>header>div>[data-add]{width:44px;padding:0;display:grid;place-items:center;border:0;color:var(--vb-on-accent);background:var(--vb-accent);font-size:24px;line-height:1}.vb-shotlist-browser>header>div>[data-add]:before,.vb-shotlist-browser>header>div>[data-add]:after{display:none!important}
  .vb-batch-shotlists{position:fixed;z-index:7600;inset:0;color:var(--vb-text);background:var(--vb-bg);overflow-y:auto}.vb-batch-shotlists>section{width:min(100%,520px);min-height:100dvh;margin:auto;padding:max(22px,env(safe-area-inset-top)) 16px calc(90px + env(safe-area-inset-bottom));box-sizing:border-box}.vb-batch-shotlists header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px}.vb-batch-shotlists header>[data-close]{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--vb-text);background:var(--vb-surface-2)}.vb-batch-shotlists header>span{display:grid}.vb-batch-shotlists header small{color:var(--vb-accent);font-size:8px;font-weight:900;letter-spacing:.15em}.vb-batch-shotlists header strong{font-size:24px}.vb-batch-shotlists header>[data-export]{height:42px;padding:0 14px;border-radius:16px;color:var(--vb-on-accent);background:var(--vb-accent);font-weight:850}.vb-batch-shotlists>section>label{margin:22px 0 12px;display:grid;gap:6px;color:var(--vb-muted);font-size:10px}.vb-batch-shotlists select{width:100%;height:50px;padding:0 13px;border:1px solid var(--vb-border);border-radius:var(--vb-control-radius);color:var(--vb-text);background:var(--vb-surface)}.vb-batch-shotlists [data-rows]{display:grid;gap:9px}.vb-batch-shotlists [data-rows]>button{min-height:82px;padding:12px;display:grid;grid-template-columns:45px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);color:var(--vb-text);background:var(--vb-surface);text-align:left}.vb-batch-shotlists [data-rows] b{color:var(--vb-accent);font-size:22px}.vb-batch-shotlists [data-rows] span{min-width:0;display:grid;gap:4px}.vb-batch-shotlists [data-rows] strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vb-batch-shotlists [data-rows] small{overflow:hidden;color:var(--vb-muted);text-overflow:ellipsis;white-space:nowrap}.vb-batch-shotlists [data-rows] i{font-size:23px;font-style:normal}.vb-batch-shotlists~.vb-pdf-button{display:none!important}
  .vb-finish-idea{width:100%;min-height:50px!important;margin-top:4px!important;border:0!important;color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 8px 24px var(--vb-glow)!important;font-size:12px!important}
  .vb-accent-picker{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.vb-accent-picker>div{display:flex;align-items:center;gap:7px}.vb-accent-picker [data-accent-hex]{width:86px;height:38px;padding:0 9px;border:1px solid var(--vb-border);border-radius:11px;color:var(--vb-text);background:var(--vb-surface);font:700 12px ui-monospace,monospace}.vb-accent-picker>[data-reset-accent]{grid-column:1/-1;min-height:36px;margin-top:3px;border:1px solid var(--vb-border);border-radius:11px;color:var(--vb-text);background:var(--vb-surface);font-size:10px;font-weight:750}
  .vb-note-back>svg{display:block!important;width:22px!important;height:22px!important;margin:auto!important}.vb-camera-flip:before,.vb-camera-flip:after{content:none!important;display:none!important}.vb-camera-header-actions{position:absolute!important;right:0!important;top:0!important}.vb-camera-studio>aside{grid-template-columns:1fr!important;max-height:68dvh!important;padding:16px!important;gap:13px!important}.vb-camera-studio>aside>header{grid-column:1!important}.vb-camera-studio>aside label{min-height:58px;padding:9px 11px;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;border:1px solid #ffffff12;border-radius:14px;background:#24242a!important;font-size:11px!important}.vb-camera-studio>aside label select{min-height:42px!important;padding:0 10px!important;font-size:13px!important}.vb-camera-studio>aside label input[type="range"]{height:36px!important}.vb-camera-copy.teleprompter{display:block!important;visibility:visible!important;height:40%!important;max-height:40%!important;overflow:hidden!important}.vb-camera-copy.teleprompter p{display:block!important;min-height:calc(100% + 1px)!important;padding:0 0 45%!important;color:#fff!important;white-space:pre-wrap!important}
  body[data-vb-style] :is(.vb-shotlist-modal .vb-primary,.milestone-setup form>div:last-child button:last-child,.vb-direct-voice-add,.vb-content-drafts [data-add-draft]){color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 8px 24px var(--vb-glow)!important}
  body[data-vb-style="editorial"] :is(.brainstorm-view.vb-note-open .brainstorm-rich-editor,.brainstorm-view.vb-note-open .brainstorm-notebook>.brainstorm-notes,.milestone-setup,.milestone-setup form,.vb-shotlist-modal>form){color:var(--vb-text)!important;background:var(--vb-bg)!important;background-image:none!important}
  body[data-vb-style="editorial"] .brainstorm-view.vb-note-open .brainstorm-rich-editor{border-color:var(--vb-border)!important;background:var(--vb-surface)!important;box-shadow:none!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] :is(.milestone-setup input,.milestone-setup select,.vb-shotlist-modal input,.vb-shotlist-modal select){border-color:var(--vb-border)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important;-webkit-text-fill-color:var(--vb-text)!important}
  body[data-vb-style="editorial"] .milestone-setup form>div{background:transparent!important}.milestone-setup form>div:last-child button:last-child{border-radius:var(--vb-control-radius)!important}.milestone-setup form>div:last-child button:first-child{color:var(--vb-text)!important;background:var(--vb-surface-2)!important}
  body[data-vb-style="editorial"] :is(.brainstorm-formatbar button,.vb-note-back,.brainstorm-note-head>button,.vb-shotlist-modal header button){border-color:var(--vb-border)!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important}
  .vb-export-voiceover>section{padding:24px 0;border-bottom:1px solid var(--vb-border)}.vb-export-voiceover>section:last-child{border-bottom:0}.vb-export-voiceover h2{margin:0 0 12px;color:var(--vb-accent);font-size:22px}
  body[data-vb-style] :is(.milestone-header-actions>button:last-child,.vb-calendar-entries article i,.vb-production-tabs button.active,.vb-save-recording,.vb-export-menu button[data-image],.vb-export-menu button[data-pdf],.voiceover-toolbar .edit-filter-button,.vb-calendar-todos header .vb-add-todo,.vb-add-shotlist,.vb-direct-voice-add,.vb-shot-save,.vb-add-shot-row,.vb-mobile-topic>header>button,.vb-mobile-new-content i,.vb-mobile-grid-dots button.active,.calendar-entry-modal form>div:last-child button:last-child){color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;box-shadow:0 0 20px var(--vb-glow)!important}
  body[data-vb-style] :is(.vb-shotlist-modal header small,.vb-shotlist-browser>header small,.vb-shotlist-card>b,.vb-shotlist-editor-screen header small,.vb-shotlist-editor-screen summary>b,.vb-shot-fields label,.vb-camera-copy small,.vb-mobile-grid-hero>small,.vb-mobile-topic>header small,.vb-mobile-idea-card>button b,.vb-focus-overlay header small){color:var(--vb-accent)!important}body[data-vb-style] .vb-camera-studio>header strong::first-letter{color:var(--vb-accent)!important}
  body[data-vb-style] :is(.vb-calendar-todos input,.vb-camera-studio>aside input,.brainstorm-view.vb-note-open .brainstorm-rich-editor){accent-color:var(--vb-accent)!important;caret-color:var(--vb-accent)!important}.vb-record i{background:var(--vb-accent)!important}.vb-focus-ring{background:conic-gradient(var(--vb-accent) calc(var(--focus-progress)*1%),var(--vb-surface-2) 0)!important;box-shadow:0 0 55px var(--vb-glow),inset 0 0 0 1px var(--vb-border)!important}

  /* Version 32: summarized shotlists, paged PNGs and a true mobile camera workflow. */
  .vb-shotlist-browser>header [data-batch]{min-width:92px!important;padding-inline:13px!important}
  .vb-camera-studio>header>button[data-action="close"]{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;aspect-ratio:1!important;padding:0!important;display:grid!important;place-items:center!important;align-self:center!important;border-radius:50%!important;box-sizing:border-box!important;line-height:0!important}
  .vb-camera-studio>header>button[data-action="close"] svg{width:24px!important;height:24px!important}
  .vb-camera-header-actions [data-action="settings"] svg path{vector-effect:non-scaling-stroke}
  .vb-camera-studio>aside{left:14px!important;right:14px!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:46dvh!important;padding:13px!important;gap:9px!important;border-color:#ffffff26!important;background:#101014a8!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 12px 34px #0006!important}
  .vb-camera-studio>aside label{min-height:50px!important;padding:7px 9px!important;grid-template-columns:104px minmax(0,1fr)!important;border-color:#ffffff17!important;background:#17171c8f!important}
  .vb-camera-studio>aside>header button{display:grid!important;place-items:center!important;aspect-ratio:1!important;padding:0!important}
  .vb-camera-copy.teleprompter{display:block!important;visibility:visible!important;height:40%!important;max-height:40%!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;cursor:auto!important;user-select:text!important;-webkit-user-select:text!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
  .vb-camera-copy.teleprompter p{display:block!important;min-height:calc(100% + 1px)!important;padding:0 0 55%!important;color:#fff!important;white-space:pre-wrap!important;user-select:text!important;-webkit-user-select:text!important}
  .vb-camera-navigation{position:absolute;z-index:8;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));width:min(350px,calc(100vw - 28px));min-height:44px;padding:4px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid #ffffff18;border-radius:99px;background:#101014b5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translateX(-50%)}
  .vb-camera-navigation button{height:36px;padding:0 13px;border-radius:99px;color:#fff;background:#29292ebd;font-size:14px}.vb-camera-navigation span{min-width:76px;padding:0 8px;color:#c6c6cb;text-align:center;font-size:8px;font-weight:750;letter-spacing:.05em}.vb-camera-navigation.scrolling{grid-template-columns:1fr}.vb-camera-navigation.scrolling button{display:none}.vb-camera-navigation.scrolling span{min-height:34px;display:grid;place-items:center}
  .vb-camera-studio>footer{flex-direction:column!important;gap:5px!important;padding-top:5px!important}.vb-record-label{min-height:14px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.12em;text-shadow:0 1px 8px #000}.vb-camera-studio.is-recording .vb-record-label{color:#ff516b}
  body[data-vb-style] .vb-camera-studio .vb-record{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;aspect-ratio:1!important;padding:0!important;border:4px solid #fff!important;border-radius:50%!important;background:transparent!important;box-shadow:0 0 0 1px #0006,0 0 20px #0005!important}.vb-record i{width:54px!important;height:54px!important;display:block!important;border-radius:50%!important;background:var(--vb-accent)!important;transition:width .2s,height .2s,border-radius .2s,background .2s!important}.vb-record.recording{border-color:#ff516b!important;animation:vbRecordPulse 1.15s ease-in-out infinite!important}.vb-record.recording i{width:27px!important;height:27px!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}

  @keyframes vbRecordPulse{0%,100%{transform:scale(1)}50%{transform:scale(.93)}}

  @keyframes vbAccordionOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

  @keyframes vbFocusIn{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
  @keyframes vbSheetIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
}

/* Camera recording state fixes */
.vb-camera-navigation.recording-active{display:none!important}
.vb-camera-studio.is-playback>.vb-camera-copy,.vb-camera-studio.is-playback>aside,.vb-camera-studio.is-playback>.vb-camera-navigation,.vb-camera-studio.is-playback>header strong,.vb-camera-studio.is-playback .vb-camera-header-actions{display:none!important}
.vb-camera-studio.is-playback>header{grid-template-columns:52px 1fr 52px!important;background:linear-gradient(#000a,transparent)!important}
.vb-camera-studio>aside>header button[data-action="settings"]{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex:0 0 38px!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box!important;padding:0!important;line-height:0!important}

.vb-camera-studio>aside>header{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;align-items:center!important;gap:12px!important}
.vb-camera-studio>aside>header .vb-preview-close{position:static!important;justify-self:end!important;display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:1px solid #ffffff26!important;border-radius:50%!important;background:#24242ac7!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;aspect-ratio:1/1!important}
.vb-camera-studio>aside>header .vb-preview-close svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
.vb-camera-studio>aside>header .vb-preview-close::before,.vb-camera-studio>aside>header .vb-preview-close::after,.vb-camera-studio .vb-record::before,.vb-camera-studio .vb-record::after,.vb-camera-studio .vb-record i::before,.vb-camera-studio .vb-record i::after{content:none!important;display:none!important}
.vb-camera-studio .vb-record,.vb-camera-studio .vb-record:focus,.vb-camera-studio .vb-record:focus-visible,.vb-camera-studio .vb-record:active,.vb-camera-studio .vb-record.recording{-webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;outline:0!important;animation:none!important;transform:none!important;overflow:hidden!important;contain:paint!important}
.vb-camera-studio.vb-native-selfie>video{filter:brightness(var(--vb-selfie-brightness,1.125)) contrast(.82) saturate(1.05)!important}
.vb-camera-capture-status{padding:9px 10px;display:grid;gap:3px;border:1px solid #ffffff14;border-radius:13px;background:#10101499}.vb-camera-capture-status span{color:#fff;font-size:10px;font-weight:800}.vb-camera-capture-status small{color:#aaaab2;font-size:8px;line-height:1.35}

/* Version 38: account profile, centered guidance and complete To-do planning. */
.vb-settings-button>span{width:100%;height:100%;display:grid;place-items:center;color:inherit;font-size:18px;font-weight:850;line-height:1;text-transform:uppercase;transform:none!important}
.tab-tutorial,.daily-video-suggestion{position:fixed!important;z-index:9000!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:min(360px,calc(100vw - 34px))!important;padding:23px!important;box-sizing:border-box!important;border:1px solid var(--vb-border)!important;border-radius:var(--vb-radius)!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-surface) 97%,transparent)!important;box-shadow:0 0 0 100vmax #0008,0 28px 80px #0008!important;transform:translate(-50%,-50%)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}.tab-tutorial small,.daily-video-suggestion>small{color:var(--vb-accent)!important}.tab-tutorial strong,.daily-video-suggestion>strong{color:var(--vb-text)!important}.tab-tutorial p,.daily-video-suggestion>p{color:var(--vb-muted)!important;font-size:11px!important;line-height:1.55!important}.tab-tutorial button,.daily-video-suggestion>div button{min-height:42px!important;padding:0 17px!important;color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;font-size:10px!important}.daily-suggestion-close{color:var(--vb-text)!important;background:var(--vb-surface-2)!important}
.vb-content-drafts header [data-add-draft]{width:auto!important;min-width:105px!important;height:38px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:999px!important;color:var(--vb-on-accent)!important;background:var(--vb-accent)!important;font-size:9px!important;font-weight:850!important}.vb-content-drafts header [data-add-draft] b{font-size:16px;line-height:1}
.vb-todo-video-planning,.today-content-tasks.vb-video-planning-native{display:block!important;margin:0 0 18px!important;padding:14px!important;border:1px solid var(--vb-border)!important;border-radius:var(--vb-radius)!important;color:var(--vb-text)!important;background:var(--vb-surface)!important}.vb-todo-video-planning>small,.today-content-tasks.vb-video-planning-native>small{display:block!important;margin-bottom:9px!important;color:var(--vb-accent)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.15em!important}.vb-todo-video-planning .today-content-task{grid-template-columns:auto minmax(0,1fr)!important;border:1px solid var(--vb-border)!important;background:var(--vb-surface-2)!important}.vb-todo-video-planning input{width:19px;height:19px;accent-color:var(--vb-accent)}.vb-todo-video-planning .today-content-task>button{color:var(--vb-text)!important}.vb-todo-video-planning .today-content-task>button>i{color:var(--vb-accent);font-size:18px;font-style:normal}

@media (min-width:900px){
  html,body,#root,.planner-shell{width:100%!important;max-width:none!important;min-height:100dvh!important}
  body{background:color-mix(in srgb,var(--vb-bg,#111) 82%,#000)!important}
  #root>.planner-shell,.welcome-screen,.board-screen{width:min(1280px,100%)!important;max-width:1280px!important;margin-inline:auto!important;box-shadow:0 0 100px #0007!important}
  .home-dashboard,.milestones-page,.today-page,.today-view,.calendar-view,.brainstorm-view,.shoot-view,.shoots-view,.voiceover-page,.calendar-wrap{width:min(1120px,100%)!important;max-width:1120px!important;margin-inline:auto!important;padding-left:48px!important;padding-right:48px!important}
  .home-dashboard{padding-top:82px!important}.home-hero{padding-bottom:34px!important}.home-hero h1{font-size:58px!important}
  .home-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.streak-card,.home-date-card{grid-column:span 1!important;height:180px!important}.home-tasks-card{grid-column:span 2!important;height:180px!important}.home-notes-card{grid-column:1/-1!important;min-height:170px!important}.home-feature-card{padding:24px!important}
  .today-view,.task-columns{display:grid!important}.today-view{grid-template-columns:1fr!important}.task-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.today-content-tasks,.vb-todo-video-planning{padding:18px!important}.today-content-task{min-height:58px!important}
  .brainstorm-view{padding-top:82px!important}.brainstorm-notebook{min-height:620px!important;display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;overflow:hidden!important}.brainstorm-note-list{max-height:none!important;border-radius:24px 0 0 24px!important}.brainstorm-notebook>.brainstorm-notes{min-height:620px!important;margin-top:0!important;border-radius:0 24px 24px 0!important}.brainstorm-rich-editor{min-height:500px!important}
  .mobile-dock{width:540px!important;bottom:24px!important}.vb-settings-button{right:max(32px,calc((100vw - 1180px)/2 + 32px))!important;top:28px!important}
  .vb-mobile-content-grid{width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;height:calc(100dvh - 28px)!important;top:14px!important;border:1px solid var(--vb-border)!important;border-radius:28px!important;box-shadow:0 28px 90px #0007!important}.vb-mobile-grid-hero{padding:24px 28px 12px!important}.vb-mobile-grid-hero h1{font-size:52px!important}.vb-mobile-grid-tabs,.vb-mobile-content-grid>footer{display:none!important}.vb-mobile-grid-stage{padding:0 18px 22px!important;overflow:auto!important}.vb-mobile-grid-track{width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:14px!important;transform:none!important}.vb-mobile-topic{width:auto!important;height:auto!important;min-height:calc(100dvh - 160px)!important;padding:0 10px 30px!important;overflow:visible!important;border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:color-mix(in srgb,var(--vb-surface) 86%,transparent)}.vb-mobile-topic>header{padding:16px 8px 13px!important;border-radius:var(--vb-radius) var(--vb-radius) 0 0!important}.vb-mobile-topic h2{max-width:220px!important}.vb-mobile-idea-grid{grid-template-columns:1fr!important}.vb-mobile-idea-card,.vb-mobile-idea-card.featured{grid-column:1!important;min-height:148px!important}.vb-mobile-new-content{grid-column:1!important}
  .vb-mobile-settings-sheet{width:min(590px,calc(100vw - 40px))!important;align-items:center!important;background:#0007!important}.vb-mobile-settings-sheet>section{max-height:88dvh!important;border-radius:28px!important}.vb-workspace-settings,.vb-pillar-manager,.vb-piece-editor{width:min(760px,calc(100vw - 40px))!important;height:calc(100dvh - 40px)!important;top:20px!important;border:1px solid var(--vb-border)!important;border-radius:28px!important;box-shadow:0 30px 90px #0008!important}.vb-workspace-settings>form,.vb-piece-editor>form{overflow:hidden;border-radius:28px!important}.vb-todo-modal{align-items:center!important}.vb-todo-modal form{border-radius:28px!important}
  .project-inspector.vb-mobile-project-inspector{left:50%!important;right:auto!important;width:min(620px,calc(100vw - 40px))!important;height:calc(100dvh - 40px)!important;top:20px!important;border:1px solid var(--vb-border)!important;border-radius:28px!important;transform:translateX(-50%)!important;box-shadow:0 30px 100px #0009!important}
}

/* Version 40: a purpose-built desktop workspace instead of an enlarged phone screen. */
@media (min-width:1024px){
  html,body,#root{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;overflow:hidden!important}
  body{background:var(--vb-bg)!important}
  #root>.planner-shell{width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;display:flex!important;overflow:hidden!important;background:var(--vb-bg)!important;box-shadow:none!important}
  .planner-shell>.workspace-backdrop{display:block!important}

  .planner-sidebar{position:relative!important;z-index:100!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:246px!important;min-width:246px!important;max-width:246px!important;height:100dvh!important;min-height:100dvh!important;padding:38px 16px 18px!important;box-sizing:border-box!important;display:flex!important;flex:0 0 246px!important;flex-direction:column!important;overflow-y:auto!important;border:0!important;border-right:1px solid var(--vb-border)!important;border-radius:0!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-surface) 96%,transparent)!important;box-shadow:none!important;transform:none!important;-webkit-backdrop-filter:blur(28px)!important;backdrop-filter:blur(28px)!important}
  .planner-sidebar>.brand{display:flex!important}.planner-sidebar>nav{display:flex!important}.planner-sidebar>.sidebar-spacer{display:block!important;flex:1!important}.planner-sidebar>.local-state{display:flex!important}
  .planner-sidebar .brand{padding:0 8px 22px!important;color:var(--vb-text)!important}.planner-sidebar .brand strong{font-size:15px!important}.planner-sidebar .brand small,.planner-sidebar .sidebar-label,.planner-sidebar .local-state{color:var(--vb-muted)!important}
  .planner-sidebar nav{gap:5px!important}.planner-sidebar nav button,.planner-sidebar .utility-button{width:100%!important;height:44px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;border:1px solid transparent!important;border-radius:13px!important;color:var(--vb-muted)!important;background:transparent!important;font-size:12px!important;line-height:1!important}
  .planner-sidebar nav button svg,.planner-sidebar .utility-button svg{width:19px!important;height:19px!important;margin:0!important}.planner-sidebar nav button:hover,.planner-sidebar .utility-button:hover{color:var(--vb-text)!important;border-color:var(--vb-border)!important;background:var(--vb-surface-2)!important}.planner-sidebar nav button.active,.planner-sidebar .utility-button.active{color:var(--vb-on-accent)!important;border-color:var(--vb-accent)!important;background:var(--vb-accent)!important;box-shadow:0 10px 24px var(--vb-glow)!important}
  .planner-sidebar .legend-group{display:grid!important;color:var(--vb-muted)!important}.planner-sidebar .sidebar-home-button{display:inline-flex!important;color:var(--vb-text)!important;background:var(--vb-surface-2)!important;border-color:var(--vb-border)!important}

  .planner-main{position:relative!important;z-index:1!important;min-width:0!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;overflow:hidden!important;color:var(--vb-text)!important;background:transparent!important}
  .planner-header{position:relative!important;z-index:90!important;width:100%!important;height:98px!important;min-height:98px!important;padding:26px 94px 18px 42px!important;box-sizing:border-box!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;border:0!important;border-bottom:1px solid var(--vb-border)!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-bg) 88%,transparent)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}
  .planner-header h1,.planner-header .workspace-title-field{color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}.planner-header p{color:var(--vb-accent)!important}.planner-header .search-field,.planner-header .month-controls{color:var(--vb-text)!important;border-color:var(--vb-border)!important;background:var(--vb-surface)!important}.planner-header .search-field input{color:var(--vb-text)!important;-webkit-text-fill-color:var(--vb-text)!important}.planner-header .month-controls button{color:var(--vb-text)!important;border-color:var(--vb-border)!important}
  .planner-content{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;flex:1 1 auto!important;overflow:auto!important;overscroll-behavior:contain!important;background:transparent!important}
  .mobile-dock{display:none!important}
  .vb-settings-button{position:fixed!important;z-index:1700!important;right:24px!important;top:25px!important;width:48px!important;height:48px!important;border-radius:50%!important;transform:none!important}

  .home-dashboard,.milestones-page,.today-page,.today-view,.calendar-view,.brainstorm-view,.shoot-mode,.shoot-view,.shoots-view,.voiceover-page,.calendar-wrap{width:100%!important;max-width:1480px!important;min-height:0!important;margin:0 auto!important;padding:34px 44px 72px!important;box-sizing:border-box!important;color:var(--vb-text)!important;background:transparent!important;overflow:visible!important}
  .home-dashboard{padding-top:42px!important}.home-hero{padding:6px 0 30px!important}.home-hero h1{font-size:clamp(48px,5vw,72px)!important;line-height:.92!important}.home-hero>div small{font-size:18px!important}.home-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}.home-feature-card{min-height:184px!important;height:auto!important;padding:24px!important;border-radius:24px!important}.streak-card,.home-date-card{grid-column:span 3!important}.home-tasks-card{grid-column:span 6!important}.home-notes-card{grid-column:1/-1!important;min-height:190px!important}.home-notes-card>div:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;background:transparent!important}.home-notes-card>div:last-child button{min-height:74px!important;padding:13px!important;border:1px solid var(--vb-border)!important;border-radius:14px!important;background:var(--vb-surface-2)!important}

  .today-view{display:block!important}.task-columns{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:start!important;gap:18px!important}.task-column,.today-content-tasks,.vb-todo-video-planning{margin:0!important;padding:20px!important;border-radius:22px!important}.vb-todo-video-planning{margin-top:18px!important}.today-content-task{min-height:62px!important;padding:10px 12px!important}.today-content-task>button{grid-template-columns:auto minmax(0,1fr) auto auto!important}.today-content-task>button>span:not(.format-label){display:block!important}

  .milestones-page>header{margin-bottom:26px!important}.milestone-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:20px!important}.milestone-card{min-width:0!important;padding:0!important}.mobile-goal-summary{grid-template-columns:170px minmax(0,1fr)!important}.mobile-goal-summary .milestone-hero,.goal-achievement{height:170px!important}.year-dots{grid-template-columns:repeat(26,1fr)!important}

  .calendar-wrap{padding-top:32px!important}.mobile-calendar-title{font-size:48px!important}.weekdays{padding:0 8px 10px!important}.calendar-grid{gap:1px!important;border:1px solid var(--vb-border)!important;border-radius:20px!important;overflow:hidden!important;background:var(--vb-border)!important}.calendar-day{min-height:118px!important;padding:9px!important;border:0!important;background:var(--vb-surface)!important}.calendar-day.outside{background:var(--vb-surface-2)!important}.day-number{justify-content:space-between!important}.day-number button,.day-number small{display:grid!important}.day-projects{display:grid!important;justify-content:stretch!important;gap:4px!important}.day-projects>*{width:100%!important;height:auto!important;min-height:24px!important;padding:5px 7px!important;border-radius:8px!important;overflow:hidden!important}.day-projects>* *{display:initial!important}

  .brainstorm-view{height:100%!important;min-height:0!important;padding-top:32px!important}.brainstorm-view>header{flex-direction:row!important;align-items:center!important}.brainstorm-notebook{height:calc(100dvh - 230px)!important;min-height:560px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid var(--vb-border)!important;border-radius:24px!important;background:var(--vb-surface)!important}.brainstorm-note-list{max-height:none!important;padding:12px!important;border:0!important;border-right:1px solid var(--vb-border)!important;border-radius:0!important;background:var(--vb-surface-2)!important}.brainstorm-notebook>.brainstorm-notes{min-height:0!important;margin:0!important;padding:26px!important;border:0!important;border-radius:0!important;background:var(--vb-surface)!important}.brainstorm-rich-editor{min-height:calc(100dvh - 360px)!important;max-height:calc(100dvh - 315px)!important;padding:20px!important;font-size:16px!important;overflow:auto!important}.vb-content-drafts{margin-bottom:14px!important}

  .vb-production-tabs{position:sticky!important;z-index:70!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:14px 44px!important;display:flex!important;align-items:center!important;gap:8px!important;border:0!important;border-bottom:1px solid var(--vb-border)!important;background:color-mix(in srgb,var(--vb-bg) 92%,transparent)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}.vb-production-tabs>strong{margin-right:auto!important;font-size:16px!important}.vb-production-tabs button{width:auto!important;min-width:120px!important;height:42px!important;padding:0 18px!important}.vb-production-tabs+.shoot-mode,.vb-production-tabs+.shoots-view,.vb-production-tabs+.shoot-view,.vb-production-tabs+.voiceover-page{padding-top:28px!important}
  .shoot-mode:before,.voiceover-page:before{font-size:48px!important}.shoot-toolbar,.voiceover-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:10px!important;padding:0 0 20px!important;overflow:visible!important}.shoot-toolbar>div,.voiceover-toolbar>div{min-width:150px!important}.shoot-toolbar .shoot-count{margin-left:auto!important}.shoot-list{display:grid!important;gap:10px!important}.shoot-row{min-height:78px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:46px 180px minmax(260px,1fr) 220px!important;align-items:center!important;gap:12px!important;border-radius:16px!important}.shoot-row>*:nth-child(n+3){display:grid!important}.shoot-row .shoot-project{display:grid!important}.voiceover-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.voiceover-card{height:auto!important;min-height:300px!important;margin:0!important;padding:20px!important}.voiceover-toolbar .edit-filter-button{width:auto!important;min-width:160px!important}

  .content-grid-frame{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:26px 38px 70px!important;display:block!important;overflow:auto!important;scroll-snap-type:none!important}.content-grid{width:100%!important;min-width:calc(var(--grid-columns,6)*170px)!important;height:auto!important;display:grid!important;grid-template-columns:repeat(var(--grid-columns,6),minmax(160px,1fr))!important;align-items:start!important;gap:12px!important}.topic-column{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;overflow:visible!important;scroll-snap-align:none!important}.topic-slots{padding-bottom:24px!important}.vb-mobile-content-grid{display:none!important}.vb-mobile-content-grid+.content-grid-frame{display:block!important}
  .board-screen{width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;box-shadow:none!important}.creative-canvas{height:calc(100dvh - 76px)!important}.project-inspector{left:auto!important;right:0!important;top:0!important;width:360px!important;height:100dvh!important;padding:44px 24px 28px!important;border:0!important;border-left:1px solid var(--vb-border)!important;border-radius:0!important;color:var(--vb-text)!important;background:color-mix(in srgb,var(--vb-surface) 97%,transparent)!important;box-shadow:-24px 0 70px #0004!important;transform:none!important}.project-inspector .open-project-button{display:flex!important}.project-inspector .vb-mobile-pieces{display:none!important}

  .vb-workspace-settings,.vb-pillar-manager,.vb-piece-editor,.vb-shotlist-editor-screen,.vb-shotlist-browser,.vb-batch-shotlists{left:50%!important;right:auto!important;width:min(1080px,calc(100vw - 72px))!important;height:calc(100dvh - 48px)!important;min-height:0!important;top:24px!important;border:1px solid var(--vb-border)!important;border-radius:28px!important;box-shadow:0 34px 110px #0009!important;transform:translateX(-50%)!important;overflow:hidden!important}.vb-batch-shotlists>section{width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;overflow:auto!important}.vb-shotlist-editor-screen form{width:100%!important;max-width:920px!important;margin:auto!important}.vb-shot-editor-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:12px!important}
  .vb-mobile-settings-sheet,.vb-todo-modal,.calendar-entry-modal,.voiceover-add-modal,.milestone-setup,.vb-category-modal,.vb-export-menu{align-items:center!important;justify-content:center!important}.vb-mobile-settings-sheet>section,.vb-todo-modal form,.calendar-entry-modal form,.voiceover-add-modal form,.milestone-setup form,.vb-category-modal form,.vb-export-menu section{width:min(620px,calc(100vw - 64px))!important;max-height:88dvh!important;border-radius:26px!important}

  .vb-camera-studio{left:50%!important;right:auto!important;width:min(1200px,calc(100vw - 48px))!important;height:calc(100dvh - 48px)!important;top:24px!important;border:1px solid #ffffff24!important;border-radius:30px!important;box-shadow:0 36px 120px #000b!important;transform:translateX(-50%)!important}.vb-camera-studio>aside{left:auto!important;right:18px!important;bottom:116px!important;width:360px!important;max-height:calc(100% - 220px)!important}.vb-camera-copy{left:12%!important;right:38%!important;top:22%!important}.vb-camera-navigation{bottom:118px!important}.vb-camera-capture-status{padding:10px 11px;display:grid;gap:4px;border:1px solid #ffffff14;border-radius:13px;background:#101014aa}.vb-camera-capture-status span{color:#fff;font-size:11px;font-weight:800}.vb-camera-capture-status small{color:#aaaab2;font-size:9px}
}

@media print{
  @page{size:A4 portrait;margin:12mm}
  .planner-sidebar,.planner-header,.mobile-dock,.vb-pdf-button,.vb-production-tabs,.tab-tutorial{display:none!important}
  html,body,#root,.planner-shell,.planner-main,.planner-content{height:auto!important;min-height:0!important;overflow:visible!important;color:#111!important;background:#fff!important}
  .planner-content{padding:0!important}.home-feature-card,.milestone-card,.voiceover-card,.shoot-row,.project-card{break-inside:avoid!important;color:#111!important;background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}
  body.vb-export-printing>*:not(.vb-print-export){display:none!important}body.vb-export-printing .vb-print-export{display:block!important;width:100%!important;min-height:0!important;padding:0!important;color:#111!important;background:#fff!important}body.vb-export-printing .vb-print-export :is(h1,h2,p,strong){color:#111!important}body.vb-export-printing .vb-print-export>header small{color:#b43b23!important}
}