.demo{--d-green:#34c759;--d-orange:#ff9500;--d-red:#ff3b30;--d-hair:#3c3c432e;--d-fill:#76768014;--d-secondary:#0000000d;--d-material:#f5f5f7d9;--d-material-solid:#f5f5f7;--d-group:#f5f5f7;--d-raised:#fff;--d-glow:#0071e30f;--d-shadow-1:0 0 0 .5px #00000014, 0 1px 1px #00000008, 0 8px 24px -6px #0000001a;--d-shadow-2:0 0 0 .5px #00000014, 0 2px 4px #0000000a, 0 24px 56px -16px #0003;--d-tofu:#0071e3;--d-mofu:#30b0c7;--d-bofu:#ff9500;-webkit-font-smoothing:antialiased;min-height:100svh;color:var(--ink);background:var(--bg);text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}[data-theme=dark] .demo{--d-green:#30d158;--d-orange:#ff9f0a;--d-red:#ff453a;--tile:#1c1c1e;--acc:#0a84ff;--d-hair:#54545899;--d-secondary:#ffffff1a;--d-material:#161617d9;--d-material-solid:#161617;--d-group:#1c1c1e;--d-raised:#2c2c2e;--d-glow:#0a84ff1a;--d-shadow-1:0 0 0 .5px #ffffff1a, 0 1px 1px #0000004d, 0 8px 24px -6px #0009;--d-shadow-2:0 0 0 .5px #ffffff1a, 0 2px 4px #0006, 0 24px 56px -16px #000c;--d-tofu:#0a84ff;--d-mofu:#40c8e0;--d-bofu:#ff9f0a}.demo h1,.demo h2,.demo h3{text-wrap:balance}.demo p,.demo li{text-wrap:pretty}.d-surface{background:var(--tile);box-shadow:var(--d-shadow-1);border-radius:22px}.d-surface[data-level="2"]{background:var(--d-raised);box-shadow:var(--d-shadow-2);border-radius:28px}.d-pressable{cursor:pointer;transition:filter .1s}.d-pressable:disabled{cursor:default}.d-pressable:focus-visible{outline:2px solid var(--acc);outline-offset:3px}@media (hover:hover){.d-pressable:not(:disabled):hover{filter:brightness(1.04)}}.d-focus-host{position:relative}.d-focus-ring{z-index:1;pointer-events:none;background:color-mix(in srgb, var(--acc) 8%, transparent);border-radius:inherit;box-shadow:inset 0 0 0 2px var(--acc);position:absolute;inset:0}.d-focus-button{border-radius:9999px;display:inline-flex;position:relative}.d-focus-button[data-active=true]:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:0 0 0 0 color-mix(in srgb, var(--acc) 45%, transparent);animation:2.4s cubic-bezier(.22,1,.36,1) infinite d-halo;position:absolute;inset:0}.d-focus-button[data-paused=true]:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--acc) 22%, transparent);animation:none}@keyframes d-halo{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--acc) 45%, transparent)}70%,to{box-shadow:0 0 0 10px color-mix(in srgb, var(--acc) 0%, transparent)}}.d-display{letter-spacing:-.035em;font-size:64px;font-weight:700;line-height:1.02}.d-title{letter-spacing:-.025em;font-size:34px;font-weight:700;line-height:1.1}.d-heading{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.25}.d-small{letter-spacing:0;font-size:13px;line-height:1.4}.d-micro{color:var(--grey);letter-spacing:0;font-size:13px;font-weight:600}.d-button{border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 18px;font-size:15px;font-weight:600;display:inline-flex}.d-button-secondary{color:var(--ink);background:var(--d-secondary)}.d-button-text{color:var(--acc)}.d-material{background:var(--d-material);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}.d-sidebar{border-right:.5px solid var(--d-hair)}.d-step-row{width:100%;height:36px;color:var(--grey);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex;position:relative}.d-step-row[aria-current=step]{color:var(--ink);background:color-mix(in srgb, var(--acc) 10%, transparent);font-weight:600}.d-step-circle{z-index:2;background:var(--d-material-solid);border:1px solid var(--d-hair);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.d-step-circle[data-state=done]{color:#fff;background:var(--acc);border-color:var(--acc)}.d-step-circle[data-state=current]{border:2px solid var(--acc)}.d-step-circle[data-state=current]:after{content:"";background:var(--acc);border-radius:50%;width:6px;height:6px}.d-step-line{background:var(--d-hair);width:1.5px;height:14px;position:absolute;top:29px;left:22px}.d-step-line>span{background:var(--acc);transform-origin:top;position:absolute;inset:0}.d-company-link{min-height:36px;color:var(--grey);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.d-company-link[aria-current=page]{color:var(--ink);background:var(--d-secondary)}.d-monogram{color:#fff;background:linear-gradient(#b7b8bd,#85868c);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid}.d-menu{box-shadow:var(--d-shadow-2);transform-origin:100% 100%;border-radius:14px}.d-mobile-header{border-bottom:.5px solid var(--d-hair)}.d-mobile-progress{border-top:.5px solid var(--d-hair)}.d-mobile-progress .d-button{min-height:32px;padding:5px 14px;font-size:13px}.d-welcome{background:radial-gradient(ellipse 900px 700px at 100% 0, var(--d-glow), transparent)}.d-segment{background:#7676801f;border-radius:10px;min-height:32px;padding:2px;display:flex;position:relative}.d-segment button{white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.d-segment .d-industry-option{flex:none}.d-segment button:after{content:"";position:absolute;inset:-6px 0}.d-segment button>:not(.d-segment-thumb){z-index:1;position:relative}.d-segment-thumb{background:var(--d-raised);border-radius:inherit;position:absolute;inset:0;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.d-composer{background:var(--d-fill);border-radius:14px;align-items:center;height:48px;display:flex;position:relative}.d-composer input{letter-spacing:-.01em;border-radius:inherit;width:100%;min-width:0;height:100%;padding:0 48px 0 14px;font-size:17px}.d-composer button{color:#fff;background:var(--acc);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;right:9px}.d-composer button:before{content:"";position:absolute;inset:-5px}.d-composer button:disabled{color:var(--mute);background:var(--d-secondary)}.d-suggestion{text-align:left;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;font-size:15px;line-height:1.3;display:flex}.d-suggestion:hover{background:var(--d-fill)}.d-suggestion svg{flex:none}.d-topic-list{background:var(--d-group);border-radius:14px;overflow:hidden}.d-topic-row{align-items:center;gap:10px;min-height:44px;padding:9px 12px;font-size:15px;display:flex;position:relative}.d-topic-row+.d-topic-row:before{content:"";border-top:.5px solid var(--d-hair);position:absolute;top:0;left:16px;right:0}.d-topic-row>.d-small{color:var(--grey);flex:none;font-size:12px}.d-calendar-grid,.d-calendar-head{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.d-calendar-head{align-items:center;min-height:30px}.d-calendar-head>span{color:var(--grey);padding-left:10px;font-size:12px;font-weight:500}.d-calendar{border-bottom:.5px solid var(--d-hair);overflow:visible}.d-calendar-cell{border-top:.5px solid var(--d-hair);border-right:.5px solid var(--d-hair);min-width:0}.d-calendar-cell:nth-child(7n){border-right:0}.d-calendar-cell:nth-child(7n),.d-calendar-cell:nth-child(7n-1){background:#7676800a}.d-calendar-button{text-align:left;flex-direction:column;gap:7px;width:100%;min-height:112px;padding:8px 6px;display:flex}.d-calendar-number{justify-content:flex-end;align-items:center;width:100%;height:24px;padding-right:4px;font-size:13px;font-weight:500;display:flex}.d-calendar-number>span{text-align:center;min-width:24px}.d-today{color:#fff;background:var(--acc);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:600;display:grid}.d-insert{width:100%;color:var(--acc);flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.d-insert-icon{background:color-mix(in srgb, var(--acc) 12%, transparent);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.d-piece-label{min-width:0;color:color-mix(in srgb, var(--piece-color) 66%, #000);background:color-mix(in srgb, var(--piece-color) 14%, transparent);border-radius:6px;align-items:flex-start;gap:5px;padding:3px 6px;font-size:12px;font-weight:500;line-height:1.3;display:flex;position:relative}[data-theme=dark] .d-piece-label{color:color-mix(in srgb, var(--piece-color) 65%, white);background:color-mix(in srgb, var(--piece-color) 22%, transparent);position:relative}.d-calendar-past .d-piece-label{opacity:.55;position:relative}.d-piece-label-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.d-piece-mark{background:var(--piece-color);border-radius:2px;flex:none;width:3px;min-height:13px}.d-agenda{border-radius:14px;overflow:hidden}.d-agenda-row{border-bottom:.5px solid var(--d-hair)}.d-agenda-button{text-align:left;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;display:flex}.d-funnel-ring>div{margin:-8px}.d-funnel-ring svg>g>g:first-child{--border:color-mix(in srgb, var(--d-bofu) 18%, transparent)}.d-funnel-ring svg>g>g:nth-child(2){--border:color-mix(in srgb, var(--d-mofu) 18%, transparent)}.d-funnel-ring svg>g>g:nth-child(3){--border:color-mix(in srgb, var(--d-tofu) 18%, transparent)}.d-production-row{align-items:center;gap:12px;min-height:64px;display:flex}.d-production-row+.d-production-row{border-top:.5px solid var(--d-hair)}.d-production-row[data-done=true]{color:var(--grey)}.d-film-thumb{aspect-ratio:9/16;color:#fff;background:linear-gradient(180deg, transparent 30%, #000c), radial-gradient(ellipse at 15% 15%, color-mix(in srgb, var(--poster-color) 55%, white), transparent 65%), radial-gradient(ellipse at 90% 40%, var(--poster-color), transparent 70%), radial-gradient(ellipse at 15% 80%, color-mix(in srgb, var(--poster-color) 55%, #111), transparent 65%), #101820;border-radius:14px;flex-direction:column;flex:none;justify-content:flex-end;width:120px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff1a}.d-film-thumb:before{pointer-events:none;content:"";opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.d-film-thumb>*{position:relative}.d-film-play{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#ffffff40;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (corner-shape:squircle){.d-surface,.d-composer,.d-segment,.d-menu,.d-film-thumb{corner-shape:squircle}.d-surface,.d-surface[data-level="2"]{border-radius:28px}}@media (max-width:767px){.d-display{font-size:44px}.d-title{font-size:34px}.d-button{min-height:44px}.d-segment button{padding-inline:7px}.d-menu{transform-origin:100% 0}}@media (prefers-reduced-transparency:reduce){.d-material{background:var(--d-material-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.d-film-play{-webkit-backdrop-filter:none;backdrop-filter:none;background:#555}}.d-field{width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--d-fill);border:0;border-radius:14px;padding:10px 14px;font-size:15px;display:block}.d-field::placeholder{color:var(--mute)}.d-field:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.d-status{color:var(--status-color);white-space:nowrap;background:color-mix(in srgb, var(--status-color) 12%, transparent);border-radius:9999px;flex:none;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.d-grouped{background:var(--d-group);border-radius:22px;overflow:hidden}.d-grouped>li{position:relative}.d-grouped>li+li:before{content:"";border-top:.5px solid var(--d-hair);position:absolute;top:0;left:16px;right:0}.d-list-link{align-items:center;gap:12px;padding:14px 16px;display:flex}.d-list-link:hover{background:var(--d-fill)}.d-axis{padding-block:8px;display:flex}.d-axis>li{flex:1;min-width:0;position:relative}.d-axis-item{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 8px;display:flex;position:relative}.d-axis-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.d-axis-line{background:var(--d-hair);width:100%;height:1.5px;position:absolute;top:10px;left:50%}.d-axis-line>span{background:var(--acc);transform:scaleX(var(--axis-progress,0));transform-origin:0;position:absolute;inset:0}.d-summary{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.d-summary>a{min-width:0;padding:22px}.d-summary>a+a{border-left:.5px solid var(--d-hair)}.d-summary-value{font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin-block:8px 12px;font-size:34px;font-weight:600;line-height:1.1}.d-topic-line{align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.d-row-action{opacity:1}.d-month-cell{min-height:112px;padding:8px 6px;position:relative}.d-day-add{width:28px;height:28px;color:var(--acc);background:var(--d-fill);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;left:6px}.d-thumb-small{border-radius:8px;width:40px;height:56px;padding:4px}.d-thumb-list{border-radius:8px;width:44px;height:62px;padding:4px}.d-switch{background:var(--d-secondary);border-radius:9999px;flex:none;align-items:center;width:47px;height:28px;padding:2px;display:inline-flex}.d-switch[aria-checked=true]{background:var(--d-green)}.d-switch>span{background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 4px #0000002e}@media (hover:hover){.d-row-action{opacity:0}.d-topic-line:hover .d-row-action,.d-topic-line:focus-within .d-row-action{opacity:1}.d-day-add{opacity:0}.d-month-cell:hover .d-day-add,.d-month-cell:focus-within .d-day-add{opacity:1}}@media (max-width:767px){.d-axis{flex-direction:column;gap:12px}.d-axis-item{text-align:left;flex-direction:row;min-height:32px;padding:0}.d-axis-line{width:1.5px;height:34px;top:22px;left:10px}.d-axis-label{font-size:13px}.d-summary{grid-template-columns:1fr}.d-summary>a+a{border-top:.5px solid var(--d-hair);border-left:0}.d-topic-line{flex-wrap:wrap}.d-topic-line>button:first-child{flex-basis:calc(100% - 120px)}.d-filter-segment button{flex-direction:column;gap:0;padding-inline:5px}.d-review-row{flex-wrap:wrap}.d-review-row .d-status{margin-left:56px}}.d-button:disabled{opacity:.45}.d-select{appearance:none;padding-right:36px}@media (max-width:767px){.d-row-action,.d-day-add{opacity:1}.d-axis-line>span{transform:scaleY(var(--axis-progress,0));transform-origin:top}.d-review-row{grid-template-columns:44px minmax(0,1fr) 16px;gap:8px 12px;display:grid}.d-review-row>.d-film-thumb{grid-area:1/1/span 2}.d-review-row>div,.d-review-row>span:not(.d-status):not(.d-film-thumb){grid-column:2}.d-review-row>.d-status{grid-column:2;justify-self:start;margin-left:0}.d-review-row>svg{grid-area:1/3/span 2}}.d-publication-layout{grid-template-columns:300px minmax(0,420px);justify-content:start;align-items:start;gap:clamp(32px,5vw,84px);margin-top:28px;display:grid}.d-phone{background:var(--bg);width:300px;height:620px;box-shadow:0 0 0 1px #636366, inset 0 0 0 .5px #8e8e93, var(--d-shadow-2);isolation:isolate;border:10px solid #1c1c1e;border-radius:48px;position:relative;overflow:hidden}.d-phone-top{justify-content:space-between;align-items:center;height:38px;padding:0 20px;font-size:10px;font-weight:600;display:flex;position:relative}.d-island{background:#080808;border-radius:99px;width:84px;height:23px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.d-phone-signal{align-items:flex-end;gap:2px;display:flex}.d-phone-signal i{background:var(--ink);border-radius:1px;width:3px;height:5px}.d-phone-signal i:nth-child(2){height:7px}.d-phone-signal i:nth-child(3){height:9px}.d-phone-screen{height:540px;position:relative;overflow:hidden}.d-phone-view{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.d-phone-header{border-bottom:.5px solid var(--d-hair);flex:none;align-items:center;gap:8px;min-height:48px;padding:5px 12px;font-size:12px;display:flex}.d-chat-monogram{color:#fff;background:linear-gradient(145deg,#b4b6bd,#777a85);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:600;display:grid}.d-chat-monogram-small{width:24px;height:24px;font-size:9px}.d-post-scroll{scrollbar-width:none;flex:1;padding-bottom:14px;position:relative;overflow-y:auto}.d-post-poster{aspect-ratio:4/5;border-radius:0;width:100%;padding:20px}.d-post-poster p{letter-spacing:-.01em;text-wrap:balance;font-size:18px;font-weight:600;line-height:1.2}.d-home-indicator{background:var(--ink);border-radius:99px;width:96px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.d-thread-messages{scrollbar-width:none;flex:1;min-height:0;padding:14px 12px;overflow-y:auto}.d-message{background:var(--d-fill);border-radius:18px 18px 18px 5px;width:fit-content;max-width:91%;margin-bottom:9px;padding:9px 12px;font-size:11px;line-height:1.45}.d-message-client{color:#fff;background:var(--acc);border-radius:18px 18px 5px;margin-left:auto}.d-thread-compose{color:var(--grey);background:var(--d-fill);border-radius:99px;flex:none;justify-content:space-between;align-items:center;margin:0 12px 8px;padding:9px 12px;font-size:11px;display:flex}.d-typing{background:var(--d-fill);border-radius:18px;align-items:center;gap:4px;width:fit-content;padding:13px;display:flex}.d-typing span{background:var(--grey);border-radius:50%;width:5px;height:5px}.d-publication-dm{border-bottom:.5px solid var(--d-hair)}.d-keyword{color:var(--ink);background:var(--d-fill);border-radius:6px;margin-left:3px;padding:2px 6px;font-weight:600;display:inline-block}.d-dm-stats{overflow:hidden}.d-dm-stats>div{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.d-dm-stats>div:first-child{border-top:.5px solid var(--d-hair);margin-top:16px}.d-dm-stats dt{color:var(--grey);font-size:13px}.d-dm-stats dd{letter-spacing:-.01em;font-size:24px;font-weight:600}.d-lead-badge{color:var(--d-green);background:color-mix(in srgb, var(--d-green) 12%, transparent);border-radius:99px;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.d-program-timeline{height:190px;position:relative}.d-program-track{gap:4px;height:3px;display:flex;position:absolute;inset:100px 0 auto}.d-program-track>div{background:var(--d-hair);border-radius:99px;position:relative}.d-program-track .d-program-stage-current{background:var(--acc)}.d-program-track span{color:var(--grey);font-size:12px;position:absolute;top:30px;left:0}.d-program-today{z-index:1;border-left:1.5px solid var(--acc);height:80px;position:absolute;top:26px}.d-program-today>span{color:var(--acc);white-space:nowrap;padding-bottom:7px;font-size:12px;font-weight:600;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.d-film-thumb.d-program-flight{z-index:2;transform-origin:50%;border-radius:8px;width:54px;margin-left:-27px;padding:6px;position:absolute;top:54px}.d-program-dots{position:absolute;inset:97px 0 auto}.d-program-dots>span{border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%)}.d-program-dots>.d-program-own-dot{outline:3px solid var(--bg);box-shadow:0 0 0 4.5px var(--acc)}.d-program-edge{color:var(--mute);font-size:11px;position:absolute;top:164px;left:0}.d-program-edge-end{left:auto;right:0}.d-finale-summary{max-width:720px}.d-finale .d-display{max-width:16ch}@media (max-width:767px){.d-publication-layout{grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px}.d-material-page .d-title{font-size:30px}.d-program-scroll{padding-inline:24px;scrollbar-width:none;margin-inline:-24px;padding-top:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.d-program-timeline{min-width:1000px}.d-finale-summary li{gap:8px;padding-left:12px;padding-right:12px}.d-finale-summary li>span:last-child{font-size:11px}}@media (prefers-reduced-transparency:reduce){.d-phone .d-film-play{-webkit-backdrop-filter:none;backdrop-filter:none;background:#636366}}.d-program-track .d-program-stage-current span{color:var(--ink);font-weight:600}.d-publish-button:disabled{opacity:1}