@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.avatar{border-radius:var(--radius-full);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-lg);border:4px solid var(--color-white)}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-small{width:60px;height:60px}.avatar-medium{width:100px;height:100px}.avatar-large{width:140px;height:140px}.progress-bar-container{width:100%}.progress-bar-track{height:20px;background:var(--color-lavender);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;border:2px solid rgba(255,105,180,.3)}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width var(--transition-normal);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:10px 10px 0 0}.progress-bar-labels{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);font-size:var(--font-size-caption)}.progress-current{font-weight:700;color:var(--color-magic-pink)}.progress-label{color:var(--color-text-light)}.progress-target{font-weight:700;color:var(--color-golden-yellow)}.pin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:fadeIn .2s ease-out}.pin-modal{width:100%;max-width:320px;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pin-modal h2{font-size:var(--font-size-header);color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}.pin-modal p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.pin-error{color:var(--color-gentle-red);font-size:var(--font-size-caption);margin-bottom:var(--spacing-md)}.pin-actions{display:flex;justify-content:center}.pin-actions button{min-width:120px}.welcome-intro{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-sky);z-index:100;overflow:hidden}.welcome-intro.transition{animation:fadeOutIntro .8s ease-out forwards}@keyframes fadeOutIntro{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1);pointer-events:none}}.intro-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);animation:introEnter .6s ease-out}@keyframes introEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.welcome-intro.transition .intro-content{animation:zoomOut .8s ease-out forwards}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.6)}}.intro-avatar{position:relative;z-index:2;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sparkle-ring{position:absolute;top:50%;left:50%;width:0;height:0;z-index:1}.intro-sparkle{position:absolute;font-size:var(--size);color:var(--color-golden-yellow);text-shadow:0 0 10px rgba(255,215,0,.8);animation:sparkleOrbit 3s ease-in-out infinite;animation-delay:var(--delay);transform:rotate(var(--angle)) translate(var(--distance));transform-origin:center}@keyframes sparkleOrbit{0%,to{opacity:.4;transform:rotate(var(--angle)) translate(var(--distance)) scale(.8)}50%{opacity:1;transform:rotate(calc(var(--angle) + 20deg)) translate(calc(var(--distance) + 10px)) scale(1.2)}}.intro-text{font-size:var(--font-size-header);font-weight:700;color:var(--color-magic-pink);text-shadow:2px 2px 4px rgba(255,105,180,.3);animation:textFadeIn .6s ease-out .3s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-continue-btn{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-button);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-magic-pink),var(--color-coral));border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 15px #ff69b466;animation:buttonFadeIn .6s ease-out .5s both;transition:transform .2s ease,box-shadow .2s ease}.intro-continue-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff69b480}.intro-continue-btn:active{transform:scale(.98)}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,180,.3) 0%,rgba(255,215,0,.2) 40%,transparent 70%);animation:glowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}@media(prefers-reduced-motion:reduce){.welcome-intro,.welcome-intro.transition,.intro-content,.intro-avatar,.intro-sparkle,.intro-glow{animation:none}.welcome-intro.transition{opacity:0}}.floating-elements-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floating-element{position:absolute;top:-20px;animation:floatDown linear infinite;color:var(--color-golden-yellow);text-shadow:0 0 8px rgba(255,215,0,.6);will-change:transform}.floating-element.star{color:var(--color-golden-yellow)}.floating-element.sparkle{color:var(--color-magic-pink);text-shadow:0 0 8px rgba(255,105,180,.6)}.floating-element.dot{color:var(--color-lavender);text-shadow:0 0 6px rgba(230,230,250,.8)}.floating-element.leaf{filter:hue-rotate(-20deg)}.floating-element.petal{filter:hue-rotate(10deg)}@keyframes floatDown{0%{transform:translateY(-20px) rotate(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg) translate(30px);opacity:0}}@keyframes floatGentle{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-15px) translate(10px) scale(1.1)}50%{transform:translateY(-5px) translate(-5px) scale(.95)}75%{transform:translateY(-20px) translate(-10px) scale(1.05)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.floating-element{animation:none;opacity:.3}}.welcome-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto;position:relative}.settings-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;padding:0;background:#ffffffe6;border-radius:var(--radius-full);font-size:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.welcome-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md)}.error-container{text-align:center;padding:var(--spacing-xl)}.error-container p{margin-bottom:var(--spacing-lg);color:var(--color-gentle-red)}.avatar-section{margin-top:var(--spacing-sm)}.greeting-section{text-align:center}.date-text{font-size:var(--font-size-caption);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.greeting-text{font-size:var(--font-size-header);color:var(--color-text-dark);font-weight:700}.points-card{width:100%;text-align:center;background:var(--gradient-celebration);padding:var(--spacing-lg)}.points-display{display:flex;flex-direction:column;align-items:center}.points-number{font-size:56px;font-weight:800;color:var(--color-magic-pink);line-height:1;text-shadow:2px 2px 4px rgba(255,255,255,.8)}.points-label{font-size:var(--font-size-body);color:var(--color-text-dark);font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5)}.quest-card{width:100%;text-align:center}.quest-title{font-size:var(--font-size-header);color:var(--color-magic-pink);margin-bottom:var(--spacing-md)}.birthday-countdown{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.days-number{font-size:48px;font-weight:800;color:var(--color-sunset-orange);line-height:1}.days-label{font-size:var(--font-size-body);color:var(--color-text-light)}.quest-complete{padding:var(--spacing-lg)}.quest-complete h2{color:var(--color-golden-yellow);font-size:var(--font-size-header);margin-bottom:var(--spacing-sm)}.quest-complete p{font-size:var(--font-size-body);color:var(--color-forest-green);font-weight:600}.start-quest-btn{width:100%;font-size:22px;padding:var(--spacing-lg);margin-top:var(--spacing-sm)}.nav-links{display:flex;gap:var(--spacing-md);width:100%}.nav-btn{flex:1;font-size:var(--font-size-body);padding:var(--spacing-md)}.target-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-soft-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.target-toggle:active{transform:scale(.98)}.target-toggle.checked{background:#4caf501a;border-color:var(--color-success)}.target-info,.target-text{display:flex;flex-direction:column;gap:2px}.target-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.target-subtitle{font-size:12px;color:var(--color-sunset-orange);font-weight:500}.target-points{font-size:var(--font-size-caption);font-weight:700}.target-points.positive{color:var(--color-success)}.target-points.negative{color:var(--color-gentle-red)}.toggle-switch{position:relative;width:52px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-soft-gray);border:2px solid #ccc;transition:var(--transition-fast);border-radius:32px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success);border-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.page-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.page-header h1{font-size:var(--font-size-header);color:var(--color-text-dark);flex:1;text-align:center;margin:0}.back-btn,.home-btn{background:transparent;color:var(--color-magic-pink);font-size:20px;padding:var(--spacing-sm);min-height:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.back-btn:active,.home-btn:active{transform:scale(.95)}.checkin-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto}.checkin-page>*{width:100%;max-width:400px}.date-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.date-icon{font-size:20px}.date-text{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-dark)}.completed-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#4caf501a,#81c7841a);border:2px solid var(--color-success)}.completed-emoji{font-size:48px;margin-bottom:var(--spacing-sm)}.completed-content h3{font-size:var(--font-size-header);color:var(--color-success);margin-bottom:var(--spacing-xs)}.completed-content p{font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-md)}.completed-content strong{color:var(--color-success);font-weight:700}.checkin-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.target-section{background:#ffffffe6;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-xs);font-weight:700}.section-hint{font-size:var(--font-size-caption);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.weekly-completed-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#4caf501a;border-radius:var(--radius-md);border:2px solid var(--color-success)}.completed-icon{font-size:24px}.completed-info{display:flex;flex-direction:column;gap:2px}.completed-title{font-weight:600;color:var(--color-text-dark)}.completed-detail{font-size:var(--font-size-caption);color:var(--color-success);font-weight:500}.school-options{display:flex;gap:var(--spacing-sm)}.school-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-soft-gray);border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-fast)}.school-option.selected{border-color:var(--color-magic-pink);background:#fff}.school-option.selected.positive{border-color:var(--color-success);background:#4caf501a}.school-option.selected.neutral{border-color:var(--color-warning);background:#ff98001a}.school-option.selected.negative{border-color:var(--color-gentle-red);background:#ff8a801a}.option-label{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-dark)}.option-points{font-size:var(--font-size-body);font-weight:700}.school-option.selected.positive .option-points{color:var(--color-success)}.school-option.selected.neutral .option-points{color:var(--color-warning)}.school-option.selected.negative .option-points{color:var(--color-gentle-red)}.targets-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.points-preview{background:#fff;padding:var(--spacing-lg)}.preview-row{display:flex;justify-content:space-between;color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:var(--font-size-caption)}.bonus-points{color:var(--color-forest-green);font-weight:600}.preview-total{display:flex;justify-content:space-between;padding-top:var(--spacing-sm);border-top:1px solid var(--color-soft-gray);font-weight:700}.total-points{font-size:var(--font-size-header)}.total-points.positive{color:var(--color-success)}.total-points.negative{color:var(--color-gentle-red)}.submit-btn{width:100%;font-size:20px;padding:var(--spacing-lg);margin-top:var(--spacing-md)}.result-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));position:relative;overflow-y:auto;overflow-x:hidden}.result-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);z-index:1}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:0}.confetti{position:absolute;width:10px;height:10px;top:-20px;animation:confettiFall 3s ease-out forwards;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.avatar-container{opacity:0;transform:scale(.8);transition:all .5s ease-out}.show-celebration .avatar-container{opacity:1;transform:scale(1)}.avatar-container.bounce{animation:celebrationBounce 1s ease-in-out}@keyframes celebrationBounce{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.result-message{text-align:center;opacity:0;transform:translateY(20px);transition:all .5s ease-out .2s}.show-celebration .result-message{opacity:1;transform:translateY(0)}.result-message h1{font-size:var(--font-size-header);margin-bottom:var(--spacing-xs)}.result-message p{font-size:var(--font-size-body);color:var(--color-text-light)}.celebration-message h1{color:var(--color-golden-yellow);font-size:28px}.great-message h1{color:var(--color-magic-pink)}.good-message h1{color:var(--color-forest-green)}.nice-message h1{color:var(--color-sunset-orange)}.gentle-message h1{color:var(--color-sky-blue)}.points-earned-card{width:100%;text-align:center;background:var(--gradient-celebration);opacity:0;transform:translateY(20px);transition:all .5s ease-out .4s}.show-celebration .points-earned-card{opacity:1;transform:translateY(0)}.earned-label{font-size:var(--font-size-caption);color:#ffffffe6;margin-bottom:var(--spacing-sm)}.earned-number{font-size:56px;font-weight:800;line-height:1}.earned-number.positive{color:var(--color-forest-green);text-shadow:2px 2px 4px rgba(255,255,255,.8)}.earned-number.negative{color:var(--color-gentle-red)}.total-card{width:100%;text-align:center;opacity:0;transform:translateY(20px);transition:all .5s ease-out .6s}.show-celebration .total-card{opacity:1;transform:translateY(0)}.total-label{font-size:var(--font-size-caption);color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.total-number{font-size:40px;font-weight:800;color:var(--color-magic-pink)}.quest-complete-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-celebration);border-radius:var(--radius-lg);font-size:var(--font-size-body);font-weight:700;color:var(--color-white);animation:pulse 2s ease-in-out infinite}.trophy{font-size:24px}.home-btn{width:100%;margin-top:var(--spacing-md);opacity:0;transform:translateY(20px);transition:all .5s ease-out .8s}.show-celebration .home-btn{opacity:1;transform:translateY(0)}.reward-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:2px solid transparent}.reward-card:active{transform:scale(.98)}.reward-card.affordable{border-color:var(--color-success);background:linear-gradient(to bottom,rgba(76,175,80,.1),var(--color-white))}.reward-card.locked{opacity:.8}.reward-icon{font-size:36px;margin-bottom:var(--spacing-sm)}.reward-title{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-sm);min-height:36px;display:flex;align-items:center;justify-content:center}.reward-cost{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:var(--spacing-sm)}.cost-number{font-size:var(--font-size-header);font-weight:800;color:var(--color-magic-pink)}.cost-label{font-size:var(--font-size-caption);color:var(--color-text-light)}.reward-locked{font-size:12px;color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-soft-gray);border-radius:var(--radius-sm)}.reward-unlocked{font-size:12px;color:var(--color-success);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);background:#4caf501a;border-radius:var(--radius-sm)}.redeem-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-caption);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-success),#2e7d32);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s,box-shadow .2s;min-height:36px}.redeem-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #4caf5066}.redeem-btn:active{transform:scale(.98)}.confirm-dialog{padding:var(--spacing-xs)}.confirm-dialog p{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}.confirm-buttons{display:flex;gap:var(--spacing-xs)}.confirm-yes,.confirm-no{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;min-height:32px}.confirm-yes{background:var(--color-success);color:#fff}.confirm-no{background:var(--color-soft-gray);color:var(--color-text-dark)}.rewards-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto}.rewards-page>*{width:100%;max-width:400px}.balance-card{text-align:center;background:var(--gradient-celebration);margin-bottom:var(--spacing-lg)}.balance-label{font-size:var(--font-size-caption);color:#ffffffe6;margin-bottom:var(--spacing-xs)}.balance-number{font-size:48px;font-weight:800;color:var(--color-magic-pink);line-height:1;text-shadow:2px 2px 4px rgba(255,255,255,.8)}.rewards-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rewards-section{margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-md);font-weight:700}.rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.birthday-quest-card{background:linear-gradient(135deg,#d4508a,#c44569);color:#fff;margin-bottom:var(--spacing-md);text-align:center;border:3px solid rgba(255,255,255,.3)}.quest-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.quest-icon{font-size:32px}.quest-header h2{font-size:var(--font-size-body);font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.quest-stats{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.quest-points{display:flex;align-items:baseline;gap:var(--spacing-xs)}.current-points{font-size:36px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.divider{font-size:24px;opacity:.8;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.target-points{font-size:24px;font-weight:600;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.points-needed{font-size:var(--font-size-caption);font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.birthday-quest-complete{background:linear-gradient(135deg,var(--color-golden-yellow),var(--color-sunset-orange));color:#fff;text-align:center;margin-bottom:var(--spacing-md)}.complete-icon{font-size:48px;display:block;margin-bottom:var(--spacing-sm)}.birthday-quest-complete h2{font-size:var(--font-size-header);margin-bottom:var(--spacing-xs)}.birthday-quest-complete p{opacity:.9}.quest-progress-bar{height:16px;background:#0003;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.4)}.quest-progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:6px;transition:width var(--transition-normal);box-shadow:0 0 10px #ffd70080}.history-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto}.history-page>*{width:100%;max-width:400px}.points-summary{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.points-icon{font-size:40px}.points-info{display:flex;flex-direction:column}.points-number{font-size:36px;font-weight:800;color:var(--color-magic-pink);line-height:1}.points-label{font-size:var(--font-size-caption);color:var(--color-text-light)}.graph-section{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.graph-title{font-size:var(--font-size-body);font-weight:700;color:var(--color-text-dark);text-align:center;margin-bottom:var(--spacing-md)}.graph-container{display:flex;justify-content:space-between;align-items:flex-end;height:140px;padding:0 var(--spacing-xs);gap:var(--spacing-xs)}.graph-day{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.graph-day.today .graph-label{background:var(--color-magic-pink);color:#fff;border-radius:var(--radius-sm)}.graph-bar-container{flex:1;display:flex;align-items:flex-end;justify-content:center;width:100%;min-height:80px}.graph-bar{width:100%;max-width:36px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;position:relative;transition:height .3s ease}.graph-bar.positive{background:linear-gradient(to top,var(--color-success),#81c784)}.graph-bar.negative{background:linear-gradient(to top,var(--color-gentle-red),#e57373)}.graph-bar.zero{height:40px!important;background:var(--color-soft-gray);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.bar-points{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bar-emoji{font-size:16px}.graph-label{text-align:center;padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.day-name{display:block;font-size:11px;font-weight:600;color:var(--color-text-light)}.day-num{display:block;font-size:12px;font-weight:700;color:var(--color-text-dark)}.graph-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-soft-gray)}.legend-item{font-size:12px;color:var(--color-text-light)}.legend-item.positive{color:var(--color-success)}.legend-item.negative{color:var(--color-gentle-red)}.history-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-title{font-size:var(--font-size-body);font-weight:700;color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}.history-day{margin-bottom:var(--spacing-sm)}.day-header{font-size:var(--font-size-caption);font-weight:700;color:var(--color-text-light);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.day-entries{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-entry{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.history-entry.positive{border-left:3px solid var(--color-success)}.history-entry.negative{border-left:3px solid var(--color-gentle-red)}.entry-icon{font-size:20px}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px}.entry-reason{font-size:var(--font-size-caption);color:var(--color-text-dark);font-weight:500}.entry-time{font-size:11px;color:var(--color-text-light)}.entry-points{font-size:var(--font-size-body);font-weight:700}.history-entry.positive .entry-points{color:var(--color-success)}.history-entry.negative .entry-points{color:var(--color-gentle-red)}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-icon{font-size:48px;display:block;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--color-text-dark);font-weight:600;margin-bottom:var(--spacing-xs)}.empty-hint{font-size:var(--font-size-caption);color:var(--color-text-light)}.error-banner{background:var(--color-gentle-red);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center}.admin-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));overflow-y:auto}.admin-page>*{width:100%;max-width:400px}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.back-btn{background:transparent;color:var(--color-magic-pink);font-size:var(--font-size-body);padding:var(--spacing-sm);min-height:auto}.page-header h1{font-size:var(--font-size-header);color:var(--color-text-dark);flex:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--spacing-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-lavender);border-top-color:var(--color-magic-pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--color-gentle-red);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.error-banner button{background:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);min-height:auto;font-size:var(--font-size-caption)}.success-banner{background:var(--color-success);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center}.admin-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-section{margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-sm);font-weight:700}.section-description{font-size:var(--font-size-caption);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.points-display{text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.current-points{font-size:48px;font-weight:800;color:var(--color-magic-pink);display:block;line-height:1}.points-label{font-size:var(--font-size-body);color:var(--color-text-light)}.adjust-form{padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.form-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.input-points{width:100px;padding:var(--spacing-sm);border:2px solid var(--color-lavender);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.input-reason{flex:1;padding:var(--spacing-sm);border:2px solid var(--color-lavender);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.btn-adjust{width:100%;background:var(--color-magic-pink);color:#fff;padding:var(--spacing-sm);font-weight:600}.btn-history{width:100%;margin-top:var(--spacing-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-soft-gray)}.modal-header h3{font-size:var(--font-size-body);font-weight:700}.modal-close{background:transparent;font-size:24px;color:var(--color-text-light);padding:0;min-height:auto;width:32px;height:32px}.history-list{overflow-y:auto;padding:var(--spacing-sm)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--color-soft-gray)}.history-info{display:flex;flex-direction:column;gap:2px}.history-reason{font-size:var(--font-size-caption);color:var(--color-text-dark)}.history-date{font-size:12px;color:var(--color-text-light)}.history-points{font-weight:700;font-size:var(--font-size-body)}.history-item.positive .history-points{color:var(--color-success)}.history-item.negative .history-points{color:var(--color-gentle-red)}.penalties-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.penalty-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.penalty-info{display:flex;flex-direction:column;gap:2px}.penalty-title{font-weight:600;color:var(--color-text-dark)}.penalty-points{font-size:var(--font-size-caption);color:var(--color-gentle-red);font-weight:600}.btn-penalty{background:var(--color-gentle-red);color:#fff;padding:var(--spacing-sm) var(--spacing-md);min-height:auto;font-size:var(--font-size-caption)}.pending-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pending-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-left:4px solid var(--color-success)}.pending-info{display:flex;flex-direction:column;gap:2px}.pending-title{font-weight:600;color:var(--color-text-dark)}.pending-date{font-size:var(--font-size-caption);color:var(--color-text-light)}.btn-mark-used{background:var(--color-success);color:#fff;padding:var(--spacing-sm) var(--spacing-md);min-height:auto;font-size:var(--font-size-caption)}.items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.item-card{padding:var(--spacing-md)}.item-card.disabled{opacity:.5}.item-info{display:flex;justify-content:space-between;align-items:center}.item-title{font-weight:600;color:var(--color-text-dark);font-size:var(--font-size-caption)}.item-value{font-weight:700;color:var(--color-magic-pink)}.item-value.penalty-value{color:var(--color-gentle-red)}.penalty-item .item-actions{flex-wrap:wrap}.item-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.btn-add{background:var(--color-success);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);min-height:auto;font-size:var(--font-size-caption);font-weight:600}.btn-edit{background:var(--color-lavender);color:var(--color-text-dark);padding:var(--spacing-xs) var(--spacing-sm);min-height:auto;font-size:12px}.btn-delete{background:var(--color-gentle-red);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);min-height:auto;font-size:14px;font-weight:700;width:28px}.add-form,.edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.add-form input,.add-form select,.edit-form input,.edit-form select{padding:var(--spacing-sm);border:2px solid var(--color-lavender);border-radius:var(--radius-sm);font-size:var(--font-size-caption)}.form-buttons{display:flex;gap:var(--spacing-sm)}.btn-save{flex:1;background:var(--color-success);color:#fff;padding:var(--spacing-sm);font-weight:600}.btn-cancel{flex:1;background:var(--color-soft-gray);color:var(--color-text-dark);padding:var(--spacing-sm)}.quick-actions{display:flex;gap:var(--spacing-sm)}.action-btn{flex:1}.pin-setup-overlay{position:fixed;inset:0;background:var(--gradient-sky);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000}.pin-setup{width:100%;max-width:340px;text-align:center;animation:fadeIn .3s ease-out}.setup-icon{font-size:48px;margin-bottom:var(--spacing-md)}.pin-setup h2{font-size:var(--font-size-header);color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}.pin-setup>p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.pin-inputs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.pin-digit{width:56px;height:64px;font-size:28px;font-weight:700;text-align:center;border:2px solid var(--color-soft-gray);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-dark);outline:none;transition:border-color var(--transition-fast)}.pin-digit:focus{border-color:var(--color-magic-pink)}.setup-error{color:var(--color-gentle-red);font-size:var(--font-size-caption);margin-bottom:var(--spacing-md)}.saving-text{color:var(--color-magic-pink);font-size:var(--font-size-caption);margin-bottom:var(--spacing-md)}.setup-hint{font-size:var(--font-size-caption);color:var(--color-text-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-soft-gray)}.ghibli-decor{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.cloud{position:absolute;font-size:48px;opacity:.15;filter:blur(1px);animation:cloudFloat linear infinite;will-change:transform}.cloud-1{top:8%;left:-60px;animation-duration:45s;font-size:56px}.cloud-2{top:25%;left:-80px;animation-duration:55s;animation-delay:-15s;font-size:40px;opacity:.1}.cloud-3{top:60%;left:-50px;animation-duration:50s;animation-delay:-30s;font-size:36px;opacity:.12}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}.nature-accent{position:absolute;font-size:20px;opacity:.2;animation:gentleBob 4s ease-in-out infinite}.accent-1{bottom:15%;left:5%;animation-delay:0s}.accent-2{bottom:25%;right:8%;animation-delay:-1.5s}.accent-3{bottom:8%;right:15%;animation-delay:-3s;font-size:16px}@keyframes gentleBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.texture-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,182,193,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(135,206,235,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.03) 0%,transparent 60%);mix-blend-mode:soft-light}@media(prefers-reduced-motion:reduce){.cloud,.nature-accent{animation:none}}:root{--color-magic-pink: #FF69B4;--color-sky-blue: #87CEEB;--color-sunset-orange: #FFB347;--color-forest-green: #90EE90;--color-lavender: #E6E6FA;--color-golden-yellow: #FFD700;--color-coral: #FF7F7F;--color-mint-green: #98FB98;--color-success: #4CAF50;--color-warning: #FF9800;--color-gentle-red: #FF8A80;--color-white: #FFFFFF;--color-soft-gray: #F5F5F5;--color-text-dark: #333333;--color-text-light: #666666;--gradient-primary: linear-gradient(135deg, var(--color-magic-pink), var(--color-coral));--gradient-celebration: linear-gradient(135deg, var(--color-golden-yellow), var(--color-sunset-orange));--gradient-sky: linear-gradient(180deg, var(--color-sky-blue), var(--color-lavender));--font-family: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-title: 32px;--font-size-header: 24px;--font-size-body: 18px;--font-size-button: 20px;--font-size-points: 36px;--font-size-caption: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0px 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0px 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0px 8px 24px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease;--touch-target-min: 44px;--touch-target-recommended: 48px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-dark);background:#e8f4f8;min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:100dvh;max-width:430px;margin:0 auto;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--gradient-sky);box-shadow:0 0 30px #0000001a}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-header)}h3{font-size:var(--font-size-body)}button{font-family:var(--font-family);font-size:var(--font-size-button);font-weight:600;cursor:pointer;border:none;outline:none;min-height:var(--touch-target-min);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}button:active{transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md),0 0 20px #ff69b44d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:active{box-shadow:var(--shadow-sm);transform:scale(.97)}.btn-secondary{background:#ffffffe6;color:var(--color-magic-pink);border:2px solid rgba(255,105,180,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#fff;border-color:var(--color-magic-pink);box-shadow:0 0 15px #ff69b433}.card{background:#fffffff2;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;border:2px solid rgba(255,182,193,.3)}.card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,#ff69b426,#87ceeb1a,#ffd70026);z-index:-1}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.bounce{animation:bounce 1s ease-in-out infinite}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--gradient-sky)}.loading-screen p{color:var(--color-text-light);font-size:var(--font-size-body)}