@font-face{font-family:Canelita Fredoka;src:url(/chatwidgets/fredoka-one.otf)format("opentype");font-display:swap}:root{--ch-paper:#fefdf9;--ch-cream:#fff0db;--ch-cocoa:#854e25;--ch-peach:#ffcf85;--ch-pink:#fd78ad;--ch-cyan:#00c0ff}.cherry-studio-page{background:var(--ch-cream);min-height:100vh;color:var(--ch-cocoa);font-family:Canelita Fredoka,Outfit,sans-serif}.cherry-studio-header{background:var(--ch-paper);border-bottom:4px solid var(--ch-cocoa);justify-content:space-between;align-items:center;gap:2rem;padding:2rem max(1.25rem,50vw - 576px);display:flex}.cherry-studio-header p,.cherry-studio-header span{margin:0;font-family:Outfit,sans-serif}.cherry-studio-header p{color:var(--ch-pink);text-transform:uppercase;font-weight:800}.cherry-studio-header h1{letter-spacing:0;margin:.2rem 0;font-size:clamp(2.5rem,7vw,5rem);line-height:.9}.cherry-studio-main{max-width:1152px;margin:auto;padding:2rem 1.25rem 5rem}.cherry-studio-session{background:var(--ch-peach);border:3px solid var(--ch-cocoa);box-shadow:7px 7px 0 var(--ch-cocoa);grid-template-columns:1fr minmax(260px,420px);align-items:center;gap:2rem;padding:1.25rem;display:grid}.cherry-studio-session h2,.cherry-studio-session p{margin:0}.cherry-studio-session p{margin-top:.3rem;font-family:Outfit,sans-serif}.cherry-theme-picker{background:var(--ch-paper);border:3px solid var(--ch-cocoa);box-shadow:7px 7px 0 var(--ch-peach);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.cherry-theme-picker>div{align-items:center;gap:.65rem;display:flex}.cherry-theme-picker>div:first-child{gap:.1rem;display:grid}.cherry-theme-picker span{text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800}.cherry-theme-picker strong{font-size:1.25rem}.cherry-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.cherry-tool-card{background:var(--ch-paper);border:3px solid var(--ch-cocoa);box-shadow:7px 7px 0 var(--ch-cocoa);padding:1.4rem;position:relative;overflow:hidden}.cherry-card-number{color:var(--ch-pink);font-size:2.2rem;position:absolute;top:.5rem;right:1rem}.cherry-tool-card h2{letter-spacing:0;margin:0;font-size:1.65rem}.cherry-tool-card>p{min-height:3rem;font-family:Outfit,sans-serif}.cherry-size{background:var(--ch-cyan);border:2px solid var(--ch-cocoa);padding:.25rem .5rem;font-size:.72rem;display:inline-block}.cherry-tool-preview{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/20px 20px;border:2px solid var(--ch-cocoa);height:190px;margin:1rem 0;overflow:hidden}.cherry-tool-preview iframe{border:0;width:100%;height:100%}.cherry-actions,.cherry-tests{flex-wrap:wrap;gap:.5rem;display:flex}.cherry-tests{margin-top:.75rem}.cherry-studio-notice{background:var(--ch-cyan);color:var(--ch-cocoa);border:3px solid var(--ch-cocoa);box-shadow:4px 4px 0 var(--ch-cocoa);padding:.75rem 1rem;position:fixed;bottom:1rem;right:1rem}.cherry-unified-editor-section{border-top:4px solid var(--ch-cocoa);margin-top:3rem;padding-top:2rem}.cherry-unified-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.cherry-unified-heading p,.cherry-unified-heading h2,.cherry-unified-heading span{margin:0}.cherry-unified-heading p{color:var(--ch-pink);text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:800}.cherry-unified-heading h2{font-size:2.6rem;line-height:1}.cherry-unified-heading>div>span{margin-top:.45rem;font-family:Outfit,sans-serif;display:block}.cherry-unified-workspace{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:1.25rem;display:grid}.cherry-unified-preview{aspect-ratio:16/9;touch-action:none;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/24px 24px;border:4px solid var(--ch-cocoa);width:100%;box-shadow:7px 7px 0 var(--ch-cocoa);position:relative;overflow:hidden}.cherry-unified-canvas{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.cherry-unified-controls{background:var(--ch-paper);border:3px solid var(--ch-cocoa);box-shadow:6px 6px 0 var(--ch-peach);gap:1rem;padding:1rem;display:grid}.cherry-unified-tabs,.cherry-unified-actions{gap:.5rem;display:grid}.cherry-unified-control-row{gap:.5rem;font-family:Outfit,sans-serif;display:grid}.cherry-unified-control-row label{justify-content:space-between;display:flex}.cherry-unified-control-row input{width:100%;accent-color:var(--ch-pink)}.cherry-unified-notice{margin:1rem 0 0;font-family:Outfit,sans-serif;font-weight:700}.cherry-scene-tabs{background:var(--ch-peach);border:3px solid var(--ch-cocoa);box-shadow:5px 5px 0 var(--ch-cocoa);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.25rem;padding:.75rem;display:grid}.cherry-scene-tabs button{min-height:46px}.cherry-scene-current{background:var(--ch-cream);border:2px solid var(--ch-cocoa);gap:.15rem;padding:.65rem .75rem;display:grid}.cherry-scene-current span{text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800}.cherry-scene-current strong{font-size:1.1rem}.cherry-unified-overlay{background:0 0;width:1920px;height:1080px;position:relative;overflow:hidden}.cherry-unified-item{transform-origin:0 0;width:max-content;height:max-content;position:absolute}.cherry-unified-item.is-editing{cursor:grab;-webkit-user-select:none;user-select:none}.cherry-unified-item.is-editing:active{cursor:grabbing}.cherry-unified-item.is-editing:after{content:"";border:5px dashed var(--ch-cyan);pointer-events:none;position:absolute;inset:0}.cherry-unified-item .cherry-attendance-stage{position:relative;bottom:auto;left:auto}.cherry-loading-stage,.cherry-clock-stage,.cherry-goal-stage,.cherry-attendance-stage{color:var(--ch-cocoa);letter-spacing:0;font-family:Canelita Fredoka,Outfit,sans-serif}.cherry-loading-stage{width:1920px;height:220px;position:relative;overflow:hidden}.cherry-loading-band{background:var(--ch-paper);border-block:5px solid var(--ch-cocoa);width:1936px;height:118px;box-shadow:0 9px 0 var(--ch-peach);transform-origin:50%;position:absolute;bottom:26px;left:-8px;overflow:hidden;transform:rotate(-1deg)}.cherry-loading-track{width:max-content;animation:20s linear infinite cherry-marquee;display:flex;position:absolute;top:50%;left:0}.cherry-loading-track>div{white-space:nowrap;align-items:center;display:flex}.cherry-loading-track span{align-items:center;gap:.8rem;padding-right:1.6rem;font-size:60px;line-height:1;display:inline-flex}.cherry-loading-track i{color:var(--ch-pink);font-style:normal}@keyframes cherry-marquee{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.cherry-tape{background:var(--ch-pink);border:4px solid var(--ch-cocoa);box-shadow:6px 6px 0 var(--ch-cocoa);padding:.45rem 1.15rem;font-size:32px;display:inline-block;transform:rotate(-2deg)}.cherry-clock-stage{justify-content:flex-start;align-items:center;width:700px;height:300px;padding-left:18px;display:flex;position:relative}.cherry-clock-face{background:var(--ch-paper);border:7px solid var(--ch-cocoa);width:570px;box-shadow:14px 14px 0 var(--ch-peach);padding:46px 34px 42px;position:relative;transform:rotate(1deg)}.cherry-clock-face strong{align-items:center;font-size:142px;line-height:.78;display:inline-flex}.cherry-clock-face strong b{color:var(--ch-cyan);animation:1s step-end infinite cherry-blink}.cherry-clock-face>img{z-index:3;object-fit:contain;width:142px;height:142px;position:absolute;bottom:-31px;right:18px;transform:rotate(7deg)}@keyframes cherry-blink{50%{opacity:.25}}.cherry-goal-stage{place-items:center;width:700px;height:500px;display:grid;position:relative;overflow:visible}.cherry-goal-card{text-align:center;background:var(--ch-paper);border:7px solid var(--ch-cocoa);width:610px;min-height:398px;box-shadow:14px 14px 0 var(--ch-peach);padding:84px 54px 48px;position:relative}.cherry-goal-card>.cherry-tape{position:absolute;top:-32px;left:54px}.cherry-goal-card p{margin:0;font-family:Outfit,sans-serif;font-size:58px;font-weight:800;line-height:1}.cherry-goal-number{justify-content:center;align-items:baseline;gap:.75rem;margin:18px 0 12px;display:flex}.cherry-goal-number strong{font-size:150px;line-height:.9}.cherry-goal-number span{font-size:58px}.cherry-goal-bar{background:var(--ch-cream);border:5px solid var(--ch-cocoa);height:36px;overflow:hidden}.cherry-goal-bar i{background:repeating-linear-gradient(135deg,var(--ch-pink) 0 20px,var(--ch-cyan) 20px 40px);height:100%;transition:width .7s cubic-bezier(.16,1,.3,1);display:block}.cherry-goal-card img{object-fit:contain;width:190px;height:190px;position:absolute;bottom:-52px;right:-68px}.cherry-goal-extra{background:var(--ch-cyan);border:4px solid var(--ch-cocoa);padding:10px 16px;font-size:27px;animation:1.2s ease-in-out infinite cherry-goal-pop;position:absolute;bottom:28px;left:54px}.cherry-confetti{color:var(--ch-pink);pointer-events:none;justify-content:center;align-items:flex-start;font-size:48px;animation:2.2s ease-in-out infinite cherry-confetti;display:flex;position:absolute;inset:0}@keyframes cherry-goal-pop{50%{transform:translateY(-7px)rotate(-1deg)}}@keyframes cherry-confetti{0%,to{opacity:.2;transform:translateY(35px)}50%{opacity:1;transform:translateY(-10px)}}.cherry-attendance-stage{align-items:flex-end;width:668px;height:250px;display:flex;position:fixed;bottom:30px;left:32px}.cherry-attendance-card{background:var(--ch-paper);border:5px solid var(--ch-cocoa);width:640px;height:184px;box-shadow:10px 10px 0 var(--ch-peach);grid-template-columns:170px minmax(0,1fr) 142px;align-items:stretch;animation:.7s cubic-bezier(.16,1,.3,1) both cherry-attendance-in;display:grid;position:relative;overflow:hidden}.cherry-attendance-check{text-align:center;background:var(--ch-peach);border-right:5px solid var(--ch-cocoa);grid-template-rows:32px 1fr;padding:8px;display:grid}.cherry-attendance-check>span,.cherry-attendance-count>span{font-family:Outfit,sans-serif;font-size:18px;font-weight:900;line-height:1}.cherry-attendance-check>div{background:var(--ch-paper);border:5px solid var(--ch-cocoa);border-radius:50%;place-items:center;width:118px;height:118px;margin:auto;display:grid}.cherry-attendance-check img{object-fit:contain;width:102px;height:102px}.cherry-attendance-copy{background:linear-gradient(135deg,var(--ch-paper) 0 70%,var(--ch-cream) 70%);flex-direction:column;justify-content:center;min-width:0;padding:16px 20px;display:flex}.cherry-attendance-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:35px;line-height:1;display:block;overflow:hidden}.cherry-attendance-copy p{color:var(--ch-pink);margin:12px 0 0;font-size:23px;line-height:1}.cherry-attendance-count{background:var(--ch-cream);border-left:5px solid var(--ch-cocoa);flex-direction:column;justify-content:center;align-items:center;display:flex}.cherry-attendance-count>span{font-size:14px}.cherry-attendance-count b{color:var(--ch-pink);-webkit-text-stroke:3px var(--ch-cocoa);paint-order:stroke fill;font-size:86px;line-height:.9}@keyframes cherry-attendance-in{0%{opacity:0;transform:translateY(140%)rotate(-4deg)}70%{transform:translateY(-8px)rotate(1deg)}to{opacity:1;transform:none}}.cherry-halloween{--ch-paper:#16070b;--ch-cream:#070707;--ch-cocoa:#f7e3c6;--ch-peach:#8c0f2a;--ch-pink:#f31d45;--ch-cyan:#b8bdc4}.cherry-halloween .cherry-clock-face,.cherry-halloween .cherry-goal-card,.cherry-halloween .cherry-attendance-card{background:var(--ch-paper);border-color:var(--ch-cocoa);box-shadow:14px 14px 0 var(--ch-peach),0 0 30px color-mix(in oklab,var(--ch-pink) 28%,transparent)}.cherry-halloween .cherry-loading-band{background:var(--ch-cream);border-color:var(--ch-pink);box-shadow:0 7px 0 var(--ch-peach),0 0 24px color-mix(in oklab,var(--ch-pink) 35%,transparent)}.cherry-halloween .cherry-loading-track span{color:var(--ch-cocoa);text-shadow:3px 3px 0 var(--ch-peach)}.cherry-halloween .cherry-loading-track i{color:var(--ch-pink);text-shadow:none}.cherry-halloween .cherry-clock-face,.cherry-halloween .cherry-goal-card{overflow:visible}.cherry-halloween .cherry-clock-face strong,.cherry-halloween .cherry-goal-number strong,.cherry-halloween .cherry-attendance-copy strong{color:var(--ch-cocoa);text-shadow:3px 3px 0 color-mix(in oklab,var(--ch-pink) 35%,transparent)}.cherry-halloween .cherry-clock-face strong b,.cherry-halloween .cherry-attendance-copy p,.cherry-halloween .cherry-attendance-count b{color:var(--ch-pink)}.cherry-halloween .cherry-goal-card p,.cherry-halloween .cherry-goal-number span,.cherry-halloween .cherry-attendance-check>span,.cherry-halloween .cherry-attendance-count>span{color:var(--ch-cocoa)}.cherry-halloween .cherry-goal-bar{background:var(--ch-cream);border-color:var(--ch-cocoa)}.cherry-halloween .cherry-goal-bar i{background:repeating-linear-gradient(135deg,var(--ch-pink) 0 20px,var(--ch-peach) 20px 40px,var(--ch-cyan) 40px 44px)}.cherry-halloween .cherry-attendance-card{overflow:visible}.cherry-halloween .cherry-attendance-check{background:var(--ch-peach)}.cherry-halloween .cherry-attendance-check>div{background:var(--ch-cream)}.cherry-halloween .cherry-attendance-copy{background:linear-gradient(135deg,var(--ch-paper) 0 72%,color-mix(in oklab,var(--ch-pink) 22%,var(--ch-paper)) 72%)}.cherry-halloween .cherry-attendance-count{background:var(--ch-peach);color:var(--ch-cocoa)}.cherry-devil-horns{display:none}.cherry-halloween .cherry-devil-horns{z-index:4;pointer-events:none;width:180px;height:45px;display:block;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.cherry-halloween .cherry-devil-horns:before,.cherry-halloween .cherry-devil-horns:after{content:"";border-left:25px solid #0000;border-right:25px solid #0000;border-bottom:46px solid var(--ch-cocoa);width:0;height:0;position:absolute;top:0}.cherry-halloween .cherry-devil-horns:before{left:0;transform:rotate(-12deg)}.cherry-halloween .cherry-devil-horns:after{right:0;transform:rotate(12deg)}.cherry-devil-tail{display:none}.cherry-halloween .cherry-devil-tail{z-index:4;border-right:9px solid var(--ch-pink);border-bottom:9px solid var(--ch-pink);pointer-events:none;border-radius:0 0 48px;width:58px;height:58px;display:block;position:absolute;bottom:18px;right:-22px;transform:rotate(14deg)}.cherry-halloween .cherry-devil-tail:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:22px solid var(--ch-pink);width:0;height:0;position:absolute;top:-12px;right:-17px;transform:rotate(-28deg)}.cherry-halloween .cherry-clock-face>img,.cherry-halloween .cherry-goal-card img{filter:saturate(.75)hue-rotate(315deg)contrast(1.08)}@media (width<=900px){.cherry-unified-workspace{grid-template-columns:1fr}.cherry-unified-controls{grid-template-columns:1fr 1fr}.cherry-unified-tabs,.cherry-unified-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.cherry-studio-header,.cherry-unified-heading,.cherry-theme-picker{flex-direction:column;align-items:flex-start}.cherry-studio-session,.cherry-tools-grid{grid-template-columns:1fr}.cherry-tool-card>p{min-height:0}.cherry-scene-tabs,.cherry-unified-controls{grid-template-columns:1fr}.cherry-unified-tabs,.cherry-unified-actions{grid-column:auto;grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.cherry-loading-track,.cherry-clock-face strong b,.cherry-goal-extra,.cherry-confetti,.cherry-attendance-card{animation:none}}
