:root{--brown:#663d1b;--tan:#bc8f6c;--beige:#c7ac94;--taupe:#c8b6a2;--font-primary:"Hachi Maru Pop", cursive;--font-secondary:"Indie Flower", cursive;--checker-size:60px}::selection{color:#fff;background-color:#ffb6e6}html,body{background-color:var(--taupe);height:100%;font-family:var(--font-secondary);--secondary-color:#bda38f;background-image:linear-gradient(45deg, var(--secondary-color) 25%, transparent 25%), linear-gradient(-45deg, var(--secondary-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--secondary-color) 75%), linear-gradient(-45deg, transparent 75%, var(--secondary-color) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0, 0 var(--checker-size), var(--checker-size) -var(--checker-size), -var(--checker-size) 0;margin:0;padding:0}.centered{height:100vh;padding:none;color:var(--brown);text-align:center;font-size:2rem;font-family:var(--font-primary);flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.intro-container{height:100vh;padding:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.intro-title{color:var(--brown);text-align:center;font-size:2rem;font-family:var(--font-primary);margin-bottom:1rem}.intro-subtitle{color:var(--brown);text-align:center;font-size:1rem;font-family:var(--font-secondary);margin-bottom:2rem;font-weight:700}.intro-button{cursor:pointer;z-index:0;border:none;width:180px;transition:all .2s}.intro-button:hover{transform:rotate(-5deg)}.falling-fruits{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.fruit{opacity:.9;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-15vh}@keyframes fall{0%{transform:translateY(-15vh)}to{transform:translateY(110vh)}}.cake-page{flex-direction:column;width:100%;height:100vh;display:flex}.cake-layout{flex-direction:row;flex:1;justify-content:center;gap:20px;padding:20px;display:flex}.nav-arrows{justify-content:space-between;padding:20px;display:flex}.nav-btn1,.nav-btn2{cursor:pointer;z-index:0;border:none;width:180px;transition:all .2s}.nav-btn1:hover{transform:rotate(5deg)}.nav-btn2:hover{transform:rotate(-5deg)}.options-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6;border-radius:16px;flex-direction:column;width:40%;margin-bottom:3rem;padding:20px;display:flex}.category-row{gap:10px;margin-bottom:20px;display:flex}.category-btn{background:var(--brown);color:#fff;font-family:var(--font-primary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px}.options-area{flex-wrap:wrap;flex:1;gap:12px;display:flex}.category-btn.active{background:var(--tan);color:#fff}.category-btn:hover{opacity:.8}.section-title{font-family:var(--font-primary);color:var(--brown);margin-bottom:10px;font-size:30px}.section{margin-top:-10px;margin-bottom:20px}.buttons{flex-wrap:wrap;gap:10px;display:flex}.btn{background:var(--taupe);border-color:var(--taupe);font-family:var(--font-secondary);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 14px;transition:all .2s;display:flex}.btn:hover{background:var(--beige)}.btn.active{background:var(--brown);color:#fff}.btn-large{border-radius:12px;padding:14px 20px;font-size:25px}.button-cakes{width:70px}.candle-btn{background:var(--taupe);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:40px;padding:10px;transition:all .2s;display:flex}.candle-btn:hover{background:var(--beige)}.candle-btn.active{background:var(--brown)}.candle-img{pointer-events:none;width:auto;height:60px}.card-options{flex-direction:column;gap:12px;margin-top:10px;display:flex}.card-textarea{border:2px dashed var(--tan);width:100%;min-height:120px;font-family:var(--font-secondary);color:var(--brown);resize:vertical horizontal;background:#ffffff80;border-radius:12px;padding:12px;font-size:1.1rem}.cake-preview{justify-content:center;align-items:flex-end;width:50%;max-width:420px;min-height:240px;display:flex;position:relative}.plate-wrapper{background:0 0;width:70%;margin-bottom:50px;position:relative}.plate{opacity:.9;cursor:pointer;width:100%;display:block}.cake-img,.icing-img,.decor-img{pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.cake-tier-1{z-index:1;width:60%;bottom:124%}.cake-tier-2{z-index:3;width:45%;bottom:160%}.cake-tier-3{z-index:5;width:30%;bottom:190%}.icing-tier-1{z-index:1;width:67%;bottom:127%}.icing-tier-2{z-index:3;width:45%;bottom:164%;left:49%}.icing-tier-3{z-index:5;width:30%;bottom:185%}.decor-ruffles-1{z-index:7;width:66%;bottom:130%;left:49%}.decor-ruffles-2{z-index:7;width:49%;bottom:153%}.decor-ruffles-3{z-index:7;width:45%;bottom:180%;left:51%}.decor-border-1{z-index:2;width:80%;bottom:135%}.decor-border-2{z-index:4;width:60%;bottom:167%}.decor-border-3{z-index:6;width:45%;bottom:193%;left:51%}.decor-roses-1{z-index:7;width:55%;bottom:95%}.decor-roses-2{z-index:7;width:40%;bottom:145%}.decor-roses-3{z-index:7;width:28%;bottom:172%}.decor-bottom{pointer-events:none;z-index:10;width:87%;position:absolute;bottom:20%;left:5.5%}.fruit-side{pointer-events:none;z-index:20;position:absolute;left:50%;transform:translate(-50%)}.fruit-side-1{width:67%;bottom:90%}.fruit-side-2{width:47%;bottom:138%;left:49%}.fruit-side-3{width:27%;bottom:170%}.top-wrapper{justify-content:center;align-items:center;width:min(100%,320px);height:220px;margin:auto;display:flex;position:relative}.top-cake{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-cake-1{z-index:1;width:80%}.top-cake-2{z-index:2;width:60%}.top-cake-3{z-index:3;width:40%}.fruit-top-1{z-index:20;width:85%;position:absolute;top:50%;left:50%;transform:translate(-50%,-51%)}.fruit-top-2{z-index:20;width:67%;position:absolute;top:50%;left:50%;transform:translate(-52%,-50%)}.fruit-top-3{z-index:20;width:47%;position:absolute;top:50%;left:50%;transform:translate(-52%,-51%)}.top-decor{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-bottom-border{width:98%}.top-border-1{z-index:5;width:85%;transform:translate(-50%,-51%)}.top-border-2{z-index:5;width:63%;transform:translate(-50%,-51%)}.top-border-3{z-index:5;width:40%;transform:translate(-50%,-51%)}.cake-candle,.cake-candle-1,.cake-candle-2,.cake-candle-3{pointer-events:none;z-index:20;position:absolute;left:50%;transform:translate(-50%)}.cake-candle-1{width:10%;top:-55%}.cake-candle-2{width:8%;top:-87%}.cake-candle-3{width:6%;top:-104.5%}.big-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.back-btn{cursor:pointer;width:180px;transition:all .2s}.back-btn:hover{transform:rotate(5deg)}.final-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:60%;font-family:var(--font-primary);background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:2rem;margin:3rem auto;padding:30px;display:flex}.cake-preview-wrapper{flex-direction:column;justify-content:end;align-items:center;gap:120px;width:min(100%,700px);min-height:300px;margin-top:10px;display:flex;position:relative}.down{flex-direction:column;gap:20px;width:min(100%,700px);padding-top:0;display:flex}.view-toggle{justify-content:center;gap:12px;width:100%;margin-top:-10%;display:flex}.view-toggle button{background:var(--taupe);font-family:var(--font-secondary);cursor:pointer;color:var(--brown);border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.view-toggle button:hover{background:var(--beige)}.view-toggle .active{background:var(--brown);color:#fff}.card-message{border:2px dashed var(--tan);width:100%;min-height:120px;font-family:var(--font-secondary);color:var(--brown);resize:vertical;background:#ffffff80;border-radius:12px;padding:12px;font-size:1.1rem}.share-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;display:flex}.share-btn{background:var(--taupe);font-family:var(--font-secondary);cursor:pointer;border:none;border-radius:10px;padding:12px 20px;transition:all .2s}.share-btn:hover{background:var(--beige)}.share-result{flex-direction:column;gap:8px;width:100%;display:flex}.share-result input{border:2px solid var(--tan);width:100%;font-family:var(--font-secondary);color:var(--brown);background:#fff;border-radius:8px;padding:10px}.candle-flame-wrapper{pointer-events:none;position:absolute;bottom:98%;left:50%;transform:translate(-8%)}.cake-preview{position:relative}.cake-and-candle{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;position:relative}.candle-flame{z-index:40;width:auto;height:60px}.candle-1{transform:translateY(-47%)}.candle-2{transform:translateY(-110%)}.candle-3{transform:translateY(-143%)}.blow-text{font-family:var(--font-secondary);color:var(--brown);text-align:center;margin-bottom:-10%;margin-left:23%;font-size:1rem}.back-arrow-box{align-items:start;width:100%;margin-bottom:-75px;padding-top:10px;display:flex}.home-btn{cursor:pointer;width:60px;margin-left:2%;transition:all .2s}.home-btn:hover{transform:rotate(5deg)}.cake-candle+.candle-flame-wrapper{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.view-toggle{justify-content:center;width:100%;display:flex;position:relative;left:0}