:root{--bg: #f2f2f7;--card: #fff;--card-pressed: #e5e5ea;--field: #fff;--label: #1c1c1e;--secondary: rgba(60, 60, 67, .6);--tertiary: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .18);--fill: rgba(118, 118, 128, .12);--fill-strong: rgba(118, 118, 128, .24);--thumb: #fff;--accent: #007aff;--red: #ff3b30;--orange: #ff9500;--green: #248a3d;--blue: #007aff;--material: rgba(249, 249, 249, .82);--scrim: rgba(0, 0, 0, .28);--workshop: #34c759;--workshop-ink: #248a3d;--tried: #5856d6;--tried-ink: #4b49c4;--backstage: #ff9500;--backstage-ink: #c26a00;--font: -apple-system, "SF Arabic", "SF Pro Text", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000;--card: #1c1c1e;--card-pressed: #2c2c2e;--field: #1c1c1e;--label: #fff;--secondary: rgba(235, 235, 245, .6);--tertiary: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .55);--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--thumb: #636366;--accent: #0a84ff;--red: #ff453a;--orange: #ff9f0a;--green: #30d158;--blue: #0a84ff;--material: rgba(22, 22, 24, .78);--scrim: rgba(0, 0, 0, .5);--workshop: #30d158;--workshop-ink: #4cd774;--tried: #5e5ce6;--tried-ink: #9a98ff;--backstage: #ff9f0a;--backstage-ink: #ffb340;color-scheme:dark}}:root[data-theme=dark]{--bg: #000;--card: #1c1c1e;--card-pressed: #2c2c2e;--field: #1c1c1e;--label: #fff;--secondary: rgba(235, 235, 245, .6);--tertiary: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .55);--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--thumb: #636366;--accent: #0a84ff;--red: #ff453a;--orange: #ff9f0a;--green: #30d158;--blue: #0a84ff;--material: rgba(22, 22, 24, .78);--scrim: rgba(0, 0, 0, .5);--workshop: #30d158;--workshop-ink: #4cd774;--tried: #5e5ce6;--tried-ink: #9a98ff;--backstage: #ff9f0a;--backstage-ink: #ffb340;color-scheme:dark}.p-workshop{--c: var(--workshop);--c-ink: var(--workshop-ink)}.p-tried{--c: var(--tried);--c-ink: var(--tried-ink)}.p-backstage{--c: var(--backstage);--c-ink: var(--backstage-ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--label);font:17px/1.4 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--c);display:inline-block}.phone{height:100dvh;overflow:hidden;background:var(--bg)}.page{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;padding:0 16px;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.nav-bar{--p: 0;position:sticky;z-index:5;top:0;height:calc(44px + env(safe-area-inset-top));margin:0 -16px;padding:env(safe-area-inset-top) 16px 0;display:grid;place-items:center}.nav-bar:before{content:"";position:absolute;inset:0;opacity:var(--p);background:var(--material);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 .5px 0 var(--separator)}.nav-title{position:relative;opacity:var(--p);font-size:17px;font-weight:600}.nav-actions{position:absolute;left:8px;bottom:0;height:44px;display:flex;align-items:center}.nav-icon{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--accent);display:grid;place-items:center}.nav-icon:active{opacity:.5}.large-title h1{font-size:34px;font-weight:700;line-height:1.2}.large-title p{margin-top:4px;color:var(--secondary);font-size:14px;line-height:1.5}.section{margin-top:26px}.section-head{margin:0 4px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head h2{font-size:20px;font-weight:700}.section-head small{color:var(--secondary);font-size:13px}.link{padding:0;border:0;background:none;color:var(--accent);font-size:15px}.segmented{margin:16px 0 14px;padding:2px;border-radius:9px;background:var(--fill);display:grid}.segmented button{position:relative;min-width:0;height:32px;padding:0 2px;border:0;border-radius:7px;background:none;font-size:13px;font-weight:500}.segmented .thumb{position:absolute;inset:0;border-radius:7px;background:var(--thumb);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.segmented .label{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;overflow:hidden}.segmented .label .dot{width:7px;height:7px}.segmented small{color:var(--secondary);font-size:11.5px;font-variant-numeric:tabular-nums}.segmented button.on{font-weight:600}.btn{height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--fill);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:16px;font-weight:600;color:var(--accent);transition:transform .1s ease-out}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:#fff}.btn.wide{width:100%}.chips{margin:12px -16px 14px;padding:0 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:34px;flex:none;padding:0 14px;border:0;border-radius:17px;background:var(--card);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;white-space:nowrap}.chip.on{background:var(--label);color:var(--bg)}.chip.pillar.on{background:color-mix(in srgb,var(--c) 18%,var(--card));color:var(--c-ink)}.search{height:36px;margin-top:14px;padding:0 10px;border-radius:10px;background:var(--fill);display:flex;align-items:center;gap:6px;color:var(--secondary)}.search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:17px;color:var(--label)}.search input::placeholder{color:var(--secondary)}.field{width:100%;padding:12px 14px;border:0;border-radius:12px;background:var(--card);outline:none;resize:none;font-size:16px;line-height:1.6}.field.big{font-size:20px;font-weight:700;line-height:1.4}.field::placeholder{color:var(--tertiary)}.switch{width:51px;height:31px;flex:none;padding:2px;border-radius:16px;background:var(--fill-strong);display:flex;transition:background-color .2s ease}.switch i{width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026;transition:transform .3s cubic-bezier(.3,1.2,.5,1)}.switch.on{background:#34c759}.switch.on i{transform:translate(-20px)}.inset-list{margin:0;padding:0;list-style:none;border-radius:12px;background:var(--card);overflow:hidden}.inset-list>li+li>*:before,.inset-list>button+button:before{content:"";position:absolute;top:0;right:16px;left:0;height:.5px;background:var(--separator)}.swipe-list>li+li>.swipe-row:before{right:37px}.copy{min-width:0;display:grid;gap:2px;text-align:right}.copy strong{font-size:16.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.copy small{color:var(--secondary);font-size:14.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.copy small.reason{-webkit-line-clamp:2;font-size:13.5px}.meta{padding-top:3px;display:grid;justify-items:end;gap:5px}.meta time{color:var(--secondary);font-size:12.5px;white-space:nowrap}.converted,.badge{padding:2px 8px;border:0;border-radius:6px;font-size:11.5px;font-style:normal;font-weight:600;white-space:nowrap}.converted{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.badge{background:var(--fill);color:var(--secondary)}.badge.s-ready{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.badge.s-filmed{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.badge.s-published{background:color-mix(in srgb,#af52de 16%,transparent);color:#af52de}.badge.s-archived{background:var(--fill);color:var(--tertiary)}.swipe-item{position:relative;overflow:hidden}.swipe-action{position:absolute;inset:0;padding:0;border:0;color:#fff;display:flex;justify-content:flex-end}.swipe-action>span{width:88px;display:grid;place-items:center;align-content:center;gap:2px;font-size:12.5px;font-weight:600}.swipe-action.t-red{background:var(--red)}.swipe-action.t-orange{background:var(--orange)}.swipe-action.t-blue{background:var(--blue)}.swipe-row{position:relative;min-height:44px;padding:12px 16px;background:var(--card);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;outline:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.swipe-row:active{background:var(--card-pressed)}.swipe-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.swipe-row>.dot{margin-top:8px}.empty{padding:56px 24px;display:grid;justify-items:center;gap:6px;color:var(--tertiary);text-align:center}.empty strong{margin-top:4px;color:var(--label);font-size:17px;font-weight:600}.empty span{color:var(--secondary);font-size:15px}.clip-row,.plain-row,.check-row,.option-row,.form-row{position:relative;width:100%;min-height:44px;padding:11px 16px;border:0;background:var(--card);display:flex;align-items:center;gap:12px;text-align:right;font-size:16px}.clip-row:active,.check-row:active,.option-row:active{background:var(--card-pressed)}.clip-row .copy,.check-row .copy{flex:1}.num{width:26px;height:26px;flex:none;align-self:start;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c-ink);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.chevron{flex:none;color:var(--tertiary)}.plain-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plain-row small{color:var(--secondary);font-size:13px}.check-row{align-items:flex-start}.check{width:22px;height:22px;flex:none;margin-top:1px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--fill-strong);color:#fff;transition:background-color .15s ease}.check-row.on .check{background:#34c759;box-shadow:none}.check-row.on strong{color:var(--secondary)}.check-row .copy small{-webkit-line-clamp:2;font-size:13px}.option-row{justify-content:space-between}.tick{color:var(--accent)}.form-row{justify-content:space-between;color:var(--label)}.form-row select{max-width:60%;border:0;background:none;color:var(--secondary);font-size:16px;text-align:left;direction:rtl;outline:none}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:34px;height:30px;padding:0;border:0;border-radius:8px;background:var(--fill);display:grid;place-items:center}.stepper b{min-width:44px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}.mini-seg{padding:2px;border-radius:8px;background:var(--fill);display:flex}.mini-seg button{height:28px;padding:0 10px;border:0;border-radius:6px;background:none;font-size:13.5px}.mini-seg button.on{background:var(--thumb);font-weight:600;box-shadow:0 2px 6px #0000001a}.danger-row{width:100%;height:46px;margin-top:4px;border:0;border-radius:12px;background:var(--card);color:var(--red);display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;font-weight:500}.danger-row:active{background:var(--card-pressed)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.why{padding:12px 14px;border-radius:12px;background:var(--card);color:var(--secondary);font-size:14.5px;line-height:1.7}.pillar-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pillar-tile{min-width:0;padding:12px 10px 10px;border:0;border-top:3px solid var(--c);border-radius:14px;background:var(--card);display:grid;justify-items:start;gap:3px;text-align:right;transition:transform .12s ease-out}.pillar-tile:active{transform:scale(.96)}.pillar-tile.next{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 55%,transparent)}.pillar-tile>b{padding:1px 7px;border-radius:7px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c-ink);font-size:13px}.pillar-tile strong{margin-top:4px;font-size:16px;font-weight:700;white-space:nowrap}.pillar-tile small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--secondary);font-size:12px}.pillar-tile .track{width:100%;margin-top:8px;flex:none}.tile-foot{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--secondary);font-size:12px;font-variant-numeric:tabular-nums}.tile-foot em{padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10.5px;font-style:normal;font-weight:600}.track{position:relative;flex:1;height:6px;border-radius:3px;background:var(--fill);overflow:hidden}.track i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:3px;background:var(--c)}.track u{position:absolute;inset-block:0;width:2px;background:var(--label);opacity:.35}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px 16px;border:0;border-radius:14px;background:var(--card);display:grid;justify-items:start;gap:2px;transition:transform .12s ease-out}.stat:active{transform:scale(.97)}.stat b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.stat span{color:var(--secondary);font-size:14px}.stat.s-ready b{color:var(--blue)}.stat.s-filmed b{color:var(--green)}.stat.s-published b{color:#af52de}.next-card{margin-top:18px;padding:16px;border-top:4px solid var(--c);border-radius:16px;background:var(--card);display:grid;gap:8px}.next-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--secondary);font-size:13px;font-weight:600}.tag{padding:3px 9px;border:0;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c-ink);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.tag .dot{width:7px;height:7px}.flag{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:12px}.next-card h2{font-size:21px;font-weight:700;line-height:1.4}.next-card p{color:var(--secondary);font-size:14.5px;line-height:1.65}.next-actions{margin-top:6px;display:grid;grid-template-columns:1fr auto;gap:10px}.month-card{padding:12px;border-radius:16px;background:var(--card)}.month-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.month-grid button{position:relative;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--c) 45%,transparent);display:grid;place-items:center;transition:background-color .2s ease,transform .1s ease-out}.month-grid button:active{transform:scale(.92)}.month-grid b{color:var(--c-ink);font-size:19px;font-weight:700}.month-grid small{position:absolute;top:3px;right:6px;color:var(--secondary);font-size:10px;font-variant-numeric:tabular-nums}.month-grid .done button{background:var(--fill);box-shadow:none}.month-grid .done b{color:var(--tertiary)}.legend{margin-top:12px;display:flex;justify-content:center;gap:16px;color:var(--secondary);font-size:13px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend b{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c-ink);font-size:12px}.mix-row{margin-bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mix-row span{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--c) 12%,var(--card));display:grid;justify-items:center;gap:2px;text-align:center}.mix-row b{color:var(--c-ink);font-size:20px}.mix-row small{color:var(--secondary);font-size:11.5px}.footnote{margin:22px 8px 0;color:var(--tertiary);font-size:12.5px;text-align:center;line-height:1.6}.push-screen{position:fixed;z-index:40;inset:0;background:var(--bg);display:flex;flex-direction:column;box-shadow:8px 0 30px #0000002e;touch-action:pan-y}.push-bar{position:relative;z-index:2;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 4px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--material);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 .5px 0 var(--separator)}.back{justify-self:start;height:44px;padding:0 2px;border:0;background:none;color:var(--accent);display:flex;align-items:center;font-size:17px}.back:active{opacity:.5}.push-title{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600}.push-bar .nav-icon{justify-self:end}.push-body{flex:1;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 16px calc(40px + env(safe-area-inset-bottom));scrollbar-width:none}.script-title{width:100%;padding:0;border:0;outline:none;resize:none;background:none;field-sizing:content;font-size:26px;font-weight:700;line-height:1.35}.script-meta{margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--secondary);font-size:13px}.script-meta .badge{font-size:12.5px;padding:3px 9px}.format-bar{position:sticky;top:0;z-index:1;margin:0 -16px;padding:6px 16px;display:flex;gap:6px;background:var(--bg)}.format-bar button{width:44px;height:36px;padding:0;border:0;border-radius:9px;background:var(--card);display:grid;place-items:center}.format-bar button:active{background:var(--card-pressed)}.script-text{min-height:40vh;margin-top:8px;padding:14px 16px;border-radius:14px;background:var(--card);outline:none;font-size:17px;line-height:1.85;-webkit-user-select:text;user-select:text}.script-text:empty:before{content:attr(data-placeholder);color:var(--tertiary)}.script-text h2{margin:14px 0 6px;font-size:20px;line-height:1.5}.script-text p{margin:0 0 12px}.script-text ul,.script-text ol{margin:6px 0 12px;padding-inline-start:22px}.script-text hr{margin:18px 0;border:0;height:1px;background:var(--separator)}.layers-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--card));display:grid;gap:4px;font-size:14px;color:var(--secondary)}.layers-note strong{color:var(--label);font-size:14.5px}.layers-note blockquote{margin:4px 0 0;padding-inline-start:10px;border-inline-start:3px solid var(--fill-strong);color:var(--label)}.shots-summary{margin:2px 4px 10px;color:var(--secondary);font-size:14px}.shots-summary b{color:var(--label)}.scene-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.scene-list li{position:relative}.scene-card{width:100%;padding:14px 16px 14px 56px;border:0;border-radius:14px;background:var(--card);display:flex;align-items:flex-start;gap:12px;text-align:right;transition:transform .12s ease-out}.scene-card:active{transform:scale(.98)}.scene-num{color:var(--accent);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.scene-card .copy small{-webkit-line-clamp:2}.scene-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.scene-tags em{padding:2px 8px;border-radius:6px;background:var(--fill);color:var(--secondary);display:inline-flex;align-items:center;gap:4px;font-size:12px;font-style:normal}.scene-list li.done .scene-card strong{color:var(--secondary);text-decoration:line-through;text-decoration-color:var(--tertiary)}.scene-check{position:absolute;top:14px;left:14px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;box-shadow:inset 0 0 0 1.5px var(--fill-strong);color:transparent;display:grid;place-items:center}.scene-check.on{background:#34c759;box-shadow:none;color:#fff}.add-row{width:100%;height:48px;margin-top:10px;border:0;border-radius:14px;background:var(--card);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:600}.publish{display:grid;gap:12px}.publish .segmented{margin:0}.publish h3,.sheet-body h3{margin:10px 4px 0;display:flex;justify-content:space-between;color:var(--secondary);font-size:13px;font-weight:600}.audience{display:flex;gap:8px;align-items:flex-start;padding:0 4px;color:var(--label);font-size:14px;line-height:1.55}.audience svg{flex:none;margin-top:3px;color:var(--secondary)}.composer{position:fixed;z-index:15;inset-inline:0;bottom:calc(49px + env(safe-area-inset-bottom));padding:8px 12px;background:var(--material);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -.5px 0 var(--separator)}.composer.over-keyboard{z-index:25;bottom:0}.composer-route{display:flex;align-items:center;gap:6px;overflow:hidden;color:var(--secondary);font-size:13px}.composer-route>span{padding-inline-start:4px}.route-chip{height:28px;margin:2px 0 10px;padding:0 11px;border:0;border-radius:14px;background:var(--fill);font-size:13px;font-weight:500;transition:background-color .2s ease,color .2s ease}.route-chip.on{background:color-mix(in srgb,var(--c) 18%,var(--card));color:var(--c-ink);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}.composer-field{display:flex;align-items:flex-end;gap:8px;padding:5px;padding-inline-start:14px;border-radius:21px;background:var(--field);box-shadow:inset 0 0 0 .5px var(--separator)}.composer-field textarea{flex:1;min-width:0;height:32px;max-height:132px;padding:5px 0;border:0;outline:none;resize:none;background:none;font-size:17px;line-height:1.3}.composer-field textarea::placeholder{color:var(--tertiary)}.send{width:32px;height:32px;flex:none;padding:0;border:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transition:transform .1s ease-out,background-color .2s ease}.send:active{transform:scale(.88)}.send:disabled{background:var(--fill-strong);color:var(--card)}.tab-bar{position:fixed;z-index:20;inset-inline:0;bottom:0;height:calc(49px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--material);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -.5px 0 var(--separator)}.tab-bar button{padding:4px 0 0;border:0;background:none;color:var(--secondary);display:grid;justify-items:center;align-content:start;gap:2px}.tab-bar span{font-size:10.5px;font-weight:500}.tab-bar button.on{color:var(--accent)}.tab-bar button:active svg{transform:scale(.88)}.tab-bar svg{transition:transform .1s ease-out}.toast{position:fixed;z-index:60;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom) + 132px);padding:12px 16px;border-radius:14px;background:#2c2c2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;box-shadow:0 10px 30px #0003}.toast button{padding:4px 2px;border:0;background:none;color:#64d2ff;font-size:15px;font-weight:600}.scrim{position:fixed;z-index:50;inset:0;background:var(--scrim)}.sheet{position:fixed;z-index:51;inset-inline:0;bottom:0;top:calc(env(safe-area-inset-top) + 48px);border-radius:14px 14px 0 0;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 -8px 30px #00000024}.sheet-head{position:relative;padding:20px 16px 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;touch-action:none}.grabber{position:absolute;top:6px;left:50%;width:36px;height:5px;border-radius:3px;background:var(--fill-strong);transform:translate(-50%)}.sheet-leading{color:var(--secondary);font-size:13px}.sheet-head strong{font-size:17px;font-weight:600}.sheet-head button{justify-self:end;padding:4px 0;border:0;background:none;color:var(--accent);font-size:17px;font-weight:600}.sheet-body{flex:1;overflow-y:auto;padding:6px 16px calc(28px + env(safe-area-inset-bottom));display:grid;align-content:start;gap:12px}.sheet-body .segmented{margin:0}@media(prefers-reduced-transparency:reduce){.nav-bar:before,.composer,.tab-bar,.push-bar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--separator: rgba(60, 60, 67, .5);--secondary: rgba(60, 60, 67, .85)}}.signin{height:100dvh;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 56px) 20px calc(env(safe-area-inset-bottom) + 24px);display:grid;align-content:start;justify-items:center;gap:12px;text-align:center}.signin img{border-radius:20px;box-shadow:0 8px 24px #00000026}.signin h1{margin-top:6px;font-size:28px;font-weight:700}.signin>p{max-width:320px;color:var(--secondary);font-size:15px;line-height:1.6}.signin form{width:100%;margin-top:12px;display:grid;gap:14px}.form-row input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:16px;text-align:left;color:var(--label)}.signin-message{max-width:320px;color:var(--accent);font-size:14px;line-height:1.6}.link.quiet{color:var(--secondary);font-size:14px}.link:disabled{opacity:.4}.sync-state{color:var(--secondary);font-size:13px}.sync-state.s-synced{color:var(--green)}.sync-state.s-offline{color:var(--orange)}.scene-thumb{width:52px;height:52px;flex:none;border-radius:10px;object-fit:cover;background:var(--fill);display:grid;place-items:center;color:var(--tertiary)}