.sy-frame{position:relative;container-type:inline-size;aspect-ratio:3 / 4}.sy-app{--px: .5px;position:absolute;inset:0;display:flex;overflow:hidden;background:#fff;color:#2a2a2a;font-family:var(--font-sans);font-size:calc(16 * var(--px));line-height:1.25;text-align:left}@media(min-width:640px){.sy-frame{aspect-ratio:2000 / 1120}.sy-app{--px: calc(100cqw / 1696)}}@media(min-width:1024px){.sy-app{--px: .05cqw }}.sy-rail{display:none;flex:0 0 calc(68 * var(--px));flex-direction:column;align-items:center;padding:calc(24 * var(--px)) 0 calc(38 * var(--px));background:#13111b}.sy-avatar{width:calc(36 * var(--px));height:calc(36 * var(--px));border-radius:50%;background:#e0e0e0;color:#1b1b1b;display:flex;align-items:center;justify-content:center;font-size:calc(14 * var(--px));font-weight:600;letter-spacing:-.01em}.sy-presence{margin-top:calc(22 * var(--px));width:calc(12 * var(--px));height:calc(12 * var(--px));border-radius:50%;border:calc(1.6 * var(--px)) solid #6b6a72}.sy-rail-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(28 * var(--px));padding-bottom:calc(59 * var(--px))}.sy-rail-ico{position:relative;display:block;width:calc(22 * var(--px));height:calc(22 * var(--px))}.sy-rail-ico svg{display:block;width:100%;height:100%}.sy-rail-active{width:calc(24 * var(--px));height:calc(24 * var(--px))}.sy-rail-ico.is-sm{width:calc(20 * var(--px));height:calc(20 * var(--px))}.sy-rail-ico.is-lg{width:calc(24 * var(--px));height:calc(24 * var(--px))}.sy-rail-ico.is-far{margin-top:calc(6 * var(--px))}.sy-rail-active:before{content:"";position:absolute;left:calc(-22 * var(--px));top:50%;width:calc(4 * var(--px));height:calc(30 * var(--px));transform:translateY(-50%);border-radius:0 calc(2 * var(--px)) calc(2 * var(--px)) 0;background:#fff}.sy-rail-div{display:block;width:calc(26 * var(--px));height:max(1px,calc(1.5 * var(--px)));background:#4a4950}.sy-side{display:none;flex:0 0 calc(304 * var(--px));flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid #efefef}.sy-side>*,.sy-rail>*,.sy-cell>*{flex-shrink:0}.sy-side-top{display:flex;align-items:center;height:calc(36 * var(--px));margin-top:calc(24 * var(--px));padding-left:calc(30 * var(--px))}.sy-side-ico{width:calc(26 * var(--px));height:calc(26 * var(--px));flex-shrink:0}.sy-side-ico-2{width:calc(24 * var(--px));height:calc(24 * var(--px));margin-left:calc(16 * var(--px))}.sy-chip{display:flex;align-items:center;gap:calc(4 * var(--px));height:100%;margin-left:calc(13 * var(--px));padding:0 calc(6 * var(--px)) 0 calc(7 * var(--px));border-radius:calc(10 * var(--px));background:#f4f4f4;color:#202020;font-size:calc(17 * var(--px));font-weight:500}.sy-chip svg{width:calc(25 * var(--px));height:calc(25 * var(--px))}.sy-tabs{display:flex;gap:calc(8 * var(--px));margin:calc(57 * var(--px)) 0 0 calc(24 * var(--px))}.sy-tabs span{display:flex;align-items:center;width:calc(124 * var(--px));height:calc(38 * var(--px));padding-left:calc(15 * var(--px));border:1px solid #ebebeb;border-radius:calc(10 * var(--px));color:#787878;font-size:calc(16 * var(--px))}.sy-group{display:flex;align-items:center;justify-content:space-between;height:calc(35 * var(--px));margin:calc(21 * var(--px)) calc(16 * var(--px)) 0;padding:0 calc(16 * var(--px)) 0 calc(8 * var(--px));border-radius:calc(8 * var(--px));background:#f5f5f5;color:#4f4f4f;font-size:calc(15 * var(--px));font-weight:600}.sy-side>.sy-names{flex:1 1 0;min-height:0;margin-top:calc(5 * var(--px));overflow:hidden}.sy-names-list{position:relative;display:flex;flex-direction:column;padding:0 calc(16 * var(--px)) 0 calc(54 * var(--px))}.sy-names-list:before{content:"";position:absolute;left:calc(31 * var(--px));top:calc(20.5 * var(--px));bottom:calc(20.5 * var(--px));width:calc(2 * var(--px));background:#b9b9b9}.sy-names span{cursor:pointer;display:block;height:calc(41 * var(--px));line-height:calc(41 * var(--px));font-size:calc(16.5 * var(--px));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sy-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.sy-bar{display:flex;align-items:center;flex-shrink:0;height:calc(85 * var(--px));padding:0 calc(18 * var(--px)) 0 calc(25 * var(--px))}.sy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:calc(41 * var(--px));border-radius:calc(10 * var(--px));background:#f6f6f6;color:#333;font-size:calc(16.5 * var(--px));font-weight:500;white-space:nowrap}.sy-btn svg{width:calc(18 * var(--px));height:calc(18 * var(--px))}.sy-today{width:calc(131 * var(--px))}.sy-arrow{width:calc(40 * var(--px));margin-left:calc(7 * var(--px))}.sy-title{margin:0 0 0 calc(26 * var(--px));color:#2a2a28;font-size:calc(34 * var(--px));font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sy-title span{margin-left:calc(9 * var(--px));font-size:calc(27 * var(--px));font-weight:400;letter-spacing:-.01em}.sy-pill{display:none;align-items:center;height:calc(28 * var(--px));margin:calc(9 * var(--px)) 0 0 calc(20 * var(--px));padding:0 calc(7 * var(--px));border-radius:calc(4 * var(--px));background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);font-size:calc(15.5 * var(--px));white-space:nowrap}.sy-bar-end{display:flex;align-items:center;margin-left:auto}.sy-sq{width:calc(41 * var(--px))}.sy-flask,.sy-kebab{display:none}.sy-view{width:calc(139 * var(--px));justify-content:space-between;margin-left:calc(10 * var(--px));padding:0 calc(20 * var(--px)) 0 calc(24 * var(--px))}.sy-view svg{width:calc(20 * var(--px));height:calc(20 * var(--px))}.sy-kebab{width:calc(50 * var(--px));margin-left:calc(12 * var(--px))}.sy-kebab svg,.sy-flask svg{width:calc(22 * var(--px));height:calc(22 * var(--px))}@media(min-width:640px){.sy-rail,.sy-pill,.sy-flask,.sy-kebab{display:flex}}@media(min-width:1024px){.sy-side{display:flex}}.sy-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex-shrink:0;height:calc(55 * var(--px));border-bottom:1px solid #f1f1f1}.sy-days span{padding:calc(20 * var(--px)) 0 0 calc(20 * var(--px));color:#6b6b6b;font-size:calc(13.5 * var(--px));font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.sy-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(min-content,1fr);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}.sy-grid::-webkit-scrollbar{width:6px}.sy-grid::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:3px}.sy-cell{display:flex;flex-direction:column;gap:calc(3 * var(--px));min-width:0;padding:0 calc(3 * var(--px)) calc(7 * var(--px)) calc(5 * var(--px));border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.sy-cell:nth-child(7n+1){border-left:none}.sy-num{display:flex;align-items:center;flex-shrink:0;height:calc(36 * var(--px));margin-top:calc(1 * var(--px));padding-left:calc(14 * var(--px));color:#707070;font-size:calc(16.5 * var(--px))}.sy-num.is-muted{color:#bdbdbd}.sy-pair{display:flex;gap:calc(5 * var(--px));min-width:0}.sy-pair .sy-ev{flex:1 1 0}.sy-ev{min-width:0;height:calc(38 * var(--px));padding:calc(4 * var(--px)) 0 0 calc(5 * var(--px));border-radius:calc(5 * var(--px));overflow:hidden;color:var(--c, transparent);background:color-mix(in srgb,var(--c, #fff) 10%,#fff);font-size:calc(15 * var(--px));line-height:calc(16 * var(--px));opacity:0;transform:translateY(calc(3 * var(--px)));transition:opacity .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1),background-color .15s ease,box-shadow .15s ease}.sy-ev.is-on{opacity:1;transform:none;cursor:pointer}.sy-ev.is-on:hover,.sy-ev.is-on.is-hl{background-color:color-mix(in srgb,var(--c) 3%,#fff);box-shadow:inset 0 0 0 max(1px,calc(2 * var(--px))) var(--c)}.sy-ev span{display:block;white-space:nowrap;overflow:hidden}.sy-ev b{font-weight:700}.sy-ev.is-office-added{animation:syOffice .7s cubic-bezier(.2,.8,.2,1)}@keyframes syOffice{30%{box-shadow:0 0 0 calc(2 * var(--px)) #c49a6c99}to{box-shadow:0 0 0 0 transparent}}.sy-replay{cursor:pointer;font-family:inherit;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,color .2s ease,border-color .2s ease}.sy-replay.is-visible{opacity:1;visibility:visible}.sy-replay:hover{color:#2c2b2a;border-color:#d9d4cc}.hero-cta-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:15;transition:opacity .35s ease,visibility .35s ease;background:#ffffff8c}.hero-cta-layer.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media(min-width:640px){.hero-big-cta{margin-right:calc(68 * var(--px))}}@media(min-width:1024px){.hero-big-cta{margin-right:calc(372 * var(--px))}}.hero-big-cta{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:12px;background:#2c2b2a;color:#fff;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;border:none;cursor:default;box-shadow:0 18px 40px -10px #2c2b2a73,0 4px 12px #0000001a;text-align:left;line-height:1.5;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s ease,box-shadow .25s ease,width .4s cubic-bezier(.2,.8,.2,1),padding .4s cubic-bezier(.2,.8,.2,1)}.hero-big-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px #c49a6c80;opacity:0;pointer-events:none}.hero-big-cta.is-inviting:after{animation:ctaInvite 2.6s ease-in-out infinite}@keyframes ctaInvite{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.06)}}.cta-content{display:none;opacity:0;transition:opacity .22s ease}.hero-big-cta.is-initial .cta-content[data-state=initial],.hero-big-cta.is-phase2 .cta-content[data-state=phase2],.hero-big-cta.is-thinking .cta-content[data-state=thinking]{display:block;opacity:1}.cta-heading{margin:0;font-size:18px;line-height:1.22;color:#fff;font-weight:600;letter-spacing:-.01em;font-family:var(--font-sans)}.cta-body{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:#ffffffd9;font-weight:400}.cta-divider{display:none;height:1px;background:#ffffff2e}.hero-big-cta.is-initial .cta-divider,.hero-big-cta.is-phase2 .cta-divider{display:block}.hero-big-cta.is-initial,.hero-big-cta.is-phase2,.hero-big-cta.is-thinking{flex-direction:column;align-items:stretch;width:min(500px,100%);padding:20px 24px 18px;gap:14px}.hero-big-cta.is-thinking{width:min(380px,100%);padding:18px 22px 16px;gap:12px}@media(max-width:640px){.hero-big-cta.is-initial,.hero-big-cta.is-phase2,.hero-big-cta.is-thinking{width:calc(100% - 26px);padding:16px 18px 14px;gap:10px}.cta-heading{font-size:17px}.cta-body{font-size:12.5px}.cta-action{flex-wrap:wrap;gap:8px}}.cta-action{display:flex;width:100%;align-items:center;gap:14px;justify-content:flex-end}.cta-think-header{display:flex;align-items:center;gap:8px}.cta-think-dot{width:8px;height:8px;border-radius:50%;background:#c49a6c;animation:thinkPulse 1.2s ease-in-out infinite;flex-shrink:0;transition:background .3s}.cta-think-dot.is-done{background:#4f7a5a;animation:none}.cta-think-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#c49a6c;font-weight:600}.cta-think-list{list-style:none;padding:0;margin:6px 0 0}.cta-think-item{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;font-size:12px;line-height:1.5;color:#d4cec5;padding:4px 0 4px 22px;position:relative}.cta-think-item.is-visible{opacity:1;transform:translateY(0)}.cta-think-item .ti-dot{position:absolute;left:2px;top:8px;width:10px;height:10px;border-radius:50%;background:#4a4947;border:1px solid #c49a6c;transition:background .3s,border-color .3s}.cta-think-item.is-current .ti-dot{background:#c49a6c;animation:thinkPulse 1.2s ease-in-out infinite}.cta-think-item.is-done{color:#a8a39d}.cta-think-item.is-done .ti-dot{background:#4f7a5a;border-color:#4f7a5a;animation:none}.cta-think-item.is-done .ti-dot:after{content:"";position:absolute;left:2.5px;top:1px;width:3px;height:5px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.cta-think-progress{display:none;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden}.hero-big-cta.is-thinking .cta-think-progress{display:block}.cta-think-progress-fill{height:100%;background:linear-gradient(90deg,#c49a6c,#d4ad82);width:0%;transition:width .38s cubic-bezier(.4,0,.2,1)}@keyframes thinkPulse{0%,to{box-shadow:0 0 #c49a6c99}50%{box-shadow:0 0 0 5px #c49a6c00}}.cta-skip{display:none;cursor:pointer;font-family:inherit;background:transparent;color:#c49a6c;border:1px solid rgba(196,154,108,.55);padding:6px 14px;border-radius:6px;font-size:10.5px;font-weight:600;letter-spacing:.04em;align-items:center;gap:5px;transition:background .18s,border-color .18s,color .18s}.cta-skip:hover{background:#c49a6c;color:#fff}.cta-skip-icon{width:10px;height:10px}.hero-big-cta.is-thinking .cta-skip{display:inline-flex}.hero-big-cta.is-thinking .cta-launch{display:none}.cta-skip.is-ready{background:#c49a6c2e;animation:heroSkipReady 2s ease-in-out infinite}.cta-skip.is-ready:hover{animation:none}@keyframes heroSkipReady{0%,to{box-shadow:0 0 #c49a6c73}50%{box-shadow:0 0 0 8px #c49a6c00}}.cta-launch{cursor:pointer;font-family:inherit;position:relative}.cta-launch:active{transform:scale(.97)}.cta-launch-icon{width:12px;height:12px;flex-shrink:0}.hero-big-cta.is-initial .cta-launch,.hero-big-cta.is-phase2 .cta-launch{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:6px;background:#c49a6c;border:1px solid #c49a6c;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .1s}.hero-big-cta.is-initial .cta-launch:hover,.hero-big-cta.is-phase2 .cta-launch:hover{background:#b0865a;color:#fff;border-color:#b0865a}@media(max-width:640px){.hero-big-cta.is-initial .cta-launch,.hero-big-cta.is-phase2 .cta-launch{white-space:normal;text-align:center;justify-content:center;line-height:1.5;letter-spacing:.08em;width:100%;max-width:100%;padding:9px 12px}}.cta-tap-hint{position:absolute;right:10px;bottom:-28px;width:30px;height:30px;pointer-events:none;display:none;z-index:2}.cta-tap-hint svg{width:100%;height:100%;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));display:block}.cta-tap-hint:after{content:"";position:absolute;left:7px;top:-8px;width:16px;height:16px;border-radius:50%;border:2px solid #c49a6c;opacity:0;pointer-events:none;transform:scale(.4)}.hero-big-cta.is-initial .cta-tap-hint,.hero-big-cta.is-phase2 .cta-tap-hint{display:block}.hero-big-cta.is-initial .cta-tap-hint svg,.hero-big-cta.is-phase2 .cta-tap-hint svg{animation:ctaTapHand 1.6s ease-in-out infinite}.hero-big-cta.is-initial .cta-tap-hint:after,.hero-big-cta.is-phase2 .cta-tap-hint:after{animation:ctaTapRipple 1.6s ease-out infinite}@keyframes ctaTapHand{0%,to{transform:translateY(6px)}45%,60%{transform:translateY(-4px) scale(.95)}}@keyframes ctaTapRipple{0%,45%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(2)}}@media(prefers-reduced-motion:reduce){.hero-big-cta.is-inviting:after,.cta-tap-hint svg,.cta-tap-hint:after,.cta-skip.is-ready,.cta-think-dot,.cta-think-item.is-current .ti-dot{animation:none}}
