.calendar-container{box-shadow:var(--shadow);background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.4);border-radius:24px;flex-direction:column;width:100%;max-width:none;padding:20px;display:flex;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;padding:0 10px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.enable-notif-btn{color:#ff8b94;cursor:pointer;background:#fff;border:1px solid #ffb7c5;border-radius:20px;padding:8px 15px;font-family:Fredoka,sans-serif;font-size:.9rem;transition:all .2s;box-shadow:0 2px 5px rgba(255,183,197,.3)}.enable-notif-btn:hover{color:#fff;background:#ffb7c5;transform:translateY(-2px)}.nav-btn{background:var(--white);border:2px solid var(--pastel-pink);width:45px;height:45px;color:var(--pastel-pink);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex}.nav-btn:hover{background:var(--pastel-pink);color:var(--white);transform:scale(1.1)}.selectors-container{gap:15px;display:flex}.kawaii-select{border:2px solid var(--pastel-blue);background:var(--white);color:var(--text-main);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;text-align:center;border-radius:20px;padding:10px 20px;font-size:1.2rem;font-weight:600}.kawaii-select:hover{border-color:var(--pastel-lavender)}.tools-header{justify-content:center;margin-bottom:20px;display:flex}.toggle-stickers-btn{background:linear-gradient(135deg, var(--pastel-pink), var(--pastel-peach));color:var(--white);border-radius:20px;padding:10px 25px;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px rgba(255,209,220,.5)}.toggle-stickers-btn:hover{transform:translateY(-2px)}.stickers-panel{background:var(--white);text-align:center;border:2px dashed var(--pastel-lavender);border-radius:15px;margin-bottom:20px;padding:15px}.stickers-panel p{color:var(--pastel-lavender);margin-bottom:10px;font-weight:700}.stickers-list{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.draggable-sticker{cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:2px solid transparent;border-radius:10px;padding:4px;font-size:2rem;transition:transform .2s}.draggable-sticker.sticker-active{background:rgba(255,139,148,.15);border-color:#ff8b94;animation:1s infinite sticker-pulse;transform:scale(1.25)}@keyframes sticker-pulse{0%,to{box-shadow:0 0 rgba(255,139,148,.5)}50%{box-shadow:0 0 0 6px rgba(255,139,148,0)}}.sticker-selected-hint{text-align:center;color:#ff8b94;background:rgba(255,139,148,.1);border:1px dashed #ff8b94;border-radius:10px;margin-bottom:10px;padding:6px 12px;font-size:.85rem;font-weight:700}.calendar-grid{flex:1;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;display:grid}.calendar-day-name{text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.5px;background:rgba(255,255,255,.35);border:2px solid rgba(255,255,255,.6);border-radius:8px;padding:8px 0;font-size:1rem;font-weight:800}.calendar-day{cursor:pointer;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.8);border-radius:12px;flex-direction:column;min-height:max(60px,min(12vh,120px));padding:5px;transition:all .2s;display:flex;overflow:hidden}.calendar-day:hover{border-color:var(--pastel-mint);transform:translateY(-3px);box-shadow:0 5px 15px rgba(178,235,181,.4)}.calendar-day.empty{cursor:default;background:0 0}.calendar-day.empty:hover{box-shadow:none;border-color:transparent;transform:none}.calendar-day.today{z-index:2;transform:scale(1.02);box-shadow:0 0 15px rgba(255,139,148,.4);background:rgba(255,209,220,.4)!important;border:3px solid #ff8b94!important}.day-header{text-align:right;margin-bottom:5px}.day-number{color:#333;background-color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.6);border-radius:8px;padding:2px 8px;font-size:.95rem;font-weight:800;display:inline-block;box-shadow:0 2px 6px rgba(0,0,0,.15)}.today .day-number{color:#fff;background-color:#ff8b94;font-weight:800;box-shadow:0 2px 8px rgba(255,139,148,.5)}.stickers-container{flex-wrap:wrap;gap:2px;min-height:25px;margin-bottom:5px;display:flex}.placed-sticker{cursor:pointer;-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));font-size:1.5rem;transition:transform .2s}.placed-sticker:hover{transform:scale(1.3)rotate(10deg)}.events-container{flex-direction:column;gap:4px;display:flex}.event-badge{color:#333;border:1px solid rgba(255,255,255,.4);border-radius:8px;flex-direction:column;gap:1px;padding:3px 6px;font-size:.8rem;font-weight:700;line-height:1.1;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.1)}.event-badge-time{opacity:.8;font-size:.65rem;font-weight:800}.event-badge-text{word-break:break-word;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:rgba(255,255,255,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--white);border:2px solid var(--pastel-pink);border-radius:24px;width:95%;max-width:450px;max-height:90vh;padding:max(15px,min(4vw,25px));position:relative;overflow-y:auto;box-shadow:0 10px 40px rgba(255,182,193,.3)}.modal-close-x{color:var(--text-light);background:0 0;border-radius:8px;padding:4px 8px;font-size:1.2rem;font-weight:700;line-height:1;position:absolute;top:12px;right:14px}.modal-close-x:hover{color:#ff6b81;background:rgba(255,107,129,.1)}.modal-content h3{text-align:center;color:var(--pastel-lavender);margin-bottom:14px;font-family:Fredoka,sans-serif}.modal-tabs{background:#f8f8f8;border-radius:14px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.modal-tab-btn{color:#aaa;background:0 0;border-radius:10px;flex:1;padding:10px;font-size:.95rem;font-weight:700;transition:all .2s}.modal-tab-btn.active{color:var(--pastel-lavender);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.modal-sticker-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px;display:grid}.modal-sticker-btn{cursor:pointer;background:rgba(255,255,255,.8);border:2px solid transparent;border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:8px 4px;font-size:1.8rem;transition:all .15s;display:flex}.modal-sticker-btn:hover,.modal-sticker-btn:active{border-color:var(--pastel-pink);background:rgba(255,209,220,.25);transform:scale(1.15)}.modal-placed-stickers{border-top:1px dashed var(--pastel-lavender);grid-column:1/-1;margin-top:10px;padding-top:10px}.modal-placed-stickers p{color:#aaa;margin-bottom:6px;font-size:.8rem}.placed-sticker.removable{cursor:pointer;opacity:.85;margin-right:6px;font-size:1.5rem;transition:opacity .2s,transform .2s}.placed-sticker.removable:hover{opacity:.4;transform:scale(.85)}.event-input-group{align-items:center;gap:10px;margin-bottom:20px;display:flex}.event-input{border:1px solid var(--glass-border);background:#fff;border-radius:12px;flex:2;padding:10px 15px;font-family:Quicksand,sans-serif}.time-input{border:1px solid var(--glass-border);color:var(--text-main);background:#fff;border-radius:12px;flex:1;padding:8px 10px;font-family:Quicksand,sans-serif;font-weight:700}.add-btn{background:var(--pastel-mint);color:#4a7a4a;border-radius:12px;padding:10px 20px;font-weight:700}.modal-events-list{flex-direction:column;gap:10px;max-height:250px;display:flex;overflow-y:auto}.modal-event-item{border-radius:12px;justify-content:space-between;align-items:center;padding:10px 15px;font-weight:600;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.05)}.modal-event-content{flex-direction:column;gap:2px;display:flex}.modal-event-time{opacity:.8;font-size:.75rem;font-weight:700}.modal-event-text{font-size:.95rem}.event-time-badge{background:rgba(255,255,255,.4);border-radius:4px;margin-right:4px;padding:1px 4px;font-size:.7rem;font-weight:700}.event-delete-btn{cursor:pointer;background:rgba(255,255,255,.5);border:none;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;font-size:1rem;transition:all .2s;display:flex}.event-delete-btn:hover{color:#fff;background:#ff4d4d;transform:scale(1.1)}@media (max-width:1024px){.calendar-day{min-height:70px;padding:8px}.calendar-header{margin-bottom:20px}}@media (max-width:768px){.calendar-container{border-radius:20px;padding:12px}.calendar-header{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:15px}.header-left{flex-direction:row;justify-content:space-between;gap:10px;width:100%}.selectors-container{justify-content:space-between;gap:8px;width:100%}.calendar-grid{gap:2px}.calendar-day{border-radius:10px;min-height:max(55px,min(10vh,80px));padding:4px}.calendar-day-name{padding:4px 0;font-size:.7rem}.day-number{padding:2px 5px;font-size:.8rem}.placed-sticker{font-size:1.2rem}.event-badge{border-radius:6px;padding:2px 4px;font-size:.75rem}.nav-btn{width:38px;height:38px;font-size:1.1rem}.kawaii-select{flex:1;min-width:0;padding:8px 12px;font-size:1rem}}@media (max-width:480px){.calendar-container{padding:6px}.calendar-day{border-width:1px;border-radius:6px;min-height:max(50px,min(9vh,65px));padding:2px}.calendar-day-name{padding:3px 0;font-size:.65rem}.day-number{border-radius:5px;padding:1px 3px;font-size:.7rem}.nav-btn{width:32px;height:32px;font-size:1rem}.kawaii-select{padding:5px 8px;font-size:.85rem}.toggle-stickers-btn{padding:6px 12px;font-size:.8rem}.draggable-sticker{font-size:1.4rem}.placed-sticker{font-size:1.1rem}.event-badge{border-radius:4px;gap:0;padding:2px 3px;font-size:.65rem}.event-badge-time{font-size:.55rem}.event-badge-text{-webkit-line-clamp:2}.stickers-container{gap:1px;min-height:14px}.header-left,.selectors-container{gap:5px}.enable-notif-btn{padding:6px 10px;font-size:.75rem}}.modal-body-combined{flex-direction:column;gap:20px;max-height:70vh;padding:10px 5px;display:flex;overflow-y:auto}.modal-box{background:rgba(255,255,255,.5);border:1px solid rgba(255,183,197,.2);border-radius:15px;padding:15px}.modal-box h4{color:#ff8b94;margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:1.1rem}.modal-stickers-mini-row{background:rgba(255,255,255,.3);border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;display:flex}.mini-sticker-item{cursor:pointer;font-size:1.5rem;transition:transform .2s}.mini-sticker-item:hover{transform:scale(1.2)}.modal-content{width:500px;max-width:90%}.event-input-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.time-add-row{align-items:center;gap:10px;display:flex}.time-add-row .time-input{flex:1}.time-add-row .add-btn{white-space:nowrap;flex:2}.sticker-selector-section{border-top:2px dashed rgba(255,183,197,.3);margin-top:15px;padding-top:15px}.small-label{color:#ff8b94;margin-bottom:8px;font-size:.9rem;font-weight:700}.tiny-hint{color:#aaa;text-align:center;margin-top:8px;font-size:.75rem}.main-input-box{border:2px solid var(--pastel-pink)!important;background:rgba(255,255,255,.8)!important}.calendar-grid.interactive-3d{transform-style:preserve-3d;will-change:transform;perspective:1000px;transition:transform .1s ease-out}.interactive-3d .calendar-day{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.interactive-3d .calendar-day:hover{z-index:10;border-color:#ff8b94;transform:translateZ(40px)scale(1.05);box-shadow:0 20px 45px rgba(0,0,0,.2)}.interactive-3d .day-number{transform:translateZ(10px)}.theme-magical_girl{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)!important}.theme-magical_girl .calendar-day{background:rgba(255,255,255,.45);border-color:gold}.theme-ghibli{background:linear-gradient(#134e5e 0%,#71b280 100%)!important}.theme-ghibli .calendar-day{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}.theme-ghibli .day-number{color:#fff;background:#134e5e}.theme-strawberry{background:linear-gradient(135deg,#fb83fa 0%,#ffc1cc 100%)!important}.theme-strawberry .calendar-day{background:rgba(255,255,255,.5);border-color:#ff69b4}.theme-starry{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%)!important}.theme-starry .calendar-day{background:rgba(255,255,255,.15);border-color:#aec6cf}.theme-starry .day-number{color:#1a237e;background:#aec6cf}.theme-starry .calendar-day-name{color:#fff;text-shadow:0 0 10px #fff}.theme-neko_garden .calendar-day,.theme-ocean_breeze .calendar-day,.theme-zen_waterfall .calendar-day,.theme-fuji_sakura .calendar-day,.theme-cyber_neon .calendar-day,.theme-floating_islands .calendar-day,.theme-winter_cabin .calendar-day,.theme-underwater_magic .calendar-day,.theme-starlight_forest .calendar-day,.theme-candy_castle .calendar-day,.theme-space_station .calendar-day,.theme-lavender_field .calendar-day,.theme-dragon_mountain .calendar-day,.theme-beach_corgi .calendar-day,.theme-tokyo_rain .calendar-day{background:rgba(255,255,255,.05);border-width:1.5px;border-color:rgba(255,255,255,.9)}.theme-neko_garden .day-number,.theme-ocean_breeze .day-number,.theme-zen_waterfall .day-number,.theme-fuji_sakura .day-number,.theme-cyber_neon .day-number,.theme-floating_islands .day-number,.theme-winter_cabin .day-number,.theme-underwater_magic .day-number,.theme-starlight_forest .day-number,.theme-candy_castle .day-number,.theme-space_station .day-number,.theme-lavender_field .day-number,.theme-dragon_mountain .day-number,.theme-beach_corgi .day-number,.theme-tokyo_rain .day-number{color:#000;background:rgba(255,255,255,.95)}.theme-neko_garden .calendar-day-name,.theme-ocean_breeze .calendar-day-name,.theme-zen_waterfall .calendar-day-name,.theme-fuji_sakura .calendar-day-name,.theme-cyber_neon .calendar-day-name,.theme-floating_islands .calendar-day-name,.theme-winter_cabin .calendar-day-name,.theme-underwater_magic .calendar-day-name,.theme-starlight_forest .calendar-day-name,.theme-candy_castle .calendar-day-name,.theme-space_station .calendar-day-name,.theme-lavender_field .calendar-day-name,.theme-dragon_mountain .calendar-day-name,.theme-beach_corgi .calendar-day-name,.theme-tokyo_rain .calendar-day-name{color:#000;background:rgba(255,255,255,.8);border-width:3px}.notif-controls{align-items:center;gap:10px;display:flex}.test-notif-btn{color:#1976d2;cursor:pointer;background:#e3f2fd;border:1px solid #1976d2;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:700}.test-notif-btn:hover{background:#bbdefb}.notif-status-tag{color:#888;background:rgba(0,0,0,.05);border-radius:10px;padding:4px 8px;font-size:.7rem;font-weight:700}.alarm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.alarm-modal{text-align:center;background:#fff;border:4px solid #ffb7c5;border-radius:30px;width:90%;max-width:400px;padding:40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popBounce;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes popBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.alarm-icon{margin-bottom:20px;font-size:5rem;animation:1s infinite bellRing}@keyframes bellRing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.alarm-modal h2{color:#ff8b94;margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:2rem}.alarm-text{color:#333;margin-bottom:5px;font-size:1.5rem;font-weight:700}.alarm-time{color:#888;margin-bottom:30px;font-size:1.1rem}.alarm-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a9e,#ffb7c5);border-radius:30px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px rgba(255,183,197,.4)}.alarm-close-btn:hover{transform:scale(1.05);box-shadow:0 15px 25px rgba(255,183,197,.6)}.date-picker-trigger{border:2px solid var(--pastel-pink);color:#ff8b94;cursor:pointer;background:#fff;border-radius:20px;padding:8px 15px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 10px rgba(255,139,148,.2)}.date-picker-trigger:hover{background:#fff5f8;transform:scale(1.05)}.date-picker-modal{max-width:400px!important}.picker-section{margin-bottom:20px}.picker-label{color:#ff8b94;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:800}.picker-grid{gap:8px;display:grid}.picker-grid.months{grid-template-columns:repeat(3,1fr)}.picker-grid.years{grid-template-columns:repeat(4,1fr)}.picker-item{color:#666;cursor:pointer;background:#f8f8f8;border:2px solid transparent;border-radius:10px;padding:8px 4px;font-size:.85rem;font-weight:700;transition:all .2s}.picker-item:hover{color:#ff8b94;background:#fff0f5}.picker-item.selected{color:#fff;background:#ff8b94;border-color:#ff8b94;box-shadow:0 4px 8px rgba(255,139,148,.3)}.picker-done-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a9e,#ffb7c5);border:none;border-radius:15px;width:100%;margin-top:10px;padding:12px;font-size:1.1rem;font-weight:800;box-shadow:0 4px 15px rgba(255,139,148,.3)}.picker-done-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);transform:scale(1.02)}@media (max-width:480px){.date-picker-trigger{padding:6px 12px;font-size:.9rem}.picker-grid.months,.picker-grid.years{grid-template-columns:repeat(3,1fr)}}.event-indicator-heart{-webkit-filter:drop-shadow(0 2px 4px rgba(255,107,129,.4));filter:drop-shadow(0 2px 4px rgba(255,107,129,.4));margin-left:5px;font-size:.9rem;animation:2s ease-in-out infinite heart-float;display:inline-block}@keyframes heart-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.2)}}.event-spotlight-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.85);border:2px solid #ffb7c5;border-radius:24px;margin-top:25px;padding:20px;animation:.4s ease-out slideUp;box-shadow:0 10px 30px rgba(255,183,197,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spotlight-header{color:#ff8b94;text-align:center;letter-spacing:1px;margin-bottom:15px;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700}.spotlight-list{flex-direction:column;gap:12px;display:flex}.spotlight-card{background:#fff;border-radius:16px;align-items:center;gap:20px;padding:15px 20px;transition:transform .2s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.05)}.spotlight-card:hover{transform:translate(5px)}.spotlight-time{color:#ff8b94;text-align:center;background:#fff5f7;border-radius:10px;min-width:80px;padding:5px 12px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:800}.spotlight-text{color:#4a4e69;flex:1;font-size:1.4rem;font-weight:700}.event-more-tag{color:#ff8b94;text-align:center;margin-top:2px;font-size:.65rem;font-weight:700}@media (max-width:600px){.spotlight-text{font-size:1.1rem}.spotlight-time{min-width:70px;font-size:.9rem}.spotlight-card{gap:12px;padding:10px 15px}}.bloom-notes-container{background:linear-gradient(135deg,#fff5f7 0%,#f0f4ff 100%);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bloom-notes-container.dragging-active{touch-action:none;overscroll-behavior:none}.notes-navbar{z-index:1000;background:#fff;border-bottom:2px solid #ffe4e6;justify-content:space-between;align-items:center;padding:12px 25px;display:flex;box-shadow:0 4px 15px rgba(255,139,148,.1)}.nav-brand{color:#ff8b94;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:800}.nav-actions{gap:10px;display:flex}.nav-item{color:#ff8b94;cursor:pointer;background:#fff;border:2px solid #ffb7c5;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .2s}.nav-item:hover{background:#fff5f7;transform:translateY(-2px)}.nav-item.active{color:#fff;background:#ff8b94;border-color:#ff8b94}.nav-item.save{color:#22577a;background:#bde0fe;border-color:#a2d2ff}.bloom-notes-toolbar-v2{text-align:center;background:rgba(255,255,255,.5);padding:5px 25px}.toolbar-hint{color:#aaa;margin:0;font-size:.8rem;font-weight:600}.bloom-notes-grid{perspective:1000px;flex-wrap:wrap;flex:1;justify-content:center;align-items:flex-start;gap:50px;padding:40px 100px 40px 40px;display:flex;overflow-x:hidden;overflow-y:auto}.floating-note-card{width:320px;height:320px;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.8);border-radius:5px 25px;flex-direction:column;padding-top:45px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:5s ease-in-out infinite float;display:flex;position:relative;box-shadow:2px 2px 5px rgba(0,0,0,.05),5px 5px 15px rgba(0,0,0,.1),10px 10px 30px rgba(0,0,0,.05)}.floating-note-card:before{content:"";pointer-events:none;border-top:0 solid transparent;border-bottom:35px solid rgba(0,0,0,.05);border-left:0 solid transparent;border-right:35px solid transparent;border-radius:0 0 0 10px;width:0;height:0;transition:all .3s;position:absolute;top:0;right:0}.floating-note-card:after{content:"";pointer-events:none;background:rgba(255,255,255,.3);border-radius:0 25px 0 10px;width:35px;height:35px;position:absolute;top:0;right:0;box-shadow:-2px 2px 5px rgba(0,0,0,.1)}.floating-note-card:hover{box-shadow:5px 5px 10px rgba(0,0,0,.1),15px 15px 40px rgba(0,0,0,.15);transform:translateY(-10px)rotateX(5deg)rotateY(-5deg)!important}.toggle-controls-btn{cursor:pointer;z-index:110;background:rgba(255,255,255,.8);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.note-content{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%);flex:1;padding:10px 25px 20px;display:flex}.note-content textarea{resize:none;width:100%;height:100%;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;line-height:1.5}.note-emojis-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(20px)}.floating-emoji-item{pointer-events:auto;cursor:grab;-webkit-filter:drop-shadow(2px 2px 3px rgba(0,0,0,.1));filter:drop-shadow(2px 2px 3px rgba(0,0,0,.1));touch-action:none;font-size:2.2rem;position:absolute}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.note-custom-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.6);border-radius:0 0 5px 25px;padding:15px}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.emoji-bar{white-space:nowrap;background:#fff;border-radius:12px;gap:5px;max-width:200px;padding:5px 10px;display:flex;overflow-x:auto;box-shadow:0 2px 8px rgba(0,0,0,.05)}.emoji-bar button{cursor:pointer;background:0 0;border:none;font-size:1.1rem}.del-note-btn{color:#fff;cursor:pointer;background:#ff8b94;border:none;border-radius:50%;width:35px;height:35px;box-shadow:0 4px 8px rgba(255,139,148,.3)}.favorite-badge{-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1));font-size:2.5rem;animation:2s infinite pulse;position:absolute;top:-15px;right:-15px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.note-actions{justify-content:space-between;align-items:center;padding:10px;display:flex}.local-note-trash{z-index:1000;background:#fff;border:3px dashed #ff8b94;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.4s cubic-bezier(.175,.885,.32,1.275) popOutSide;display:flex;position:absolute;bottom:0;right:-75px;box-shadow:0 8px 20px rgba(255,139,148,.2)}.local-note-trash.active{background:#ffeaed;border-style:solid;transform:scale(1.2)rotate(5deg);box-shadow:0 10px 30px rgba(255,139,148,.4)}.trash-icon-small{font-size:1.8rem}.trash-text-tiny{color:#ff8b94;text-transform:uppercase;font-size:.7rem;font-weight:800}.weather-widget{background:var(--glass-bg,rgba(255,255,255,.7));color:var(--text-main,#2d3436);border:1px solid var(--glass-border,rgba(255,255,255,.5));white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 15px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.05)}@media (max-width:600px){.weather-widget{padding:6px 10px}.weather-widget>span:not(.weather-icon):not(.weather-temp){display:none}}.weather-widget.error{color:#ff6b81;font-size:.8rem}.weather-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem}.weather-temp{color:#a29bfe;font-family:Fredoka,sans-serif;font-size:1.2rem}.weather-overlay-rain{pointer-events:none;z-index:9998;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.2)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='50'%3E%3Crect width='2' height='15' fill='%2374b9ff' opacity='0.5'/%3E%3C/svg%3E");width:100vw;height:100vh;animation:.6s linear infinite rain;position:fixed;top:0;left:0}@keyframes rain{0%{background-position:0 0,0 0}to{background-position:0 0,20px 100vh}}.weather-overlay-snow{pointer-events:none;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Ccircle cx='25' cy='25' r='3' fill='white' opacity='0.8'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ccircle cx='15' cy='15' r='2' fill='white' opacity='0.5'/%3E%3C/svg%3E");width:100vw;height:100vh;animation:12s linear infinite snow;position:fixed;top:0;left:0}@keyframes snow{0%{background-position:0 0,0 0}to{background-position:400px 1000px,200px 400px}}.weather-full-view{max-width:900px;margin:0 auto;padding:30px;animation:.6s cubic-bezier(.165,.84,.44,1) slideUp}.weather-header-card{text-align:center;color:#fff;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);border:4px solid rgba(255,255,255,.4);border-radius:30px;margin-bottom:40px;padding:40px;box-shadow:0 15px 35px rgba(161,196,253,.3)}.weather-header-card h2{text-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:25px;font-family:Fredoka,sans-serif;font-size:2.2rem}.current-large{justify-content:center;align-items:center;gap:30px;display:flex}.large-icon{-webkit-filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));font-size:5rem;animation:4s ease-in-out infinite float}.large-details{flex-direction:column;align-items:flex-start;display:flex}.large-temp{font-family:Fredoka,sans-serif;font-size:4rem;font-weight:900;line-height:1}.large-label{letter-spacing:2px;opacity:.9;font-size:1.2rem;font-weight:700}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px;display:grid}.forecast-card{background:#fff;border:2px solid #f0f7ff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;transition:all .3s;display:flex;box-shadow:0 5px 15px rgba(0,0,0,.02)}.forecast-card:hover{border-color:#a1c4fd;transform:translateY(-5px);box-shadow:0 10px 25px rgba(161,196,253,.2)}.forecast-card.today{background:#fff9fa;border:2px solid #ff8b94}.forecast-date{color:#888;font-size:.8rem;font-weight:700}.forecast-icon{font-size:2.2rem}.forecast-temps{gap:8px;font-family:Fredoka,sans-serif;font-size:1.1rem;display:flex}.temp-max{color:#ff6b81;font-weight:700}.temp-min{color:#74b9ff}.forecast-label{color:#b2bec3;text-transform:uppercase;font-size:.75rem;font-weight:700}.weather-footer{text-align:center;color:#ffb6c1;margin-top:40px;font-size:.9rem;font-style:italic}@media (max-width:600px){.weather-header-card{margin-bottom:25px;padding:25px}.weather-header-card h2{font-size:1.6rem}.large-icon{font-size:3.5rem}.large-temp{font-size:2.5rem}.forecast-grid{grid-template-columns:repeat(2,1fr)}}.flashcards-main-section{flex-direction:column;align-items:center;width:100%;display:flex}.flashcards-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);border:2px solid var(--glass-border);border-radius:20px;width:100%;max-width:800px;padding:30px}.flashcards-toolbar{border-top:1px dashed var(--glass-border);flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;padding-top:20px;display:flex}.study-timer-section{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.6);border-radius:25px;flex-direction:column;align-items:center;margin-bottom:25px;padding:25px;display:flex;box-shadow:inset 0 0 10px rgba(255,255,255,.5)}.timer-modes{gap:10px;margin-bottom:20px;display:flex}.mode-btn{border:2px solid var(--glass-border);cursor:pointer;color:var(--text-light);background:#fff;border-radius:12px;padding:8px 15px;font-weight:700;transition:all .2s}.mode-btn.active{background:var(--pastel-pink);color:#fff;border-color:var(--pastel-pink);transform:translateY(-2px);box-shadow:0 4px 10px rgba(255,179,186,.3)}.timer-main-display{background:#fff;border-radius:20px;align-items:center;gap:30px;margin-bottom:20px;padding:20px 40px;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.05)}.kawaii-cat-status{border:3px dashed var(--pastel-pink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:10px;animation:3s ease-in-out infinite float;display:flex;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.kawaii-cat-img{object-fit:cover;width:100%;height:100%}.timer-time-info{flex-direction:column;align-items:center;display:flex}.timer-digits{color:var(--pastel-lavender);font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.timer-mode-label{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:1rem;font-weight:700}.timer-controls{gap:15px;display:flex}.timer-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 15px;font-family:Quicksand,sans-serif;font-weight:700;transition:all .2s}.timer-btn.start{background:var(--pastel-mint);color:#4a7a4a}.timer-btn.pause{background:var(--pastel-peach);color:#7a4a4a}.timer-btn.reset{border:1px solid var(--glass-border);color:var(--text-light);background:#fff}.timer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.toolbar-btn{border:2px solid var(--pastel-blue);color:var(--text-main);cursor:pointer;background:#fff;border-radius:20px;padding:10px 20px;font-size:1.1rem;font-weight:700;transition:all .2s}.toolbar-btn:hover{background:var(--pastel-blue);color:#fff}.toolbar-btn.active{background:var(--pastel-pink);border-color:var(--pastel-pink);color:#fff}.flashcards-viewer-wrapper{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.card-counter{color:var(--pastel-lavender);margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:1.2rem}.viewer-controls-top{justify-content:flex-end;width:100%;max-width:480px;margin-bottom:10px;display:flex}.fullscreen-toggle-btn{border:1.5px solid var(--pastel-blue);color:var(--pastel-blue);cursor:pointer;background:#fff;border-radius:12px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.fullscreen-toggle-btn:hover{background:var(--pastel-blue);color:#fff}.flashcards-viewer{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.nav-arrow{border:2px solid var(--pastel-peach);color:var(--pastel-peach);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.nav-arrow:hover:not(:disabled){background:var(--pastel-peach);color:#fff;transform:scale(1.1)}.nav-arrow:disabled{opacity:.5;cursor:not-allowed;border-color:var(--glass-border);color:var(--text-light)}.flashcard-scene{perspective:1000px;cursor:pointer;width:100%;max-width:480px;height:max(450px,min(70vh,750px));margin:15px auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.flashcard-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff!important}.hidden-face{opacity:0;pointer-events:none}.flashcard-front{border:3px solid var(--pastel-pink);background:#fff!important}.flashcard-back{border:3px solid var(--pastel-mint);transform:rotateY(180deg);background:#fff!important}.file-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.clear-img-btn{color:#fff;cursor:pointer;background:#ff8b94;border:none;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:700}.card-image-container{z-index:1;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.card-image-managed{object-fit:contain;width:100%;height:100%;transition:transform .1s ease-out}.image-controls-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:rgba(255,255,255,.4);border-radius:15px;flex-direction:column;gap:10px;padding:10px;transition:opacity .3s;display:flex;position:absolute;bottom:10px;right:10px}.card-image-container:hover .image-controls-overlay{opacity:1}.control-group{justify-content:center;gap:5px;display:flex}.control-pad{flex-direction:column;align-items:center;display:flex}.pad-row{gap:20px;display:flex}.image-controls-overlay button{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.1)}.image-controls-overlay button:hover{background:var(--pastel-blue);color:#fff}.flashcard-text{z-index:2;color:var(--text-main);text-shadow:0 0 10px #fff,0 0 20px #fff;word-wrap:break-word;max-width:90%;max-height:80%;padding:10px;font-size:1.8rem;font-weight:800;position:relative;overflow-y:auto}.flashcard-text::-webkit-scrollbar{width:6px}.flashcard-text::-webkit-scrollbar-thumb{background:var(--pastel-pink);border-radius:10px}.flashcard-text::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.flip-hint{color:var(--text-light);font-size:.9rem;position:absolute;bottom:15px}.card-image{object-fit:contain;border-radius:12px;flex-shrink:1;max-width:100%;max-height:400px;margin-bottom:10px}.file-input-hidden{display:none}.file-label-btn{border:2px dashed var(--pastel-blue);color:var(--pastel-blue);text-align:center;cursor:pointer;background:#fff;border-radius:10px;margin-top:10px;padding:8px;font-size:.9rem;font-weight:700;transition:all .2s}.file-label-btn:hover{background:var(--pastel-blue);color:#fff}.grid-thumb{object-fit:cover;border-radius:10px;width:100%;height:100px;margin-bottom:10px}.delete-card-btn{color:#ff6b81;cursor:pointer;background:0 0;border:1px dashed #ff6b81;border-radius:10px;margin-top:20px;padding:8px 15px;font-weight:700}.card-actions-row{gap:15px;margin-top:20px;display:flex}.delete-card-btn:hover{background:rgba(255,107,129,.1)}.flashcards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.grid-card{border:2px solid var(--glass-border);background:#fff;border-radius:15px;flex-direction:column;padding:15px;display:flex}.grid-card-label{color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:700}.grid-card-text{margin-bottom:10px;font-size:1.1rem;font-weight:600}.grid-card-divider{border:0;border-top:1px dashed var(--glass-border);margin:10px 0}.grid-card-actions{justify-content:flex-end;margin-top:auto;display:flex}.grid-delete-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.grid-delete-btn:hover{transform:scale(1.2)}.empty-cards-msg{text-align:center;color:var(--text-light);margin-bottom:40px;font-family:Fredoka,sans-serif;font-size:1.5rem}.add-card-section{border:1px dashed var(--pastel-lavender);background:rgba(255,255,255,.5);border-radius:15px;padding:25px}.add-card-title{color:var(--pastel-lavender);margin-bottom:15px;font-family:Fredoka,sans-serif}.form-inputs-row{gap:20px;margin-bottom:20px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group label{color:var(--text-main);margin-bottom:5px;font-weight:700}.card-input{border:2px solid var(--pastel-blue);border-radius:12px;padding:12px;font-size:1rem}.submit-card-btn{background:var(--pastel-mint);color:var(--text-main);cursor:pointer;border:none;border-radius:15px;width:100%;padding:12px 30px;font-size:1.2rem;font-weight:700;transition:all .2s}.submit-card-btn:hover{background:#9de0a1;transform:translateY(-2px)}.text-style-toolbar{border:1px solid var(--glass-border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.flashcard-palette{background:#fdfdfd!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:8px!important;flex-wrap:wrap!important;gap:3px!important;max-width:130px!important;padding:4px!important;display:flex!important}.color-dot{cursor:pointer;border:1.5px solid rgba(0,0,0,.1);padding:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px rgba(0,0,0,.05);border-radius:50%!important;width:16px!important;height:16px!important}.color-dot:hover{transform:scale(1.3);box-shadow:0 4px 10px rgba(0,0,0,.1)}.text-style-toolbar button{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:all .2s;display:flex}.text-style-toolbar button.active{background:var(--pastel-blue);color:#fff;border-color:var(--pastel-blue)}.size-controls{background:rgba(0,0,0,.05);border-radius:8px;align-items:center;gap:5px;padding:2px 8px;display:flex}.size-controls span{text-align:center;min-width:35px;font-size:.8rem;font-weight:700}.text-style-toolbar input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.text-style-toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.text-style-toolbar input[type=color]::-webkit-color-swatch{box-shadow:0 0 0 1px var(--glass-border);border:2px solid #fff;border-radius:50%}@media (max-width:768px){.form-inputs-row{flex-direction:column;gap:10px}.flashcards-container{padding:10px}.flashcard-scene{max-width:95vw;height:55vh;margin:10px auto}.flashcard-text{font-size:1.2rem}.nav-arrow{width:42px;height:42px;font-size:1.2rem}.flashcards-viewer{gap:12px}.decks-grid{grid-template-columns:1fr;gap:12px}.deck-card{padding:15px}.deck-icon{width:50px;height:50px;font-size:2rem}.timer-digits{font-size:2.5rem}.timer-main-display{gap:15px;padding:15px 25px}.kawaii-cat-status{width:70px;height:70px}}.flashcards-viewer-wrapper.fullscreen-mode{width:100vw;height:100vh;z-index:10000;background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:10px;display:flex;position:fixed;top:0;left:0}.flashcards-viewer-wrapper.fullscreen-mode .deck-subtitle,.flashcards-viewer-wrapper.fullscreen-mode .card-counter{display:none}.flashcards-viewer-wrapper.fullscreen-mode .viewer-controls-top{z-index:10001;width:auto;max-width:none;position:absolute;top:20px;right:20px}.flashcards-viewer-wrapper.fullscreen-mode .flashcards-viewer{width:100%;height:100%}.flashcards-viewer-wrapper.fullscreen-mode .flashcard-scene{max-width:95vw;height:calc(100dvh - 120px);margin:0}@media (orientation:landscape){.flashcards-viewer-wrapper.fullscreen-mode .flashcard-scene{width:80vw;max-width:none;height:85vh}.flashcards-viewer-wrapper.fullscreen-mode .flashcard-text{font-size:2rem}}@media (max-width:480px) and (orientation:landscape){.flashcards-viewer-wrapper.fullscreen-mode .flashcard-scene{width:75vw;height:80vh}.flashcards-viewer-wrapper.fullscreen-mode .viewer-controls-top{top:10px;right:10px}.flashcards-viewer-wrapper.fullscreen-mode .nav-arrow{width:40px;height:40px}}.flashcards-viewer-wrapper.fullscreen-mode .nav-arrow{z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-color:var(--pastel-pink);background:rgba(255,255,255,.6);position:absolute}.flashcards-viewer-wrapper.fullscreen-mode .nav-arrow:first-child{left:20px}.flashcards-viewer-wrapper.fullscreen-mode .nav-arrow:last-child{right:20px}@media (max-width:480px){.flashcards-toolbar{gap:8px;padding-top:15px}.toolbar-btn{padding:8px 12px;font-size:.9rem}.flashcard-text{font-size:1.1rem}.flashcard-face{padding:15px}.add-deck-form{flex-direction:column}}.study-music-player{border:1px solid var(--glass-border);background:rgba(255,255,255,.4);border-radius:20px;max-width:550px;margin-top:40px;margin-left:auto;margin-right:auto;padding:20px}.music-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.music-title{color:var(--pastel-lavender);font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700}.repeat-btn{border:2px solid var(--pastel-pink);cursor:pointer;color:var(--pastel-pink);background:#fff;border-radius:12px;align-items:center;gap:5px;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.repeat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(255,179,186,.2)}.repeat-btn.active{background:var(--pastel-pink);color:#fff}.music-search-bar{gap:8px;margin-bottom:10px;display:flex}.music-search-bar input{border:1px solid var(--glass-border);border-radius:8px;flex:1;padding:6px 12px;font-size:.8rem}.music-search-bar button{background:var(--pastel-mint);color:#4a7a4a;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700}.video-wrapper{border-radius:10px;height:0;padding-bottom:45%;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.flashcards-viewer.fullscreen-mode{z-index:9999;background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;padding:50px;display:flex;position:fixed;top:0;left:0}.flashcards-viewer.fullscreen-mode .flashcard-scene{max-width:80vw;height:70vh}.flashcards-viewer.fullscreen-mode .flashcard-text{max-height:50vh;font-size:3rem}.exit-fullscreen{color:#fff;cursor:pointer;z-index:10001;background:#ff8b94;border:none;border-radius:20px;padding:10px 20px;font-weight:700;position:absolute;top:30px;right:30px}.decks-view{flex-direction:column;gap:20px;margin-top:10px;display:flex}.decks-title{color:var(--pastel-pink);text-align:center;font-family:Fredoka,sans-serif;font-size:1.8rem}.add-deck-form{background:#fff;border-radius:15px;gap:10px;padding:15px;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.05)}.add-deck-form input{border:2px solid var(--pastel-blue);border-radius:10px;flex:1;padding:10px 15px;font-size:1rem}.add-deck-form button{background:var(--pastel-blue);color:#fff;border-radius:10px;padding:10px 20px;font-weight:700;transition:all .2s}.add-deck-form button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);transform:translateY(-2px)}.decks-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.deck-card{border:2px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:15px;padding:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.02)}.deck-card:hover{border-color:var(--pastel-pink);transform:translateY(-5px)scale(1.02);box-shadow:0 10px 25px rgba(255,179,186,.2)}.deck-icon{background:rgba(255,179,186,.1);border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.deck-info h4{color:var(--text-main);margin:0;font-size:1.1rem}.deck-info p{color:var(--text-light);margin:5px 0 0;font-size:.9rem;font-weight:700}.delete-deck-btn{color:#ffb3ba;opacity:0;background:0 0;font-size:1rem;transition:opacity .2s;position:absolute;top:10px;right:10px}.deck-card:hover .delete-deck-btn{opacity:1}.delete-deck-btn:hover{color:#ff6b81;transform:scale(1.2)}.deck-subtitle{color:var(--text-light);background:rgba(255,255,255,.5);border-radius:10px;margin-bottom:20px;padding:8px 15px;font-style:italic;font-weight:700;display:inline-block}.back-btn{border:2px solid var(--pastel-mint)!important;color:#4a7a4a!important;background:#fff!important}.back-btn:hover{background:var(--pastel-mint)!important;color:#fff!important}.empty-hint{text-align:center;color:var(--text-light);grid-column:1/-1;margin-top:30px;font-style:italic}.decks-grid{scrollbar-width:thin;scrollbar-color:var(--pastel-pink) rgba(255,255,255,.4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-height:500px;padding:10px;display:grid;overflow-y:auto}.decks-grid::-webkit-scrollbar{width:6px}.decks-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.4);border-radius:10px}.decks-grid::-webkit-scrollbar-thumb{background:var(--pastel-pink);border-radius:10px}.todo-main-section{width:100%}.todo-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);border:2px solid var(--glass-border);border-radius:20px;flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.todo-header{color:var(--pastel-lavender);text-align:center;margin-bottom:20px;font-family:Fredoka,sans-serif;font-size:1.6rem}.todo-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.todo-input-row{gap:10px;width:100%;display:flex}.todo-input{border:2px solid var(--pastel-blue);background:#fff;border-radius:15px;flex:1;padding:12px 20px;font-size:1.1rem;transition:all .2s}.todo-input:focus{border-color:var(--pastel-pink);outline:none;box-shadow:0 0 10px rgba(255,182,193,.3)}.todo-add-btn{background:var(--pastel-mint);color:var(--text-main);cursor:pointer;border:none;border-radius:15px;padding:10px 25px;font-size:1.1rem;font-weight:700;transition:transform .2s}.todo-add-btn:hover{background:#9de0a1;transform:translateY(-2px)}.todo-time-input{border:2px solid var(--pastel-blue);width:100px;color:var(--text-main);border-radius:12px;padding:10px;font-family:inherit;font-weight:700}.enable-todo-notif{color:#ff8b94;cursor:pointer;background:#fff;border:1px solid #ff8b94;border-radius:20px;align-self:center;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.enable-todo-notif:hover{background:#fff0f5;transform:scale(1.05)}.todo-stats{color:var(--text-light);justify-content:space-between;margin-bottom:15px;padding:0 10px;font-size:.9rem;font-weight:700;display:flex}.todo-list{flex-direction:column;gap:12px;max-height:50vh;padding-right:5px;display:flex;overflow-y:auto}.todo-empty{text-align:center;color:var(--pastel-lavender);padding:30px;font-size:1.2rem;font-weight:700}.todo-item{border:1px solid var(--glass-border);background:#fff;border-radius:15px;align-items:center;padding:15px;transition:all .2s;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.todo-item:hover{border-color:var(--pastel-pink);transform:translate(5px)}.todo-item.completed{background:rgba(255,255,255,.5)}.todo-checkbox{border:2px solid var(--pastel-pink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;margin-right:15px;font-size:.9rem;transition:all .2s;display:flex}.todo-item.completed .todo-checkbox{background:var(--pastel-pink);border-color:var(--pastel-pink)}.todo-text{color:var(--text-main);cursor:pointer;flex:1;font-size:1.1rem;transition:all .2s}.todo-content-col{flex-direction:column;flex:1;gap:2px;display:flex}.todo-time-tag{color:#ff8b94;font-size:.75rem;font-weight:700}.todo-item.completed .todo-text{color:var(--text-light);text-decoration:line-through}.todo-delete-btn{color:#ff6b81;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.todo-item:hover .todo-delete-btn{opacity:1}.todo-delete-btn:hover{background:rgba(255,107,129,.1)}.todo-clear-btn{border:2px dashed var(--pastel-lavender);color:var(--pastel-lavender);cursor:pointer;background:0 0;border-radius:15px;margin-top:20px;padding:10px;font-weight:700;transition:all .2s}.todo-clear-btn:hover{background:var(--pastel-lavender);color:#fff}@media (max-width:480px){.todo-container{padding:12px}.todo-input-row{flex-direction:column;gap:8px}.todo-input,.todo-time-input,.todo-add-btn{width:100%;padding:10px 15px;font-size:1rem}.todo-item{padding:10px}.todo-text{font-size:.95rem}.todo-header{margin-bottom:12px;font-size:1.4rem}}.sub-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:rgba(255,209,220,.4);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.blocking-paywall{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:9999!important;background:rgba(0,0,0,.85)!important}.trial-ended-tag{color:#fff;background:#ff8b94;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.9rem;font-weight:700;animation:2s infinite pulse}.sub-card{text-align:center;border:3px solid var(--pastel-pink);background:#fff;border-radius:30px;width:100%;max-width:450px;padding:40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 20px 50px rgba(255,139,148,.3)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sub-badge{color:#fff;background:linear-gradient(135deg,#ff8b94,#ffc8dd);border-radius:20px;margin-bottom:20px;padding:5px 15px;font-size:.8rem;font-weight:700;display:inline-block}.sub-card h2{color:#ff8b94;margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:2.2rem}.sub-tagline{color:var(--text-light);margin-bottom:30px;font-weight:500}.sub-features{text-align:left;background:#fff5f8;border-radius:20px;margin-bottom:30px;padding:20px}.feat-item{color:var(--text-main);align-items:center;gap:10px;margin-bottom:12px;font-weight:600;display:flex}.sub-pricing{margin-bottom:30px}.price-amount{color:var(--pastel-lavender);font-family:Fredoka,sans-serif;font-size:3rem;font-weight:800}.price-period{color:var(--text-light);font-size:1rem;font-weight:700}.subscribe-btn{background:linear-gradient(135deg, var(--pastel-pink), #ff8b94);color:#fff;cursor:pointer;border-radius:20px;width:100%;padding:18px;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 8px 25px rgba(255,139,148,.4)}.subscribe-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px rgba(255,139,148,.6)}.sub-footer{color:var(--text-light);margin-top:20px;font-size:.8rem}.plans-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;display:grid}@media (max-width:400px){.plans-grid{grid-template-columns:1fr}.sub-card{padding:25px 15px}.sub-card h2{font-size:1.8rem}}.plan-item{cursor:pointer;background:#fff;border:2px solid #ffecf2;border-radius:15px;padding:15px;transition:all .2s;position:relative}.plan-item.selected{background:#fff5f8;border-color:#ff85a2;transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,133,162,.2)}.plan-name{color:#ff85a2;margin-bottom:5px;font-weight:700}.plan-price{color:#ff5c8d;font-size:1.5rem;font-weight:800}.plan-sub{color:#888;font-size:.8rem}.plan-badge{color:#fff;background:#ff5c8d;border-radius:10px;padding:4px 8px;font-size:.6rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.trial-promo-box{color:#ff69b4;background:#fff0f5;border:2px dashed #ffb6c1;border-radius:15px;margin-bottom:20px;padding:12px;font-size:.9rem;font-weight:700;animation:.8s bounceIn}.trial-promo-box span{font-size:1.1rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cancel-sub-view{color:#ff8b94;cursor:pointer;background:0 0;border:2px solid #ffb7c5;border-radius:20px;margin-top:25px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cancel-sub-view:hover{color:#ff5c8d;background:#fff5f8;border-color:#ff85a2;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,133,162,.1)}.shop-container{max-width:1100px;margin:0 auto;padding:20px 20px 120px}.shop-header{text-align:center;background:#fff;border:1.5px solid #ffd1dc;border-radius:20px;margin-bottom:30px;padding:30px;box-shadow:0 10px 30px rgba(255,183,197,.15)}.shop-header h2{color:#ff8b94;margin-bottom:8px;font-family:Fredoka,sans-serif;font-size:2.2rem}.shop-header p{color:#888;margin-bottom:20px;font-weight:600}.shop-main-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:center;gap:10px;padding:5px;display:flex;overflow-x:auto}.shop-main-tabs::-webkit-scrollbar{display:none}.shop-main-tabs button{color:#ff8b94;cursor:pointer;background:#fdf2f4;border:2px solid transparent;border-radius:25px;padding:12px 25px;font-size:1rem;font-weight:800;transition:all .3s}.shop-main-tabs button.active{color:#fff;background:#ff8b94;box-shadow:0 5px 15px rgba(255,139,148,.3)}.theme-filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;display:flex}.filter-tag{color:#666;cursor:pointer;background:#fff;border:1.5px solid #eee;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s}.filter-tag.active{color:#fff;background:#ffb7c5;border-color:#ffb7c5}.themes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:50px;display:grid}.theme-card{cursor:pointer;background:#fff;border:2px solid transparent;border-radius:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.05)}.theme-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(255,183,197,.2)}.theme-card.equipped{border-color:#ff8b94}.theme-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:140px}.theme-info{text-align:center;padding:18px}.theme-info h3{color:#444;margin-bottom:15px;font-size:1.1rem}.btn-shop-action{cursor:pointer;text-transform:uppercase;border:none;border-radius:15px;width:100%;padding:12px;font-size:.9rem;font-weight:800;transition:all .2s}.btn-equip-action{color:#5d6d7e;background:#f0f4f8}.btn-equip-action:hover{color:#fff;background:#ffb7c5}.btn-equipped{color:#2e7d32;cursor:default;background:#e8f5e9}.btn-locked-pro{color:#a4b0be;cursor:not-allowed;background:#f1f2f6}.locked-item{-webkit-filter:grayscale(.8);filter:grayscale(.8);opacity:.7;position:relative}.locked-item:after{content:"💎";background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.stickers-shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;display:grid}.sticker-item-card{text-align:center;background:#fff;border:1.5px solid #f1f2f6;border-radius:18px;padding:20px;transition:all .3s}.sticker-item-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.sticker-item-emoji{margin-bottom:12px;font-size:3rem}.sticker-item-info h4{color:#555;margin-bottom:12px;font-size:.85rem}.btn-unlock{color:#fff;background:linear-gradient(135deg,#ff8b94,#ffb7c5)}.btn-owned{color:#7d8da1;cursor:default;background:#f0f4f8}@media (max-width:600px){.themes-grid{grid-template-columns:1fr}.stickers-shop-grid{grid-template-columns:1fr 1fr}.shop-main-tabs{justify-content:flex-start;padding:10px 5px}.shop-main-tabs button{white-space:nowrap;flex-shrink:0;padding:8px 15px;font-size:.85rem}.shop-header h2{font-size:1.8rem}}.upgrades-shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.upgrade-item-card{cursor:pointer;background:#fff;border:2px solid #eee;border-radius:20px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.upgrade-item-card:hover{border-color:var(--pastel-pink);transform:translateY(-5px);box-shadow:0 10px 25px rgba(255,183,197,.3)}.upgrade-item-icon{background:#fdf2f5;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.upgrade-item-info{flex:1}.upgrade-item-info h4{color:var(--text-main);margin-bottom:5px;font-size:1.1rem}.upgrade-desc{color:#888;margin-bottom:12px;font-size:.8rem;line-height:1.3}.shop-content-scrollable{scrollbar-width:thin;scrollbar-color:#ffb7c5 #fdf2f4;max-height:calc(100vh - 350px);margin-top:10px;padding-right:5px;overflow-y:auto}.shop-content-scrollable::-webkit-scrollbar{width:6px}.shop-content-scrollable::-webkit-scrollbar-track{background:#fdf2f4;border-radius:10px}.shop-content-scrollable::-webkit-scrollbar-thumb{background:#ffb7c5;border-radius:10px}.kawaii-journal-container{background:#fff5f7;flex-direction:column;align-items:center;width:100%;height:100%;font-family:Quicksand,sans-serif;display:flex;position:relative;overflow:hidden}.kawaii-journal-container.dragging-active{touch-action:none;overscroll-behavior:none}.journal-header{z-index:100;text-align:center;background:#fff;border-bottom:2px solid #ffd1dc;width:100%;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.journal-header h1{color:#ff85a2;letter-spacing:1px;margin:0 0 10px;font-size:1.5rem}.sticker-drawer{background:#fff0f6;border-radius:20px;gap:20px;max-width:90%;margin:0 auto;padding:10px;display:flex;overflow-x:auto}.draggable-sticker{cursor:grab;font-size:2.2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.draggable-sticker:hover{transform:scale(1.3)rotate(10deg)}.journal-cover-perspective{perspective:2000px;cursor:pointer;margin-top:40px;padding-bottom:40px}.journal-cover-3d{width:450px;height:680px;transform-style:preserve-3d;border:5px solid #fff;border-radius:15px 30px 30px 15px;flex-direction:column;justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:15px 15px 40px rgba(0,0,0,.15),inset -5px 0 15px rgba(0,0,0,.1)}.journal-cover-3d:hover{transform:rotateY(-15deg)scale(1.05)}.cover-content{text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);padding:40px}.cover-content.with-image{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:90%;padding:30px 15px}.cover-content h1{margin-bottom:15px;font-family:Dancing Script,cursive;font-size:2.2rem}.cover-icon{-webkit-filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));margin-top:30px;font-size:8rem}.cover-spine{background:rgba(0,0,0,.1);border-radius:10px 0 0 10px;width:45px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 10px rgba(0,0,0,.1)}.journal-book-wrapper{flex-direction:column;width:100%;max-width:none;height:92vh;min-height:850px;padding:5px;display:flex}.placed-sticker.moving{opacity:.7;z-index:1000;transform:translate(-50%,-50%)scale(1.2)}.journal-controls{justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.control-btn{color:#fff;background:#ff85a2;border:none;border-radius:25px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px rgba(255,133,162,.3)}.control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,133,162,.4)}.formatting-toolbar{background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:15px;padding:12px;display:flex;overflow-x:auto;box-shadow:0 5px 20px rgba(0,0,0,.05)}.journal-book{perspective:2000px;background:#fff;border:8px solid #fff;border-radius:15px;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.05)}.journal-page{width:100%;height:100%;padding:10px;transition:transform .4s;position:relative;overflow-y:auto}.page-paper{background:rgba(255,255,255,.85) linear-gradient(#e1e1e1 1px,transparent 1px) 0 0/100% 32px local;border-radius:10px;flex-direction:column;width:100%;min-height:100%;padding:15px;display:flex;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.02)}.page-paper:before{content:"";background:rgba(255,133,162,.2);width:2px;position:absolute;top:0;bottom:0;left:45px}.binder-rings{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-around;width:40px;padding:40px 0;display:flex;position:absolute;top:0;bottom:0;left:15px}.binder-ring{background:linear-gradient(#d1d1d1,#f0f0f0,#d1d1d1);border-radius:6px;width:40px;height:12px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.page-date-picker{color:#ff85a2;background:#fff0f3;border:none;border-radius:15px;margin-bottom:20px;padding:8px 15px;font-family:Quicksand;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.05)}.page-title-input{color:#4a4e69;background:0 0;border:none;width:100%;margin-bottom:20px;font-family:Quicksand,sans-serif;font-size:2rem;font-weight:700}.page-content-area{resize:none;border:none;flex:1;margin-top:4px;padding:0;font-family:inherit;line-height:32px;background:0 0!important}.placed-sticker{pointer-events:auto;cursor:grab;-webkit-filter:drop-shadow(3px 3px 6px rgba(0,0,0,.1));filter:drop-shadow(3px 3px 6px rgba(0,0,0,.1));z-index:100;font-size:3.5rem;position:absolute;transform:translate(-50%,-50%)}.edge-trigger{z-index:50;cursor:pointer;width:80px;position:absolute;top:0;bottom:0}.left-edge{left:0}.right-edge{right:0}.flipping-page-layer{z-index:45;transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;background:#fff;width:100%;height:100%;transition:transform .8s cubic-bezier(.645,.045,.355,1);display:none;position:absolute;top:0;right:0;transform:rotateY(0);box-shadow:inset 10px 0 20px rgba(0,0,0,.1)}.flipping-next .flipping-page-layer{animation:.8s forwards flip-next-anim;display:block}.flipping-prev .flipping-page-layer{transform-origin:100%;animation:.8s forwards flip-prev-anim;display:block}@keyframes flip-next-anim{0%{transform:rotateY(0);box-shadow:inset 10px 0 20px rgba(0,0,0,.05)}50%{background:#fdfdfd;box-shadow:inset 100px 0 50px rgba(0,0,0,.1)}to{transform:rotateY(-180deg);box-shadow:inset 10px 0 20px transparent}}@keyframes flip-prev-anim{0%{transform:rotateY(0);box-shadow:inset -10px 0 20px rgba(0,0,0,.05)}50%{background:#fdfdfd;box-shadow:inset -100px 0 50px rgba(0,0,0,.1)}to{transform:rotateY(180deg);box-shadow:inset -10px 0 20px transparent}}.add-page-overlay{z-index:60;position:absolute;bottom:40px;right:40px}.add-page-btn{color:#22577a;background:#bde0fe;border:none;border-radius:30px;padding:8px 15px;font-size:.85rem;font-weight:700;transition:all .3s;box-shadow:0 5px 15px rgba(189,224,254,.4)}.add-page-btn:hover{transform:scale(1.1)rotate(2deg)}.journal-trash-bin{z-index:200;pointer-events:auto;background:#fff;border:3px dashed #ff85a2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite trash-float;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px rgba(0,0,0,.1)}.journal-trash-bin.dragging{opacity:1;border-style:solid;border-width:4px;scale:1}.journal-trash-bin.active{color:#fff;background:#ff85a2;border-style:solid;transform:translate(-50%)scale(1.3)}.trash-icon{font-size:1.8rem}.journal-trash-bin span{font-size:.7rem;font-weight:700}@keyframes trash-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.paywall-fullscreen{z-index:99999;background:linear-gradient(135deg,#fce4ec 0%,#f3e5f5 50%,#e8eaf6 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Fredoka,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.private-wall{background:linear-gradient(135deg,#fce4ec 0%,#f3e5f5 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Fredoka,sans-serif;display:flex}.private-card{text-align:center;background:#fff;border:4px solid #fff;border-radius:40px;max-width:500px;padding:50px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.private-card h1{color:#ff8b94;margin-bottom:20px}.private-card p{color:#888;margin-bottom:15px;font-weight:500}.access-denied{color:#e57373;margin-top:20px}.app-container{flex-direction:column;align-items:center;width:100%;display:flex}.app-content-wrapper{align-items:flex-start;gap:20px;width:100%;display:flex}.main-view{flex:1;min-width:0}.full-screen-view{width:100vw!important;margin:0!important;padding:0!important}.sidebar-view{flex-shrink:0;width:100%;max-width:320px}.app-header{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:30px;padding:20px 40px}.app-header h1{color:#ff8b94;margin-bottom:5px;font-family:Fredoka,sans-serif;font-size:2.5rem}.app-header p{color:var(--text-light);font-weight:500}@media (max-width:1024px){.app-content-wrapper{flex-direction:column;align-items:center;gap:30px}.sidebar-view{order:2;width:100%;max-width:600px}.main-view{order:1;width:100%}}@media (max-width:768px){#root{padding:0 0 85px}.app-header{margin-bottom:15px;padding:15px 10px}.app-header h1{font-size:1.8rem}.top-nav{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));box-sizing:border-box;border-radius:0 0 15px 15px;flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.nav-left,.nav-right{flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:auto}.top-nav button{padding:6px 8px;font-size:.8rem}.user-status-tag{display:none}.user-avatar{width:28px;height:28px}.shiny-btn-v2{min-width:22px;padding:4px;font-size:.5rem}}@media (max-width:380px){.top-nav{padding:6px;padding-top:calc(6px + env(safe-area-inset-top,0px));gap:4px}.nav-left,.nav-right{gap:4px}.weather-widget{gap:4px;padding:4px 6px}.weather-temp{font-size:.9rem}.menu-toggle-btn{padding:6px 8px;font-size:.7rem}.logout-btn-nav{min-width:35px;padding:6px!important}}@media (max-width:480px){.app-header h1{font-size:1.4rem}.menu-toggle-btn{border-radius:10px;padding:6px 10px;font-size:.75rem}.top-nav{gap:8px;margin-bottom:10px;padding:5px 8px}.nav-right{gap:4px}.shiny-btn-v2{min-width:20px;padding:3px;font-size:.45rem}.user-avatar{width:22px;height:22px}.logout-btn-nav{justify-content:center;align-items:center;min-width:40px;display:flex;padding:8px!important;font-size:1.3rem!important}.vertical-menu{border:none;border-radius:0;outline:none;width:100vw;height:100vh;margin-left:0}.vertical-menu-overlay{background:#fff}}.top-nav{background:var(--glass-bg);box-shadow:var(--shadow);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:15px;margin-bottom:20px;padding:10px 20px;display:flex;position:relative}.menu-toggle-btn{cursor:pointer;z-index:1001;border:none;border-radius:15px;padding:10px 20px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px rgba(255,139,148,.3);color:#fff!important;background:#ff8b94!important}.menu-toggle-btn:hover{transform:scale(1.05);background:#ff6b81!important}.vertical-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:rgba(255,240,245,.95);justify-content:flex-start;align-items:center;width:100vw;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.vertical-menu{background:#fff;border:6px solid #fff;border-radius:40px;outline:2px solid #fce4ec;flex-direction:column;gap:12px;width:min(340px,85vw);height:90vh;margin-left:min(30px,5vw);padding:40px 20px;animation:.5s cubic-bezier(.16,1,.3,1) kawaiiSlideIn;display:flex;position:relative;overflow-y:auto;box-shadow:20px 20px 60px rgba(255,139,148,.2)}@keyframes kawaiiSlideIn{0%{opacity:0;transform:translate(-100px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.menu-header{color:#ff8b94;text-align:center;border-bottom:3px dashed #fff0f5;flex-direction:column;align-items:center;gap:10px;margin-bottom:25px;padding-bottom:20px;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:800;display:flex}.menu-header:before{content:"🎀";margin-bottom:-10px;font-size:2.5rem}.vertical-menu button{text-align:left;color:#666;cursor:pointer;background:#fff;border:2px solid #fff0f5;border-radius:25px;align-items:center;gap:15px;width:100%;padding:18px 25px;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.vertical-menu button:hover{color:#ff8b94;background:#fff0f5;border-color:#ff8b94;transform:translate(10px)scale(1.02)}.vertical-menu button.active{color:#fff;background:linear-gradient(135deg,#ff8b94,#ffb7c5);border-color:transparent;box-shadow:0 10px 25px rgba(255,139,148,.4)}.menu-header small{color:#ffb7c5;text-transform:none;margin-top:5px;font-size:.9rem;font-weight:600}.menu-close-x{cursor:pointer;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px rgba(255,139,148,.1);color:#ff8b94!important;background:#fff0f5!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important;font-size:1.1rem!important;font-weight:900!important}.menu-close-x:hover{transform:rotate(180deg)scale(1.1);color:#fff!important;background:#ff8b94!important}.menu-nav-links{flex-direction:column;gap:12px;display:flex}.menu-icon{background:#fff;border-radius:15px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;display:flex;box-shadow:0 4px 10px rgba(0,0,0,.03)}.vertical-menu button.active .menu-icon{background:rgba(255,255,255,.2)}.menu-divider{background:#fff0f5;border-radius:2px;height:4px;margin:15px 0}.menu-section-label{color:#ffb7c5;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:800}.test-mode-panel-vertical{flex-direction:column;gap:8px;display:flex}.sound-selector-vertical{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sound-option-btn{text-align:center;cursor:pointer;color:#888;background:#fff;border:2px solid #fff0f5;border-radius:15px;width:100%;padding:10px 5px;font-size:.85rem;font-weight:700;transition:all .2s}.sound-option-btn:hover{color:#ff8b94;background:#fff0f5;border-color:#ffb7c5}.sound-option-btn.active{color:#fff;background:linear-gradient(135deg,#ff8b94,#ffb7c5);border-color:transparent;box-shadow:0 4px 10px rgba(255,139,148,.2)}.test-mode-panel-vertical .test-btn{text-align:left;background:#fdfdfd;border:1px solid #fff0f5;border-radius:15px;width:100%;padding:12px 18px;font-size:.9rem}.nav-left{gap:15px;display:flex}.nav-right{align-items:center;gap:15px;display:flex}.coin-display{color:#d4af37;background:#fff;border:1px solid #f1e0a2;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-weight:700;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.coin-count{color:var(--text-main)}.top-nav button{color:var(--text-light);background:0 0;border-radius:12px;padding:8px 15px;font-size:1.2rem;font-weight:700;transition:all .2s}.top-nav button:hover{background:rgba(255,209,220,.3)}.top-nav button.active{background:var(--pastel-pink);color:#fff}.login-screen{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);border:2px solid var(--glass-border);text-align:center;border-radius:20px;padding:40px}.login-box h1{color:var(--pastel-lavender);margin-bottom:10px;font-family:Fredoka,sans-serif}.login-box p{color:var(--text-light);margin-bottom:30px;font-weight:700}.login-btn{background:var(--pastel-pink);color:#fff;border-radius:15px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}.login-btn:hover{transform:scale(1.05)}.user-info{color:var(--text-main);align-items:center;gap:10px;margin-right:auto;font-weight:700;display:flex}.user-avatar{border:2px solid var(--pastel-pink);border-radius:50%;width:35px;height:35px}.logout-btn{color:#ff6b81!important;background:0 0!important;border:1px dashed #ff6b81!important}.logout-btn:hover{background:rgba(255,107,129,.1)!important}.timer-dot{background-color:#ff6b81;border-radius:50%;width:8px;height:8px;margin-left:5px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.loading-screen{min-height:100vh;color:var(--pastel-lavender);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.persistent-view{visibility:hidden;pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0;overflow:hidden}.persistent-view.active{visibility:visible;pointer-events:auto;height:auto;position:static}.fairy-lights-overlay{z-index:1000;pointer-events:none;-webkit-filter:drop-shadow(0 0 5px #fff9c4);filter:drop-shadow(0 0 5px #fff9c4);background-image:radial-gradient(circle,#fff9c4 2px,transparent 3px);background-size:50px 50px;width:100%;height:30px;animation:2s infinite alternate twinkle;position:fixed;top:0;left:0}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}.cat-buddy-companion{z-index:1001;cursor:pointer;font-size:3.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:20px;left:20px}.cat-buddy-companion:hover{transform:scale(1.3)rotate(5deg)}.cat-speech-bubble{white-space:nowrap;opacity:0;pointer-events:none;color:var(--text-main);border:1px solid var(--pastel-pink);background:#fff;border-radius:15px;padding:8px 15px;font-size:.9rem;font-weight:700;transition:all .3s;position:absolute;top:-45px;left:40px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.cat-speech-bubble:after{content:"";border-top:10px solid #fff;border-bottom:0 solid transparent;border-left:0 solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px;left:20px}.cat-buddy-companion:hover .cat-speech-bubble{opacity:1;top:-55px}.virtual-plant-decoration{z-index:999;-webkit-filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));font-size:3rem;transition:transform .5s;position:fixed;bottom:25px;right:25px}.virtual-plant-decoration:hover{transform:translateY(-10px)rotate(5deg)}.user-status-tag{margin-right:15px;font-size:.8rem;font-weight:700}.pro-badge{color:#fff;background:linear-gradient(45deg,gold,orange);border-radius:20px;padding:4px 10px;box-shadow:0 4px 10px rgba(255,215,0,.3)}.trial-badge{color:#ff8b94;text-align:center;font-variant-numeric:tabular-nums;background:#fce4ec;border:1px solid #ffb7c5;border-radius:20px;min-width:140px;padding:4px 12px;font-size:.75rem;display:inline-block;box-shadow:0 2px 5px rgba(255,139,148,.1)}.menu-trial-timer{color:#ff8b94;font-variant-numeric:tabular-nums;box-sizing:border-box;background:#fff5f7;border:2px solid #ffb7c5;border-radius:20px;flex-direction:column;gap:8px;width:100%;margin:15px 0;padding:15px;font-size:.85rem;font-weight:700;display:flex;box-shadow:inset 0 2px 10px rgba(255,183,197,.1)}.trial-timer-title{text-align:center;color:#ff8b94;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.75rem;font-weight:800}.trial-timer-row{background:#fff;border:1px solid #fff0f5;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.02)}.trial-timer-row.remaining{color:#fff;background:linear-gradient(135deg,#ff8b94,#ffb7c5);border:none;animation:2s ease-in-out infinite pulse-timer;box-shadow:0 4px 10px rgba(255,139,148,.3)}.timer-label{text-transform:uppercase;font-size:.7rem;font-weight:600}.timer-value{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:800}.trial-timer-row.remaining .timer-label{color:rgba(255,255,255,.9)}.trial-timer-row.remaining .timer-value{color:#fff}.timer-value.expired{opacity:.8;text-decoration:line-through}.menu-renew-btn{color:#fff!important;cursor:pointer!important;text-align:center!important;background:linear-gradient(135deg,#ff8b94,#ffb7c5)!important;border:none!important;border-radius:15px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:5px!important;padding:10px!important;font-size:.9rem!important;font-weight:800!important;display:flex!important;box-shadow:0 4px 10px rgba(255,139,148,.3)!important}.menu-renew-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);transform:scale(1.05)}@keyframes pulse-timer{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.trial-timer-guest{display:none}.test-mode-panel{background:#fff0f5;border:1px solid #ffb6c1;border-radius:15px;gap:8px;padding:5px;display:flex}.test-btn{cursor:pointer;color:#888;background:#fff;border:none;border-radius:10px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.test-btn.active.free{color:#ff85a2;background:#ffecf2;box-shadow:0 2px 5px rgba(255,133,162,.2)}.test-btn.active.pro{color:#0284c7;background:#e0f2fe;box-shadow:0 2px 5px rgba(2,132,199,.2)}.test-btn.active.expired{color:#ea580c;background:#fff7ed;box-shadow:0 2px 5px rgba(234,88,12,.2)}.test-btn.active.sub-expired{color:#dc2626;background:#fef2f2;box-shadow:0 2px 5px rgba(220,38,38,.2)}.test-btn:hover:not(.active){background:#fef9fb;transform:translateY(-1px)}.shiny-btn-v2{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#ff6b81,#c3b1e1);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:.8rem;font-weight:800;transition:all .3s;animation:3s infinite heart-pulse;display:flex;position:relative;box-shadow:0 4px 10px rgba(255,107,129,.4);z-index:1000!important;pointer-events:auto!important}@keyframes heart-pulse{0%{transform:scale(1);box-shadow:0 4px 15px rgba(255,107,129,.3)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,107,129,.5)}to{transform:scale(1);box-shadow:0 4px 15px rgba(255,107,129,.3)}}.shiny-btn-v2:hover{animation:none;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px rgba(255,139,148,.6)}.shiny-btn-v2:active{transform:translateY(0)scale(.95)}.renew-btn{background:linear-gradient(135deg,#ff9a3c,#ff6b35)!important;animation:2.5s infinite renew-pulse!important;box-shadow:0 4px 15px rgba(255,107,53,.45)!important}@keyframes renew-pulse{0%{transform:scale(1);box-shadow:0 4px 20px rgba(255,107,53,.5)}50%{transform:scale(1.08);box-shadow:0 6px 28px rgba(255,107,53,.85)}to{transform:scale(1);box-shadow:0 4px 20px rgba(255,107,53,.5)}}.renew-btn:hover{animation:none!important;transform:translateY(-2px)scale(1.1)!important;box-shadow:0 8px 24px rgba(255,107,53,.7)!important}.user-profile{align-items:center;gap:10px;margin-left:10px;display:flex}.shiny-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(255,139,148,.6)}@keyframes shine{to{background-position:200%}}.upgrade-pro-btn{color:#fff;background:#ff8b94;border:none;border-radius:20px;padding:8px 15px;font-weight:700}.sound-selector-nav{background:rgba(255,255,255,.4);border:1px solid rgba(255,183,197,.3);border-radius:15px;align-items:center;gap:8px;padding:5px 12px;display:flex}.nav-label-small{color:#ff8b94;text-transform:uppercase;font-size:.75rem;font-weight:700}.nav-sound-select{color:#4a4a4a;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem;font-weight:700}.nav-sound-select option{color:#4a4a4a;background:#fff}.offline-pill{color:#ff8b94;white-space:nowrap;background:#fff0f5;border:2px solid #ffb7c5;border-radius:20px;align-items:center;gap:5px;padding:8px 15px;font-size:.8rem;font-weight:800;animation:2s infinite pulse-offline;display:flex;box-shadow:0 4px 10px rgba(255,183,197,.2)}@keyframes pulse-offline{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.scroll-top-btn{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#ff8b94,#ffb7c5);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:95px;right:25px;box-shadow:0 8px 20px rgba(255,139,148,.4)}.scroll-top-btn:hover{transform:scale(1.15)translateY(-5px);box-shadow:0 12px 30px rgba(255,139,148,.6)}.scroll-top-btn:active{transform:scale(.9)}@media (max-width:768px){.scroll-top-btn{width:50px;height:50px;bottom:100px;right:15px}}.logout-btn-nav{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.logout-btn-nav:hover{-webkit-filter:drop-shadow(0 0 8px rgba(255,139,148,.4));filter:drop-shadow(0 0 8px rgba(255,139,148,.4));transform:scale(1.3)rotate(10deg)}.pip-overlay{z-index:999999;text-align:center;background:linear-gradient(135deg,#ffafbd 0%,#ffc3a0 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pip-logo-container{flex-direction:column;align-items:center;gap:10px;display:flex}.pip-icon{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:40px;animation:2s ease-in-out infinite pip-pulse}.pip-text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);font-size:14px;font-weight:800}.pip-sub{color:rgba(255,255,255,.9);font-size:10px;font-weight:600}@keyframes pip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-container{padding-bottom:40px!important}@media (min-width:769px){.app-container{padding-bottom:20px!important}}.top-nav{padding-top:env(safe-area-inset-top,10px)}@media (max-width:480px){.nav-right{flex-shrink:0;gap:8px}.nav-left{flex-shrink:0}.menu-toggle-btn{white-space:nowrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}.auth-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.auth-form input{border:2px solid #ffb7c5;border-radius:15px;outline:none;padding:12px 20px;font-family:Quicksand,sans-serif;font-size:1rem}.auth-error{color:#ff4d4d;margin-top:-10px;font-size:.8rem}.auth-success{color:#2ecc71;margin-top:-10px;font-size:.8rem}.auth-toggle button,.reset-link{color:#ff8b94;cursor:pointer;background:0 0;border:none;margin-top:15px;font-size:.9rem;text-decoration:underline}:root{--pastel-pink:#ffd1dc;--pastel-blue:#aec6cf;--pastel-mint:#b2ebb5;--pastel-lavender:#c3b1e1;--pastel-peach:#ffdac1;--pastel-yellow:#fdfd96;--bg-color:#fff0f5;--text-main:#555;--text-light:#888;--white:#fff;--glass-bg:rgba(255,255,255,.7);--glass-border:rgba(255,255,255,.5);--shadow:0 8px 32px 0 rgba(255,182,193,.2)}.theme-nebula{--pastel-pink:#c3b1e1;--pastel-blue:#6c5ce7;--bg-color:#2d3436;--text-main:#dfe6e9;--text-light:#b2bec3;--glass-bg:rgba(45,52,54,.8);--glass-border:rgba(108,92,231,.3);--shadow:0 8px 32px 0 rgba(108,92,231,.4)}.theme-cottage{--pastel-pink:#e17055;--pastel-blue:#55efc4;--bg-color:#f7f1e3;--text-main:#2d3436;--text-light:#636e72;--glass-bg:rgba(255,255,255,.9);--glass-border:rgba(85,239,196,.3);--shadow:0 8px 32px 0 rgba(45,52,54,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,rgba(255,209,220,.4) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(174,198,207,.4) 0%,transparent 50%);min-height:100vh;font-family:Quicksand,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}button{cursor:pointer;border:none;outline:none;font-family:Quicksand,sans-serif}input,select{outline:none;font-family:Quicksand,sans-serif}