.login-container{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.macaron-background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fef7e7,#fce8e8,#e8f4fc);z-index:0}.gradient-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float-blob 20s ease-in-out infinite}.blob-1{width:400px;height:400px;background:radial-gradient(circle,#ffd6e8 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.blob-2{width:350px;height:350px;background:radial-gradient(circle,#e8f4fc 0%,transparent 70%);bottom:-80px;right:-80px;animation-delay:-5s}.blob-3{width:300px;height:300px;background:radial-gradient(circle,#fff4e6 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}.blob-4{width:250px;height:250px;background:radial-gradient(circle,#e8f4f0 0%,transparent 70%);top:20%;right:20%;animation-delay:-15s}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.login-content{position:relative;z-index:10;text-align:center;padding:40px;max-width:420px;width:90%}.login-logo{margin-bottom:48px;animation:fade-in-down .8s ease-out}.logo-emoji{font-size:56px;display:block;margin-bottom:12px;animation:bounce-soft 2s ease-in-out infinite}.logo-text{font-size:28px;font-weight:600;color:#2d3748;margin:0;letter-spacing:.5px}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:24px}.input-wrapper{position:relative;text-align:left;transition:all .3s ease}.input-label{display:block;font-size:18px;font-weight:500;color:#4a5568;margin-bottom:16px;text-align:center}.name-input{width:100%;padding:18px 24px;font-size:18px;border:2px solid #e2e8f0;border-radius:50px;background:#ffffffe6;color:#2d3748;outline:none;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.name-input::placeholder{color:#cbd5e0}.name-input:focus{border-color:#f6ad55;background:#fff}.name-input:disabled{opacity:.6;cursor:not-allowed}.breathing-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 20px);border-radius:50px;pointer-events:none;opacity:0;transition:opacity .3s ease}.input-wrapper.typing .breathing-glow{opacity:1;background:radial-gradient(circle,rgba(246,173,85,.2) 0%,transparent 70%);animation:breathe 2s ease-in-out infinite}.input-wrapper.loading .breathing-glow{opacity:0}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}}.error-message{background:#feb2b2e6;color:#c53030;padding:12px 20px;border-radius:12px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;animation:shake .5s ease-out}.error-icon{font-size:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.submit-button{padding:18px 32px;background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ed89364d;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ed893666}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-text{display:flex;align-items:center;justify-content:center;gap:8px}.sparkle{animation:sparkle 1.5s ease-in-out infinite}.sparkle:last-child{animation-delay:.5s}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-hint{font-size:13px;color:#a0aec0;margin:0;text-align:center}.floating-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.decoration{position:absolute;font-size:36px;opacity:.2;animation:float-decoration 15s ease-in-out infinite}.deco-1{top:15%;left:10%;animation-delay:0s}.deco-2{top:25%;right:15%;animation-delay:-4s}.deco-3{bottom:25%;left:15%;animation-delay:-8s}.deco-4{bottom:20%;right:10%;animation-delay:-12s}@keyframes float-decoration{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@media (max-width: 480px){.login-content{padding:30px 20px}.logo-emoji{font-size:48px}.logo-text{font-size:24px}.name-input{font-size:16px;padding:16px 20px}.gradient-blob{filter:blur(40px)}.blob-1,.blob-2{width:250px;height:250px}.blob-3,.blob-4{width:200px;height:200px}.decoration{font-size:28px}}.template-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-selector{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.template-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.template-header h3{margin:0;font-size:18px;color:#333}.template-close-btn{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.template-close-btn:hover{background:#e0e0e0;color:#333}.template-search{padding:16px 24px}.template-search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;transition:border-color .2s}.template-search-input:focus{outline:none;border-color:#7b68ee}.template-categories{display:flex;gap:8px;padding:0 24px 16px;overflow-x:auto;scrollbar-width:none}.template-categories::-webkit-scrollbar{display:none}.category-btn{padding:8px 16px;border:2px solid transparent;border-radius:20px;background:#f5f5f5;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s}.category-btn:hover{background:#e8e8e8}.category-btn.active{background:#7b68ee;color:#fff;border-color:#7b68ee}.template-list{flex:1;overflow-y:auto;padding:0 24px 24px}.template-loading,.template-empty{text-align:center;padding:40px 20px;color:#999}.template-item{display:flex;align-items:center;padding:16px;margin-bottom:12px;background:#fafafa;border-radius:16px;cursor:pointer;transition:all .2s;border:2px solid transparent}.template-item:hover{background:#f5f5f5;border-color:#e0e0e0;transform:translate(4px)}.template-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff;border-radius:12px;margin-right:16px;flex-shrink:0}.template-content{flex:1;min-width:0}.template-title{font-weight:600;color:#333;margin-bottom:4px}.template-description{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.template-meta{display:flex;gap:8px;flex-wrap:wrap}.template-category{font-size:12px;padding:4px 10px;border-radius:12px;background:#f0f0f0}.template-has-params{font-size:12px;padding:4px 10px;border-radius:12px;background:#fff3e0;color:#ff9800}.template-usage{font-size:12px;color:#999}.template-arrow{color:#ccc;font-size:18px;margin-left:12px}.template-fill-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}.template-fill-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.template-preview{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.preview-label{font-size:13px;color:#666;margin-bottom:8px}.preview-text{font-size:16px;color:#333;line-height:1.5}.placeholder-form{padding:24px}.placeholder-field{margin-bottom:20px}.placeholder-field label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.template-text-input,.template-number-input,.template-select-input,.template-time-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;transition:border-color .2s}.template-text-input:focus,.template-number-input:focus,.template-select-input:focus,.template-time-input:focus{outline:none;border-color:#7b68ee}.template-info{padding:0 24px 24px;display:flex;flex-wrap:wrap;gap:16px}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:14px;color:#666}.urgency-badge{padding:4px 12px;border-radius:12px;font-size:13px}.urgency-red{background:#ffe0e3;color:#ff4757}.urgency-yellow{background:#fff3e0;color:#ffa502}.urgency-green{background:#e0f8ec;color:#2ed573}.energy-badge{font-size:16px}.template-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0}.template-btn-secondary,.template-btn-primary{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.template-btn-secondary{background:#f5f5f5;color:#666}.template-btn-secondary:hover{background:#e8e8e8}.template-btn-primary{background:#7b68ee;color:#fff}.template-btn-primary:hover{background:#6a5ddd}.category-work{background:#e3f2fd;color:#4a90e2}.category-study{background:#ede7f6;color:#7b68ee}.category-life{background:#e8f5e9;color:#50c878}.category-health{background:#ffebee;color:#ff6b6b}.category-general{background:#f5f5f5;color:#666}.task-form-container{background:#fff;border-radius:10px 8px 12px 7px;padding:1.1rem;box-shadow:2px 3px #5d53481a;margin-bottom:1.25rem;position:relative;background-image:repeating-linear-gradient(transparent,transparent 23px,rgba(212,200,188,.08) 24px);box-sizing:border-box}.form-header{margin-bottom:1.1rem;position:relative;z-index:1}.form-header h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem}.form-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}.quick-templates{margin-bottom:1.1rem;position:relative;z-index:1}.quick-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.quick-templates-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.quick-templates-title svg{flex-shrink:0}.more-templates-btn{padding:.3rem .65rem;border:1px dashed var(--color-matcha);border-radius:50px;background:var(--color-matcha-light);color:var(--color-matcha-dark);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.more-templates-btn svg{flex-shrink:0}.more-templates-btn:hover{background:var(--color-matcha);color:#fff;border-style:solid}.more-templates-btn:hover svg{stroke:#fff}.quick-templates-list{display:flex;gap:.4rem;flex-wrap:wrap}.quick-template-btn{padding:.4rem .7rem;border:1px solid var(--border-soft);border-radius:50px;background:#fff;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:1px 2px #5d53480d}.quick-template-btn:hover{background:var(--color-matcha-light);border-color:var(--color-matcha);transform:translateY(-1px);box-shadow:2px 3px #a8c69f33}.form-group{margin-bottom:1.1rem;position:relative;z-index:1}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.4rem}.label-hint{font-weight:400;color:var(--text-tertiary);font-size:.75rem}.form-textarea,.form-input{width:100%;padding:.7rem .85rem;border:2px solid var(--border-soft);border-radius:7px 9px 6px 10px;font-size:.875rem;font-family:inherit;background:#fff;color:var(--text-primary);outline:none;transition:all .2s ease;box-sizing:border-box}.form-textarea{resize:vertical;min-height:70px}.form-textarea:focus,.form-input:focus{border-color:var(--color-matcha);box-shadow:0 0 0 3px #a8c69f26}.form-textarea:disabled,.form-input:disabled{background:var(--color-cream);cursor:not-allowed}.form-textarea::placeholder{color:var(--text-light)}.input-hint{font-size:.75rem;color:var(--text-tertiary);margin:.5rem 0 0}.suggestion-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-apricot-light);border-radius:6px 8px 4px 7px;margin-top:.75rem;border:1px dashed var(--color-apricot);box-shadow:1px 2px #f5c4a133}.hint-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.hint-icon svg{width:16px;height:16px}.hint-text{flex:1;font-size:.8125rem;color:var(--text-primary)}.hint-apply{padding:.375rem .75rem;border:none;border-radius:50px;background:#fff;color:var(--color-apricot-dark);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px #0000000d}.hint-apply:hover{background:var(--color-apricot);color:#fff;transform:translateY(-1px)}.energy-selector,.urgency-selector{display:flex;gap:.5rem;flex-wrap:wrap}.urgency-option{flex:1;min-width:70px;padding:.65rem .5rem;border:2px solid var(--border-soft);border-radius:50% 45% 55% 48%;background:#f5f5f5;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:.2rem;box-shadow:1px 2px #5d534814;opacity:.6}.urgency-option:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:2px 4px #0000001a;opacity:.8}.urgency-option.urgency-green:hover:not(:disabled){border-color:#c9b896}.urgency-option.urgency-yellow:hover:not(:disabled){border-color:#7d5a36}.urgency-option.urgency-red:hover:not(:disabled){border-color:#4a321c}.urgency-option.active{transform:scale(1.05);box-shadow:2px 4px #00000026;opacity:1}.urgency-option.urgency-green.active{background:#c9b896;border-color:#c9b896}.urgency-option.urgency-yellow.active{background:#7d5a36;border-color:#7d5a36}.urgency-option.urgency-red.active{background:#4a321c;border-color:#4a321c}.urgency-option.active .urgency-label,.urgency-option.active .urgency-desc{color:#fff!important}.urgency-option.active .urgency-icon svg{stroke:#fff!important}.urgency-option.active .urgency-icon svg circle[fill]{fill:#fff!important}.urgency-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.urgency-icon svg{width:16px;height:16px}.urgency-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #5D5348)}.urgency-option.active .urgency-label{color:var(--text-primary, #5D5348)}.urgency-desc{font-size:.6875rem;color:var(--text-secondary, #8B7D70)}.urgency-option.active .urgency-desc{color:var(--text-secondary, #8B7D70)}.urgency-option:disabled{opacity:.5;cursor:not-allowed}.energy-option{flex:1;min-width:60px;padding:.6rem .4rem;border:2px solid var(--border-soft);border-radius:50% 45% 55% 48%;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:.2rem;box-shadow:1px 2px #5d534814}.energy-option:hover:not(:disabled){border-color:var(--energy-color);transform:translateY(-2px) rotate(-1deg);box-shadow:2px 4px #0000001a}.energy-option.active{border-color:var(--energy-color);background:var(--energy-color);transform:scale(1.05)}.energy-option.active .energy-label,.energy-option.active .energy-desc{color:#fff!important}.energy-option.active .energy-icon svg{stroke:#fff!important}.energy-option.active .energy-icon svg path,.energy-option.active .energy-icon svg circle{stroke:#fff!important;fill:#fff!important}.energy-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.energy-icon svg{width:18px;height:18px}.energy-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #5D5348)}.energy-desc{font-size:.6875rem;color:var(--text-secondary, #8B7D70)}.energy-option:disabled{opacity:.5;cursor:not-allowed}.energy-option[data-level="1"]{--energy-color: #E8DCC8;--energy-bg: rgba(232, 220, 200, .3)}.energy-option[data-level="2"]{--energy-color: #C9B896;--energy-bg: rgba(201, 184, 150, .3)}.energy-option[data-level="3"]{--energy-color: #A68B5B;--energy-bg: rgba(166, 139, 91, .3)}.energy-option[data-level="4"]{--energy-color: #7D5A36;--energy-bg: rgba(125, 90, 54, .3)}.energy-option[data-level="5"]{--energy-color: #4A321C;--energy-bg: rgba(74, 50, 28, .3)}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.85rem;border-top:1px dashed var(--border-soft);position:relative;z-index:1}.btn-cancel,.btn-submit{padding:.65rem 1.25rem;border:none;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--color-cream);color:var(--text-secondary);border:2px solid var(--border-soft)}.btn-cancel:hover:not(:disabled){background:#fff;border-color:var(--color-matcha)}.btn-submit{background:linear-gradient(135deg,var(--color-matcha) 0%,var(--color-matcha-dark) 100%);color:#fff;box-shadow:0 3px 0 var(--color-matcha-dark)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 var(--color-matcha-dark)}.btn-submit:active{transform:translateY(0);box-shadow:0 1px 0 var(--color-matcha-dark)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.urgency-selector{gap:.5rem}.urgency-option{min-width:70px;padding:.625rem .5rem}.urgency-icon{font-size:1.25rem}.urgency-icon svg{width:14px;height:14px}.urgency-label{font-size:.75rem}.urgency-desc{display:none}.energy-selector{gap:.5rem}.energy-option{min-width:60px;padding:.625rem .375rem}.energy-icon{font-size:1.25rem}.energy-icon svg{width:16px;height:16px}.energy-label{font-size:.75rem}.energy-desc{display:none}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}:root{--morandi-red: #C88585;--morandi-red-light: #E8D4D4;--morandi-yellow: #D4B86A;--morandi-yellow-light: #EBE3CC;--morandi-green: #8CB88C;--morandi-green-light: #D4E5D4;--morandi-blue: #7BA3C4;--morandi-blue-light: #D4E3ED;--morandi-purple: #A89BC8;--morandi-purple-light: #E0D8EB;--bg-card: #FAFAFA;--bg-card-hover: #FFFFFF;--text-primary: #2D3748;--text-secondary: #718096;--text-tertiary: #A0AEC0;--border-subtle: #E2E8F0;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06)}.task-card-bento{position:relative;background:linear-gradient(145deg,#FFFFFF 0%,var(--color-secondary, var(--morandi-green-light)) 100%);border-radius:16px;padding:1rem;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8);box-sizing:border-box}.urgency-indicator{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(to bottom,var(--color-primary, var(--morandi-green)),var(--color-accent, var(--morandi-green)));transition:width .3s ease}.task-card-bento:hover .urgency-indicator{width:6px}.urgency-red .urgency-indicator{width:5px}.urgency-yellow .urgency-indicator{width:4px}.urgency-green .urgency-indicator{width:3px}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,var(--color-primary, transparent) 0%,transparent 50%);opacity:.03;pointer-events:none;transition:opacity .3s ease}.task-card-bento:hover .card-glow{opacity:.06}.task-card-bento:hover{box-shadow:var(--shadow-hover);background:linear-gradient(145deg,#FFFFFF 30%,var(--color-secondary, var(--morandi-green-light)) 100%)}.task-card-bento.has-actions{cursor:default}.task-card-bento.has-actions:hover{transform:none}.task-card-bento.is-new{animation:cardBentoEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes cardBentoEnter{0%{opacity:0;transform:translateY(24px) scale(.92) rotateX(8deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;position:relative;z-index:1}.header-left{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.task-emoji{font-size:1.0625rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.status-badge{font-size:.6875rem;font-weight:500;padding:.2rem .6rem;border-radius:9999px;background:#00000008;color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.status-badge.urgency-red{background:#c8858526;color:#9b5c5c;border-color:#c8858533}.status-badge.urgency-yellow{background:#d4b86a26;color:#9b8555;border-color:#d4b86a33}.status-badge.urgency-green{background:#8cb88c26;color:#5c8b5c;border-color:#8cb88c33}.new-tag{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;background:linear-gradient(135deg,var(--morandi-purple) 0%,var(--morandi-blue) 100%);color:#fff;letter-spacing:.05em;box-shadow:0 2px 4px #a89bc84d}.mood-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fffc,#fff6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.mood-badge:hover{transform:scale(1.1) rotate(5deg)}.mood-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.mood-icon svg{flex-shrink:0}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .85rem;line-height:1.45;letter-spacing:-.01em;position:relative;z-index:1}.deadline-section{margin-bottom:.85rem;position:relative;z-index:1}.deadline-card{background:linear-gradient(135deg,#fff9,#ffffff4d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.deadline-card:hover{background:linear-gradient(135deg,#fffc,#ffffff80);box-shadow:0 4px 12px #00000014}.deadline-main{display:flex;align-items:flex-start;gap:.75rem}.deadline-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));display:flex;align-items:center;justify-content:center}.deadline-icon svg{flex-shrink:0}.deadline-content{flex:1}.suggested-date{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.25rem}.date-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.date-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.deadline-hint{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.progress-hint-track{width:100%;height:3px;background:#0000000f;border-radius:9999px;margin-top:.75rem;overflow:hidden}.progress-hint-fill{height:100%;border-radius:9999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-section{margin-bottom:.85rem;position:relative;z-index:1}.progress-bar-wrapper{margin-bottom:.4rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.progress-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.progress-percent{font-size:.8125rem;font-weight:600;color:var(--color-primary, var(--morandi-green))}.progress-track{width:100%;height:6px;background:#0000000f;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-editor{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.progress-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:9999px;background:#0000000f;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary, var(--morandi-green));cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.progress-confirm{padding:.375rem .875rem;border:none;border-radius:9999px;background:var(--color-primary, var(--morandi-green));color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.progress-confirm:hover{opacity:.9;transform:scale(1.02)}.progress-edit-btn{width:100%;padding:.5rem;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.progress-edit-btn:hover{background:var(--color-secondary, var(--morandi-green-light));border-color:var(--color-primary, var(--morandi-green));color:var(--color-primary, var(--morandi-green))}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem;position:relative;z-index:1}.energy-battery{display:flex;align-items:center;gap:.4rem}.battery-label{display:flex;align-items:center;gap:.2rem}.battery-icon{font-size:.8125rem;display:flex;align-items:center;justify-content:center}.battery-icon svg{flex-shrink:0}.battery-text{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.battery-cells{display:flex;gap:.15rem}.battery-cell{width:7px;height:12px;border-radius:2px;background:#00000014;transition:all .2s ease}.battery-cell.filled{background:var(--color-primary, var(--morandi-green));box-shadow:0 0 6px var(--color-primary, var(--morandi-green))}.energy-hint{font-size:.7rem;color:var(--text-tertiary);margin-left:.25rem}.tags-wrapper{display:flex;align-items:center;gap:.3rem}.tag-pill{font-size:.625rem;font-weight:500;padding:.2rem .5rem;border-radius:9999px;background:#0000000a;color:var(--text-secondary);border:1px solid rgba(0,0,0,.04)}.tag-more{font-size:.625rem;color:var(--text-tertiary);padding:.2rem .3rem}.card-actions{display:flex;gap:.6rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border-subtle);position:relative;z-index:1}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .85rem;border:none;border-radius:11px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,var(--color-primary, var(--morandi-green)) 0%,var(--color-accent, var(--morandi-green)) 100%);color:#fff;box-shadow:0 4px 12px #8cb88c4d}.action-btn.primary:hover{box-shadow:0 6px 16px #8cb88c66;transform:translateY(-1px)}.action-btn.secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-subtle)}.action-btn.secondary:hover{background:var(--color-secondary, var(--morandi-green-light));border-color:var(--color-primary, var(--morandi-green));color:var(--color-primary, var(--morandi-green))}.btn-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.card-menu{position:absolute;top:12px;right:12px;z-index:10}.menu-trigger{width:28px;height:28px;border:none;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;font-size:1.1rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.menu-trigger:hover{background:#fff;color:var(--text-primary)}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border-radius:12px;box-shadow:var(--shadow-medium);overflow:hidden;min-width:110px;border:1px solid var(--border-subtle)}.menu-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;background:#fff;font-size:.875rem;cursor:pointer;transition:background .15s ease;color:var(--text-primary)}.menu-btn:hover{background:var(--bg-card)}.menu-btn .btn-icon{font-size:.9rem}.menu-btn.delete{color:var(--morandi-red)}.menu-btn.delete:hover{background:var(--morandi-red-light)}.task-card-bento.completed{opacity:.7}.task-card-bento.completed .card-title{text-decoration:line-through;color:var(--text-tertiary)}.task-card-bento.completed .urgency-indicator{background:linear-gradient(to bottom,var(--morandi-green),var(--morandi-green-light))}.gacha-main-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);overflow:hidden}.gacha-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.gacha-header{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top))}.tab-switcher{position:relative;display:flex;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:.375rem;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 20px #ffdae14d}.tab-button{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:1.5rem;font-size:.9rem;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease}.tab-button.active,.tab-icon-active{color:#c9a887}.tab-icon{color:#ccc}.tab-switcher .tab-indicator{position:absolute;top:.375rem;left:.375rem;width:calc(50% - .375rem);height:calc(100% - .75rem);background:#fff;border-radius:1.25rem;box-shadow:0 2px 10px #00000014}.pool-indicator{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;font-size:.85rem;color:#666;border:1px solid rgba(255,255,255,.8)}.pool-dot{width:8px;height:8px;border-radius:50%;background:#c9a887;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.gacha-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%}.orb-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;margin:1rem 0}.orb-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.orb-glow-outer{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,rgba(245,230,210,.5) 0%,transparent 70%);filter:blur(30px)}.bubble-orb{position:relative;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#fff5fad9 30%,#fce4ece6 70%,#fffffff2);box-shadow:0 0 40px #ffdae180,0 0 80px #ffdae14d,0 20px 40px #c8b4c833,inset 0 -15px 30px #fce4ec4d,inset 0 15px 30px #fffc,inset 0 0 20px #ffffff80;border:2px solid rgba(255,255,255,.9);transition:all .5s ease}.bubble-orb.has-tasks{background:linear-gradient(135deg,#fffcf8fa,#fff8f0eb 30%,#fff5ebf2 70%,#fffcf8fa);box-shadow:0 0 50px #f5e6d280,0 0 100px #f5e6d240,0 25px 50px #dcc8b433,inset 0 -15px 30px #f5e6d233,inset 0 15px 30px #ffffffe6,inset 0 0 25px #fff9}.bubble-orb.empty{background:linear-gradient(135deg,#ffffffe6,#faf5f8cc,#ffffffe6);box-shadow:0 0 30px #e6e6f066,0 15px 30px #dcdce633,inset 0 -10px 25px #f0f0fa33,inset 0 10px 25px #fff9}.orb-shine{position:absolute;top:15%;left:20%;width:30%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,transparent 100%);border-radius:50%;filter:blur(8px)}.orb-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dice-shadow{position:absolute;width:50px;height:20px;background:radial-gradient(ellipse,rgba(180,140,140,.3) 0%,transparent 70%);border-radius:50%;bottom:-15px;left:50%;transform:translate(-50%);filter:blur(5px);z-index:1}.orb-icon{color:#d4a574;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.dice-shadow-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(180,140,100,.4),transparent 60%);border-radius:12px;transform:translateZ(-10px);filter:blur(8px)}.dice-highlight-layer{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:12px 12px 0 0;pointer-events:none;transform:translateZ(2px)}.sparkle-particle{color:#f0c070;filter:drop-shadow(0 0 6px rgba(240,192,112,.8));pointer-events:none;z-index:5}.sparkle-icon{color:#f0c070;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.result-sparkles{color:#c9a887;filter:drop-shadow(0 0 15px rgba(201,168,135,.6))}.dice-icon{position:relative;z-index:10;filter:drop-shadow(2px 4px 8px rgba(180,140,100,.4),0 8px 16px rgba(180,140,100,.2))}@keyframes diceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sparkle-icon-result{color:#c9a887;animation:sparkleSpin 2s linear infinite}@keyframes sparkleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-wave{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:2px solid rgba(245,230,210,.5);pointer-events:none}.drawing-text{margin-top:1.5rem;font-size:1rem;color:#c9a887;font-weight:500;letter-spacing:2px;animation:textPulse 1s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.idle-text{margin-top:1.5rem;font-size:.9rem;color:#999;letter-spacing:1px;text-align:center}.draw-buttons{display:flex;gap:1rem;margin:1.5rem 0}.draw-button{position:relative;display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #0000001a}.draw-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.draw-button.single-draw{background:linear-gradient(135deg,#e8f5e0,#d4e5d0);color:#6b8e6b;box-shadow:0 6px 20px #b4c8b466,inset 0 -3px 10px #0000000d,inset 0 3px 10px #ffffff80}.draw-button.single-draw:hover:not(:disabled){box-shadow:0 8px 30px #b4c8b480,inset 0 -3px 10px #0000000d,inset 0 3px 10px #fff9}.draw-button.triple-draw{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887;box-shadow:0 6px 20px #f5dcc866,inset 0 -3px 10px #0000000d,inset 0 3px 10px #fff9}.draw-button.triple-draw:hover:not(:disabled){box-shadow:0 8px 30px #f5dcc880,inset 0 -3px 10px #0000000d,inset 0 3px 10px #ffffffb3}.btn-icon{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));display:flex;align-items:center;justify-content:center}.btn-icon svg{flex-shrink:0}.gacha-tips{text-align:center;color:#999;font-size:.8rem;line-height:2;padding:1rem}.gacha-tips p{margin:.25rem 0}.draw-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1rem calc(6rem + env(safe-area-inset-bottom)) 1rem}.result-container{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:2rem;padding:1.5rem;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px #00000026}.result-container-grid{max-height:90vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.result-container-grid::-webkit-scrollbar{display:none}.rarity-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:2rem;margin-bottom:1rem;font-weight:600}.rarity-effect{font-size:1.2rem;animation:effectBounce 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.rarity-effect svg{flex-shrink:0}@keyframes effectBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.rarity-level{font-size:1.5rem;font-weight:700;letter-spacing:.2em}.result-title{text-align:center;font-size:1.5rem;color:#333;margin:0 0 .5rem}.result-message{text-align:center;color:#666;font-size:.95rem;margin:0 0 1.5rem}.result-tasks{display:flex;flex-direction:column;gap:1rem}.result-tasks.triple{gap:.75rem}.result-tasks-grid{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.result-tasks-1 .result-task-wrapper-compact{max-height:none}.result-tasks-3 .result-task-wrapper-compact{max-height:calc((90vh - 200px) / 3);min-height:0}.result-tasks-3 .result-task-wrapper-compact .task-card-unified{padding:.75rem;gap:.5rem}.result-tasks-3 .task-card-unified>div:first-child{margin-bottom:.25rem}.result-tasks-3 .task-card-unified .text-xs{font-size:.7rem}@media (max-height: 700px){.result-tasks-3 .result-task-wrapper-compact{max-height:calc((90vh - 180px) / 3)}.result-tasks-3 .task-card-unified{padding:.625rem}}.result-task-card{position:relative;padding:1.25rem;border-radius:1.25rem;border:2px solid;background:#fff;box-shadow:0 4px 15px #00000014;perspective:500px}.task-urgency-badge{position:absolute;top:-8px;right:-8px;padding:.25rem .75rem;border-radius:1rem;font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000026}.result-task-card .task-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .5rem;padding-right:0}.result-task-card .task-desc{font-size:.85rem;color:#666;margin:0 0 .75rem;line-height:1.5}.result-task-card .task-meta{display:flex;gap:1rem;font-size:.8rem;color:#888}.result-task-card .task-start-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;border:none;border-radius:1rem;background:linear-gradient(135deg,#c9a887,#b8876f);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.result-task-card .task-start-btn:hover{box-shadow:0 4px 15px #c9a8874d}.result-actions{display:flex;gap:1rem;margin-top:1.5rem}.result-task-wrapper-compact{flex-shrink:0}.result-task-wrapper-compact .task-card-unified{min-height:0;flex-shrink:0}.result-actions-fixed{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}.result-actions-healing{flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:2rem}.action-btn-primary-healing{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2.5rem;border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#d49a52,#e5b67a,#d49a52);background-size:200% 100%;color:#fff;box-shadow:0 4px 14px #d49a5263,0 2px 6px #00000014,inset 0 1px #ffffff40;position:relative;overflow:hidden}.action-btn-primary-healing:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #d49a5233,inset 0 1px #ffffff26}.action-btn-primary-healing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.action-btn-primary-healing:hover{background-position:100% 0;box-shadow:0 6px 20px #d49a5266,0 3px 10px #0000001f,inset 0 1px #ffffff4d;transform:translateY(-1px)}.action-btn-primary-healing:active{transform:translateY(0) scale(.95);box-shadow:0 2px 8px #d49a524d,inset 0 2px 4px #0000001a}.btn-icon-sparkle{display:inline-block;animation:sparkleFloat 2s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}.action-btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border:none;background:transparent;color:#a89b8e;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s ease;letter-spacing:.03em;border-radius:.5rem;position:relative}.action-btn-ghost:hover{color:#8b8176;background:#a89b8e1f}.action-btn-ghost:active{transform:scale(.97)}.action-btn-confirm{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#a8c69f,#8faf7f);color:#fff;box-shadow:0 4px 15px #a8c69f4d}.action-btn-confirm:hover{background:linear-gradient(135deg,#98b68e,#80a080);box-shadow:0 6px 20px #a8c69f66;transform:translateY(-1px)}.action-btn-confirm span:last-child{font-size:1.1rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.secondary{background:#fffc;color:#666;border:2px solid #eee}.action-btn.secondary:hover{background:#f5f5f5}.action-btn.primary{background:linear-gradient(135deg,#c9a887,#b8876f);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 20px #c9a88766}.select-mode{position:relative;width:100%;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 180px)}.task-list-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.empty-state{text-align:center;padding:3rem 1rem;color:#999}.empty-icon{font-size:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.empty-icon svg{flex-shrink:0;color:#ccc}.empty-state h3{font-size:1.2rem;color:#666;margin:0 0 .5rem}.empty-state p{font-size:.9rem;color:#999;margin:0}.task-list{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 4.5rem;overflow-y:auto;flex:1;min-height:350px}.task-list{-ms-overflow-style:none;scrollbar-width:none}.task-list::-webkit-scrollbar{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .25rem;gap:.75rem;flex-shrink:0}.filter-label{font-size:.8rem;color:#9a9288;white-space:nowrap}.filter-chips{display:flex;gap:.25rem}.filter-chip{padding:.3rem .6rem;border-radius:1rem;font-size:.7rem;font-weight:500;background:#c9a88714;color:#8b7355;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#c9a88726}.filter-chip.active{background:#c9a887;color:#fff;box-shadow:0 2px 6px #c9a8874d}.filter-chip.active.urgency-red{background:#e8a0a0;box-shadow:0 2px 6px #e8a0a04d}.filter-chip.active.urgency-yellow{background:#e8d4a0;box-shadow:0 2px 6px #e8d4a04d}.filter-chip.active.urgency-green{background:#a8c69f;box-shadow:0 2px 6px #a8c69f4d}.sort-group{display:flex;align-items:center;gap:.35rem}.sort-label{font-size:.75rem;color:#9a9288}.sort-select{padding:.3rem .6rem;border-radius:.625rem;border:1px solid rgba(201,168,135,.2);background:#fff;color:#5d5348;font-size:.75rem;cursor:pointer;transition:all .2s ease}.sort-select:hover{border-color:#c9a88766}.sort-select:focus{outline:none;border-color:#c9a887;box-shadow:0 0 0 2px #c9a8871a}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(201,168,135,.2);border-radius:.5rem;background:#fff;color:#8b7355;cursor:pointer;transition:all .2s ease}.sort-order-btn:hover{background:#fef6ed;border-color:#c9a88766}.task-count{text-align:center;font-size:.8rem;color:#9a9288;padding:.25rem 0}.pagination{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.25rem 1rem .5rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,rgba(250,248,245,.9) 20%,#faf8f5 100%);z-index:10}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#fff;color:#8b7355;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#fef6ed}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#8b7355;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.page-num:hover{background:#c9a8871a}.page-num.active{background:#c9a887;color:#fff;box-shadow:0 2px 6px #c9a8874d}.select-task-card{position:relative;background:linear-gradient(135deg,#fefaf7,#fef6ed);border-radius:1rem;overflow:hidden;box-shadow:0 2px 12px #c9a8871f;transition:all .3s cubic-bezier(.4,0,.2,1)}.select-task-card:hover{box-shadow:0 4px 20px #c9a88733}.card-accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.card-content{padding:.75rem 1rem .75rem 1.25rem}.select-task-card .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;gap:.75rem}.select-task-card .task-title-small{font-size:1rem;font-weight:600;color:#4a4641;margin:0;flex:1;line-height:1.4}.urgency-badge{flex-shrink:0;padding:.25rem .625rem;border-radius:.75rem;font-size:.75rem;font-weight:500;letter-spacing:.02em}.select-task-card .task-desc-small{font-size:.85rem;color:#7a7268;margin:0 0 .5rem;line-height:1.3}.energy-bar-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.energy-label{font-size:.75rem;color:#9a9288;white-space:nowrap}.energy-bar-track{display:flex;gap:.25rem;flex:1}.energy-segment{height:6px;flex:1;border-radius:3px;background:#f0efe9;transition:all .2s ease}.energy-segment.filled{box-shadow:0 1px 3px #0000001a}.select-task-card .task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid rgba(201,168,135,.1)}.select-task-card .task-deadline{font-size:.8rem;color:#9a9288;display:flex;align-items:center}.select-task-card .task-actions{display:flex;gap:.625rem}.icon-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-btn{background:#e8a0a01f;color:#d47a7a}.delete-btn:hover{background:#e8a0a033;box-shadow:0 2px 8px #e8a0a04d}.execute-btn{background:#c9a887;color:#fff;box-shadow:0 2px 6px #c9a88740}.execute-btn:hover{box-shadow:0 3px 10px #c9a88759;transform:translateY(-1px)}@media (max-width: 640px){.gacha-content{padding:.75rem}.orb-section{min-height:240px}.orb-container{width:160px;height:160px}.bubble-orb{width:120px;height:120px}.draw-buttons{flex-direction:column;width:100%;gap:.75rem}.draw-button{width:100%;justify-content:center}.result-container,.result-container-grid{padding:1rem;max-height:85vh}.result-tasks-3 .result-task-wrapper-compact{max-height:calc((85vh - 160px) / 3)}.result-tasks-3 .task-card-unified{padding:.625rem;gap:.375rem}.result-tasks-3 .task-card-unified>div:first-child{margin-bottom:.125rem}.action-btn-confirm{padding:.75rem 1.25rem;font-size:.95rem}}.task-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0}.task-form-modal{position:relative;width:100%;max-width:500px;max-height:90vh;background:#fff;border-radius:2rem 2rem 0 0;padding:3rem 1.5rem 2rem;overflow-y:auto;box-shadow:0 -10px 40px #00000026}.task-form-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.task-form-close:hover{background:#e5e5e5}@media (min-width: 641px){.task-form-overlay{align-items:center;padding:1rem}.task-form-modal{border-radius:2rem;padding:2rem}}.work-mode{background:#fff;border-radius:10px 12px 8px 14px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid;box-shadow:2px 3px #5d53481a;position:relative}.work-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(transparent,transparent 23px,rgba(212,200,188,.05) 24px);pointer-events:none;opacity:.5}.work-mode-anti_focus{border-left-color:var(--color-dusty-rose);background:linear-gradient(135deg,var(--color-dusty-rose-light) 0%,white 100%)}.work-mode-low_energy{border-left-color:var(--color-matcha);background:linear-gradient(135deg,var(--color-matcha-light) 0%,white 100%)}.work-mode-normal{border-left-color:var(--color-apricot);background:linear-gradient(135deg,var(--color-apricot-light) 0%,white 100%)}.work-mode-flow{border-left-color:var(--urgency-yellow);background:linear-gradient(135deg,var(--urgency-yellow-bg) 0%,white 100%)}.mode-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;position:relative;z-index:1}.mode-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.1))}.mode-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.mood-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:50% 45% 55% 48%;background:var(--color-cream);color:var(--text-secondary);border:1px dashed var(--border-soft);font-weight:600}.mode-message{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;position:relative;z-index:1;font-weight:500}.comfort-box{background:var(--color-dusty-rose-light);border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px dashed var(--color-dusty-rose);position:relative;z-index:1}.comfort-box p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.5}.mode-suggestions{position:relative;z-index:1}.mode-suggestions h4{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#fff;border-radius:8px 10px 6px 12px;transition:all .2s ease;border:1px solid var(--border-soft)}.suggestion-item:hover{background:var(--color-cream);border-color:var(--color-matcha);transform:translate(4px)}.suggestion-icon{font-size:1.25rem;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.05))}.suggestion-name{flex:1;font-size:.9375rem;color:var(--text-primary);font-weight:500}.suggestion-duration{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.task-execution-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.fluid-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;display:none}@keyframes fluidFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.task-execution-main{width:100%;height:100%;overflow:hidden;padding:.75rem .875rem 0;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);position:relative}.task-execution-main:before{display:none}.task-execution-main:after{display:none}.execution-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:.25rem .25rem 0;padding-top:calc(.25rem + env(safe-area-inset-top));flex-shrink:0}.back-button{display:flex;align-items:center;gap:.375rem;padding:.4rem .75rem;border-radius:9999px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(201,184,150,.3);color:#5d5348;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c9b8961a}.back-button:hover{background:#c9b89633;border-color:#c9b896;transform:translate(-4px);box-shadow:0 6px 16px #c9b89633}.back-button:active{transform:translate(-2px) scale(.98)}.header-title{font-size:1.125rem;font-weight:700;color:#5d5348}.header-spacer{width:60px}.task-info-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:.875rem;margin-bottom:.75rem;box-shadow:0 4px 16px #c9b8961a,0 0 0 1px #ffffff80 inset;border:1px solid rgba(255,255,255,.6);animation:fadeInUp .5s ease;box-sizing:border-box;flex-shrink:0}.task-header{margin-bottom:.5rem}.task-title{font-size:1rem;font-weight:700;color:#5d5348;margin-bottom:.25rem;line-height:1.3}.task-description{font-size:.8125rem;color:#8b8178;line-height:1.4}.task-tags{display:flex;flex-wrap:wrap;gap:.375rem}.task-tag{padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600}.tag-category{background:#c9b89640;color:#5d5348}.tag-energy{background:#a68b5b40;color:#5d5348}.tag-deadline{background:#e5737333;color:#e57373}.progress-section{animation:fadeInUp .6s ease .1s both;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.progress-section::-webkit-scrollbar{width:0;display:none}.energy-indicator-wrapper{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:.5rem;flex-shrink:0}.liquid-energy-container{position:relative;filter:drop-shadow(0 8px 24px rgba(201,184,150,.25))}.liquid-energy-svg{display:block}.liquid-energy-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.liquid-energy-value{font-size:3.5rem;font-weight:800;color:#5d5348;line-height:1;text-shadow:0 2px 8px rgba(93,83,72,.1)}.liquid-energy-label{font-size:.875rem;font-weight:600;color:#8b8178;margin-top:.25rem}.bubble-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:50%}.bubble{position:absolute;bottom:20%;background:#fff6;border-radius:50%;animation:bubbleRise 3s ease-in-out infinite}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1)}}.quick-progress-container{margin-bottom:.5rem;padding:0 .5rem;flex-shrink:0}.progress-controls-section{flex-shrink:0;margin-top:auto}.quick-progress-label{font-size:.6875rem;font-weight:600;color:#8b8178;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;text-align:center}.quick-progress-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.quick-progress-btn{padding:.375rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#fffc;border:2px solid rgba(232,224,213,.8);color:#5d5348;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #c9b89614}.quick-progress-btn:hover{transform:scale(1.05);border-color:#c9b896;box-shadow:0 4px 12px #c9b89633}.quick-progress-btn:active{transform:scale(.98)}.quick-progress-btn.active{background:linear-gradient(135deg,#c9b896,#a68b5b);border-color:#a68b5b;color:#fff;box-shadow:0 4px 12px #a68b5b59}.quick-progress-btn.complete-btn{background:linear-gradient(135deg,#7d5a36,#4a321c);border-color:#4a321c;color:#fff;box-shadow:0 4px 12px #7d5a364d}.quick-progress-btn.complete-btn:hover{box-shadow:0 6px 16px #7d5a3666}.slider-section{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 1rem 1rem;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.5);border-top:1px dashed rgba(232,224,213,.5);box-shadow:0 -2px 8px #c9b8960d}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.slider-label{font-size:.75rem;font-weight:600;color:#5d5348}.slider-value-display{font-size:1rem;font-weight:700;color:#a68b5b}.slider-wrapper{padding:0 .25rem}.energy-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;border-radius:9999px;outline:none;cursor:grab;transition:all .3s ease}.energy-slider:active{cursor:grabbing}.energy-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9b896,#a68b5b);cursor:grab;box-shadow:0 4px 12px #c9b8964d,inset 0 2px 4px #fff6,inset 0 -1px 2px #0000001a;transition:all .2s ease;border:3px solid white;position:relative}.energy-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #c9b89666,inset 0 2px 4px #fff6}.energy-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.energy-slider::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9b896,#a68b5b);cursor:grab;box-shadow:0 4px 12px #c9b8964d,inset 0 2px 4px #fff6;border:3px solid white;transition:all .2s ease}.energy-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #c9b89666,inset 0 2px 4px #fff6}.slider-hint{text-align:center;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(232,224,213,.6)}.slider-hint span{font-size:.6875rem;color:#8b8178}.completion-section{animation:fadeInUp .6s ease;flex:1;display:flex;align-items:center;justify-content:center}.completion-content{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;text-align:center;box-shadow:0 12px 40px #c9b89626,0 0 0 1px #fff9 inset;border:1px solid rgba(255,255,255,.7);width:100%;box-sizing:border-box}.completion-icon{font-size:3rem;margin-bottom:.75rem;animation:celebrationBounce 1s ease infinite}@keyframes celebrationBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}}.completion-title{font-size:1.25rem;font-weight:800;color:#5d5348;margin-bottom:.75rem;line-height:1.3}.milestone-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffe8cc,#ffd4a8);border:2px solid #FFB347;border-radius:1rem;padding:.5rem .75rem;margin-bottom:.75rem;box-shadow:0 6px 20px #ffb34740;animation:fadeInScale .5s ease .2s both}.milestone-icon{font-size:1.5rem;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.milestone-info{text-align:left}.milestone-name{display:block;font-weight:700;font-size:.8125rem;color:#5d5348}.milestone-message{display:block;font-size:.6875rem;color:#8b8178;margin-top:.125rem}.completion-note{font-size:.75rem;color:#8b8178;margin-bottom:1rem}.continue-button{padding:.625rem 1.5rem;border-radius:9999px;background:linear-gradient(135deg,#a68b5b,#7d5a36);border:none;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #a68b5b59,inset 0 2px 4px #fff3}.continue-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #a68b5b66,inset 0 2px 4px #fff3}.continue-button:active{transform:translateY(0) scale(.98)}.healing-progress-ring-wrapper{position:relative;filter:drop-shadow(0 4px 16px rgba(201,184,150,.2));display:flex;align-items:center;justify-content:center}.healing-progress-svg{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.05))}.progress-ring-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.progress-value{font-size:2rem;font-weight:800;color:#5d5348;line-height:1;text-shadow:0 2px 8px rgba(93,83,72,.1)}.ai-breakdown-wrapper{display:flex;justify-content:center;margin-top:.25rem;margin-bottom:.5rem;padding:0 .5rem;flex-shrink:0}.ai-breakdown-button{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:9999px;background:linear-gradient(135deg,#c9b89626,#a68b5b26);border:2px solid rgba(201,184,150,.35);color:#5d5348;font-weight:600;font-size:.8125rem;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #c9b8961f,inset 0 1px #fff6;transition:all .3s ease}.ai-breakdown-button.active{background:linear-gradient(135deg,#c9b89640,#a68b5b40);border-color:#c9b89680}.ai-breakdown-button:hover:not(:disabled){box-shadow:0 6px 24px #c9b89640;border-color:#c9b896}.ai-breakdown-button:disabled{opacity:.7;cursor:wait}.ai-breakdown-content{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.ai-icon{font-size:1.125rem}.ai-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none}.ai-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9999px;background:linear-gradient(135deg,#c9b89666,#a68b5b66);filter:blur(8px);opacity:.3;pointer-events:none;z-index:-1}.breakdown-panel-enhanced{margin-bottom:0;overflow:visible}.subtask-list-enhanced{background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:.75rem .75rem 2.5rem;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #c9b8961a,inset 0 1px #ffffff80;height:280px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;position:relative;-webkit-overflow-scrolling:touch}.subtask-list-enhanced::-webkit-scrollbar{width:0;display:none}.subtask-item-enhanced{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;margin-bottom:.375rem;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(232,224,213,.3);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.subtask-item-enhanced:last-child{margin-bottom:0}.subtask-item-enhanced:hover{background:#fff9;border-color:#c9b89640;box-shadow:0 4px 12px #c9b8961a;transform:translate(4px)}.subtask-item-enhanced:active{transform:scale(.98) translate(2px)}.subtask-item-enhanced.completed{opacity:.5;background:#ffffff40}.subtask-item-enhanced.current{background:#c9b8961f;border-color:#c9b89659;box-shadow:0 0 0 1px #c9b89633}.subtask-checkbox-circle{width:20px;height:20px;min-width:20px;border-radius:50%;background:#fffc;border:2px solid rgba(201,184,150,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;box-shadow:inset 0 1px 2px #0000000d}.subtask-item-enhanced.completed .subtask-checkbox-circle{background:linear-gradient(135deg,#c9b896,#a68b5b);border-color:#a68b5b;box-shadow:0 2px 8px #a68b5b66,inset 0 1px #ffffff4d}.subtask-item-enhanced.current .subtask-checkbox-circle{border-color:#c9b896;box-shadow:0 0 0 3px #c9b89626;animation:checkboxPulse 2s ease-in-out infinite}@keyframes checkboxPulse{0%,to{box-shadow:0 0 0 3px #c9b89626}50%{box-shadow:0 0 0 5px #c9b89640}}.checkbox-svg{display:block}.subtask-text-container{flex:1;position:relative;display:flex;align-items:center}.subtask-item-enhanced .subtask-text{font-size:.75rem;color:#5d5348;line-height:1.3;font-weight:500;transition:color .3s ease;position:relative;z-index:1}.subtask-item-enhanced.completed .subtask-text{color:#a8b8a0}.strikethrough-line{position:absolute;left:0;top:50%;height:2px;background:linear-gradient(90deg,#c9b896,#a68b5b);border-radius:1px;transform:translateY(-50%)}.manual-takeover-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;box-shadow:0 8px 24px #c9b89633,0 0 0 1px #fffc inset;border:1px solid rgba(201,184,150,.3);z-index:1000}.toast-icon{font-size:1.125rem}.toast-text{font-size:.875rem;font-weight:600;color:#5d5348}.subtasks-enhanced{display:flex;flex-direction:column}.breakdown-panel{margin-bottom:1.5rem;overflow:hidden}.breakdown-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.5)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(201,184,150,.2);border-top-color:#c9b896;border-radius:50%;margin-bottom:1rem}.breakdown-loading p{font-size:.9375rem;color:#8b8178;text-align:center}.subtask-list{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.5rem;padding:1.25rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #c9b89614}.subtask-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(232,224,213,.6)}.subtask-title{font-size:.75rem;font-weight:700;color:#5d5348}.subtask-progress{font-size:.6875rem;font-weight:600;color:#a68b5b;background:#c9b89633;padding:.125rem .5rem;border-radius:9999px}.subtasks{display:flex;flex-direction:column;gap:.5rem}.subtask-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff80;border-radius:1rem;border:1px solid rgba(232,224,213,.4);cursor:pointer;transition:all .2s ease}.subtask-item:hover{background:#ffffffb3;border-color:#c9b8964d}.subtask-item.completed{opacity:.6}.subtask-item.completed .subtask-text{text-decoration:line-through;color:#a8b8a0}.subtask-item.current{background:#c9b89626;border-color:#c9b89666}.subtask-checkbox{width:22px;height:22px;min-width:22px;border-radius:6px;border:2px solid rgba(201,184,150,.4);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.subtask-item.completed .subtask-checkbox{background:linear-gradient(135deg,#c9b896,#a68b5b);border-color:#a68b5b}.subtask-item.current .subtask-checkbox{border-color:#c9b896;box-shadow:0 0 0 3px #c9b89633}.checkbox-inner{color:#fff}.subtask-text{flex:1;font-size:.875rem;color:#5d5348;line-height:1.4}.current-badge{font-size:.5625rem;font-weight:600;color:#a68b5b;background:#c9b89633;padding:.125rem .375rem;border-radius:9999px}.subtask-hint{margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;border-top:1px dashed rgba(232,224,213,.6);text-align:center;position:relative;z-index:1}.subtask-scroll-hint{display:flex;justify-content:center;align-items:center;padding:.25rem 0;margin-top:.25rem}.subtask-scroll-hint span{font-size:.625rem;color:#a68b5b;background:#c9b8961a;padding:.25rem .5rem;border-radius:9999px}.subtask-hint span{font-size:.625rem;color:#8b8178}.checkbox-confetti{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999}.confetti-particle{position:absolute;width:8px;height:8px;background:var(--color, #C9B896);border-radius:50%;left:50%;top:50%}.task-execution-container input,.task-execution-container textarea,.task-execution-container .slider-wrapper{-webkit-user-select:auto;user-select:auto}@media (max-width: 480px){.liquid-energy-container{transform:scale(.85)}.liquid-energy-value{font-size:2.5rem}.quick-progress-buttons{gap:.375rem}.quick-progress-btn{padding:.5rem .75rem;font-size:.8125rem}.energy-slider::-webkit-slider-thumb{width:40px;height:40px}.energy-slider::-moz-range-thumb{width:40px;height:40px}.completion-content{padding:2rem 1.5rem}.completion-icon{font-size:4rem}.completion-title{font-size:1.375rem}.progress-value{font-size:2.5rem}.subtask-item{padding:.625rem .875rem}.subtask-text{font-size:.8125rem}.ai-breakdown-button{padding:.75rem 1.25rem;font-size:.875rem}.subtask-item-enhanced{padding:.75rem .875rem}.subtask-item-enhanced .subtask-text{font-size:.8125rem}.subtask-checkbox-circle{width:22px;height:22px}.manual-takeover-toast{top:1rem;padding:.625rem 1.25rem}.toast-text{font-size:.8125rem}}.fertilizer-particle{position:fixed;z-index:9999;pointer-events:none}.fertilizer-icon{position:relative;font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(145deg,#7fd3fce6,#4fc3f7d9);border-radius:50%;box-shadow:0 4px 16px #7fd3fc80,0 0 20px #7fd3fc4d;animation:fertilizerPulse .6s ease-in-out infinite}@keyframes fertilizerPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #7fd3fc80,0 0 20px #7fd3fc4d}50%{transform:scale(1.05);box-shadow:0 6px 20px #7fd3fc99,0 0 30px #7fd3fc66}}.fertilizer-count{position:absolute;bottom:-4px;right:-4px;font-size:.625rem;font-weight:700;color:#fff;background:linear-gradient(145deg,#4fc3f7,#29b6f6);border-radius:8px;padding:2px 4px;min-width:16px;text-align:center;box-shadow:0 2px 4px #0003}.fertilizer-collect-toast{position:fixed;right:20px;bottom:100px;z-index:9998;padding:.75rem 1.25rem;background:linear-gradient(145deg,#7fd3fcf2,#4fc3f7e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:2px solid rgba(127,211,252,.4);box-shadow:0 4px 16px #7fd3fc4d;display:flex;align-items:center;gap:.5rem;pointer-events:none}.fertilizer-collect-toast .toast-icon{font-size:1.25rem}.fertilizer-collect-toast .toast-text{font-size:.875rem;font-weight:600;color:#fff}.dashboard-container-new{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);overflow:hidden}.dashboard-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.background-tree-svg{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:300px;height:350px;opacity:.9;pointer-events:none;z-index:1;animation:treeSway 4s ease-in-out infinite;transform-origin:bottom center}@keyframes treeSway{0%,to{transform:translate(-50%) rotate(-1deg)}50%{transform:translate(-50%) rotate(1deg)}}.tree-quote{position:absolute;bottom:150px;right:.5rem;z-index:10;pointer-events:none}.tree-quote p{font-family:YouYuan,幼圆,Comic Sans MS,cursive;font-size:1rem;font-weight:500;color:#8b7355;margin:0;opacity:1;text-align:right;line-height:1.4;letter-spacing:.05em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.dashboard-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem .875rem;padding-top:calc(1rem + env(safe-area-inset-top));background:linear-gradient(145deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,200,200,.3);box-shadow:0 2px 12px #0000000f}.dashboard-header:after{content:"";position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:2px;background:linear-gradient(90deg,#a8c69f,#d4a5a5,#f5c4a1);opacity:.8;border-radius:1px}.header-left{display:flex;flex-direction:column;align-items:flex-start}.header-left h1{font-size:1.5rem;font-weight:600;color:#5d5348;margin:0;letter-spacing:.02em}.header-left .subtitle{font-size:.75rem;color:#8b8176;margin:.125rem 0 0;font-weight:400}.user-info{display:flex;align-items:center;gap:.5rem}.user-greeting{font-size:.8125rem;color:#5d5348;font-weight:500}.logout-button{width:32px;height:32px;border-radius:50%;border:none;background:#a8c69f;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logout-button:hover{background:#d4a5a5;transform:scale(1.1)}.dashboard-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(5rem + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.achievement-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.section-title{font-size:1.125rem;font-weight:600;color:#5d5348;text-align:center;margin:0;letter-spacing:.05em}.medals-container{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem}.medal-badge{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffffe6,#fff9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--medal-color, #A8C69F);box-shadow:0 4px 20px var(--medal-shadow, rgba(168, 198, 159, .3)),inset 0 2px 10px #fffc,inset 0 -2px 10px #0000000d;cursor:default;transition:all .3s ease}.medal-badge:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--medal-color, #A8C69F);opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.medal-badge:hover{transform:scale(1.1);box-shadow:0 8px 30px var(--medal-shadow, rgba(168, 198, 159, .5)),inset 0 2px 10px #ffffffe6}.medal-badge.locked{border-color:#e8dcd0;background:#fff6;cursor:not-allowed}.medal-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.medal-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),transparent 70%);pointer-events:none}.weather-sun-wrapper{position:absolute;top:.5rem;left:.75rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;cursor:pointer;z-index:20;transition:opacity .3s ease;padding:.25rem}.weather-sun-wrapper:hover{opacity:.9}.weather-sun-wrapper:active{opacity:.8}.weather-svg-large{width:80px;height:80px;filter:drop-shadow(2px 3px 0 rgba(139,115,85,.12));flex-shrink:0}.weather-quote{font-family:Comic Sans MS,YouYuan,幼圆,Chalkboard SE,Marker Felt,cursive;font-size:.9rem;font-weight:500;color:#8b7355;letter-spacing:.03em;line-height:1.3;text-align:left;opacity:.75}.weather-hint{font-family:YouYuan,幼圆,cursive;font-size:.65rem;color:#a89b8e;margin-top:2px;opacity:.6;text-align:left}@media (max-width: 400px){.weather-sun-wrapper{left:.5rem;gap:.4rem}.weather-svg-large{width:70px;height:70px}.weather-quote{font-size:.8rem}.weather-hint{font-size:.6rem}}.cloud-nav{position:absolute;z-index:15;cursor:pointer;transition:all .3s ease;border:none;background:transparent;padding:0}.cloud-nav-1{top:5rem;left:10%}.cloud-nav-2{top:11rem;left:55%}.cloud-nav-3{top:17rem;left:5%}.cloud-nav:hover{z-index:16}.cloud-shape{position:absolute;top:0;left:0;width:170px;height:95px;filter:drop-shadow(0 4px 12px rgba(139,115,85,.15));transition:filter .3s ease}.cloud-nav:hover .cloud-shape{filter:drop-shadow(0 6px 16px rgba(139,115,85,.25))}.cloud-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem .5rem .5rem}.cloud-icon{width:32px;height:32px;margin-bottom:.25rem}.cloud-icon svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.cloud-label{font-family:YouYuan,幼圆,Comic Sans MS,cursive;font-size:.9rem;font-weight:600;color:#8b7355;text-shadow:0 1px 2px rgba(255,255,255,.8);white-space:nowrap}@media (max-width: 400px){.cloud-nav-1{top:4rem;left:8%}.cloud-nav-2{top:9rem;left:52%}.cloud-nav-3{top:14rem;left:4%}.cloud-shape{width:145px;height:82px}.cloud-icon{width:28px;height:28px}.cloud-label{font-size:.8rem}}.quote-section{text-align:center;padding-top:1rem;margin-top:auto}.dashboard-quote{font-size:.9375rem;color:#8b8176;font-weight:500;margin:0;letter-spacing:.05em;font-style:italic}.mini-tree-section{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;padding:1rem;border-radius:20px;background:linear-gradient(145deg,#fffc,#fff9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000f}.mini-tree-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem}.mini-tree-title{font-size:.9375rem;font-weight:600;color:#5d5348}.mini-tree-progress{font-size:.75rem;color:#8b8176}.mini-tree-svg{width:180px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.06))}.mini-fruit{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s ease}.mini-fruit.unlocked{background:#ffffffe6;border:1.5px solid #A8C69F;box-shadow:0 2px 8px #a8c69f4d}.mini-fruit.locked{background:#c8c8c84d;border:1.5px solid rgba(200,200,200,.4)}.mini-fruit:hover{transform:scale(1.15)}.fruit-emoji{font-size:.875rem;line-height:1}.mini-tree-hint{margin-top:.75rem;font-size:.75rem;color:#8b8176;text-align:center}@media (min-width: 640px){.nav-cards-section{max-width:400px}.nav-card-orb{min-height:90px;padding:1.25rem 1.5rem}.orb-icon{font-size:2.25rem}.orb-label{font-size:1.125rem}.orb-description{font-size:.8125rem}}@media (max-width: 400px){.dashboard-header{padding:.875rem 1rem .625rem}.dashboard-header:after{left:1rem;right:1rem}.header-left h1{font-size:1.25rem}.header-left .subtitle{font-size:.6875rem}.user-greeting{font-size:.75rem}.logout-button{width:28px;height:28px;font-size:.75rem}.dashboard-content{padding:1rem .75rem}.medals-container{gap:.5rem}.medal-badge{width:48px;height:48px}.medal-icon{font-size:1.25rem}.nav-cards-section{max-width:100%}.nav-card-orb{min-height:72px;padding:.875rem 1rem;border-radius:20px}.orb-icon{font-size:1.75rem}.orb-label{font-size:.9375rem}.orb-description{font-size:.6875rem}}.settings-page-full{--bg-primary: #faf8f5;--bg-secondary: #fef6ed;--bg-card: rgba(255, 255, 255, .95);--text-primary: #5D5348;--text-secondary: #8B7355;--text-muted: #A89B8E;--accent-color: #D49A52;--border-color: rgba(200, 180, 160, .18);--shadow-color: rgba(200, 180, 160, .15);--blob-1: #fef0e0;--blob-2: #f0f5ed}.settings-page-full.theme-matcha{--bg-primary: #F5F8F3;--bg-secondary: #EDF5EB;--bg-card: rgba(255, 255, 255, .95);--accent-color: #A8C69F;--border-color: rgba(168, 198, 159, .2);--shadow-color: rgba(168, 198, 159, .12);--blob-1: #e8f5ed;--blob-2: #f0f8f0}.settings-page-full.theme-peach{--bg-primary: #FFF8F3;--bg-secondary: #FFF0E8;--bg-card: rgba(255, 255, 255, .95);--accent-color: #F5C4A1;--border-color: rgba(245, 196, 161, .2);--shadow-color: rgba(245, 196, 161, .12);--blob-1: #fef0e8;--blob-2: #fff5f0}.settings-page-full.theme-mint{--bg-primary: #F0F9F5;--bg-secondary: #E0F5EB;--bg-card: rgba(255, 255, 255, .95);--accent-color: #98D4BB;--border-color: rgba(152, 212, 187, .2);--shadow-color: rgba(152, 212, 187, .12);--blob-1: #e0f8f0;--blob-2: #f0fcf5}.settings-page-full.dark-mode{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: rgba(40, 40, 60, .9);--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--text-muted: #707080;--accent-color: #98D4BB;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--blob-1: #2a2a4e;--blob-2: #1e3a5f}.settings-page-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;height:100vh;transition:background .3s ease}.settings-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.bg-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;animation:blobFloat 20s ease-in-out infinite}.blob-1{width:200px;height:200px;background:radial-gradient(circle,var(--blob-1) 0%,transparent 70%);top:-50px;left:-30px}.blob-2{width:180px;height:180px;background:radial-gradient(circle,var(--blob-2) 0%,transparent 70%);bottom:80px;right:-30px;animation-delay:-7s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-15px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(-20px,-8px) scale(1.02)}}.settings-tabs-header{position:relative;z-index:10;padding:.75rem 1rem 0;padding-top:calc(.75rem + env(safe-area-inset-top))}.tabs-container-full{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:448px;margin:0 auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.1rem;padding:.35rem;border:1px solid var(--border-color);box-shadow:0 2px 15px var(--shadow-color)}.tab-item-full{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.65rem .5rem .7rem;border:none;background:transparent;border-radius:.85rem;font-size:.9rem;font-weight:500;color:#999;cursor:pointer;transition:all .3s ease}.tab-item-full:after{content:"";position:absolute;bottom:.35rem;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:4px;background:var(--accent-color);border-radius:4px;transition:transform .3s ease}.tab-item-full.active{color:var(--accent-color)}.tab-item-full.active:after{transform:translate(-50%) scaleX(1)}.tab-item-icon{color:#aaa;transition:color .3s ease;flex-shrink:0}.tab-item-icon.active{color:var(--accent-color)}.tab-item-label{font-size:.95rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.settings-content-area{position:relative;z-index:5;flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));overflow:hidden}.settings-content-max{width:100%;max-width:448px;display:flex;flex-direction:column}.tab-content-wrapper{width:100%;display:flex;flex-direction:column;gap:.9rem;max-height:calc(100vh - 160px)}.tab-content-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-content-scroll::-webkit-scrollbar{display:none}.profile-header-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.35rem;padding:1.15rem;box-shadow:0 3px 20px var(--shadow-color)}.profile-avatar-section{display:flex;align-items:center;gap:1rem}.avatar-circle{position:relative;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#fef5e7,#f5e0d0);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #c9a8874d;flex-shrink:0}.avatar-emoji{font-size:2rem}.level-badge{position:absolute;bottom:-4px;right:-4px;background:linear-gradient(135deg,#d49a52,#e5b67a);color:#fff;font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:.7rem;box-shadow:0 2px 8px #d49a5259}.profile-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.nickname-display-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;cursor:pointer}.nickname-text{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.edit-icon{font-size:.9rem;opacity:.4}.nickname-edit-container{display:flex;align-items:center;gap:.5rem}.nickname-input-inline{flex:1;padding:.4rem .6rem;border:1px solid rgba(201,168,135,.3);border-radius:.6rem;font-size:.95rem;background:#fff;color:#5d5348;outline:none}.nickname-input-inline:focus{border-color:#c9a887;box-shadow:0 0 0 2px #c9a8871a}.nickname-save-btn{padding:.4rem .6rem;background:#a8c69f;color:#fff;border:none;border-radius:.5rem;font-size:.85rem;cursor:pointer}.uid-row{display:flex;align-items:center;gap:.5rem}.uid-label{font-size:.75rem;color:#999}.uid-value{font-size:.75rem;font-family:SF Mono,Monaco,monospace;color:var(--text-muted)}.persona-tag-cloud{background:linear-gradient(135deg,#a8c69f1a,#f5c4a11a);border-radius:1.2rem;padding:1rem 1.15rem;border:1px solid rgba(200,180,160,.18)}.persona-header{margin-bottom:.5rem}.persona-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.persona-description{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem}.persona-tags{display:flex;flex-wrap:wrap;gap:.5rem}.persona-tag{padding:.3rem .7rem;border-radius:.7rem;font-size:.7rem;font-weight:500}.info-card-row{background:#ffffffbf;border-radius:1.1rem;padding:.9rem 1.15rem;display:flex;align-items:center;justify-content:space-around}.info-card-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.info-card-label{font-size:.7rem;color:#999}.info-card-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.info-card-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(200,180,160,.35),transparent)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem;background:#e8a0a026;border:none;border-radius:1rem;font-size:.9rem;font-weight:500;color:#c97a7a;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#e8a0a040}.settings-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.2rem;padding:.95rem 1.15rem;box-shadow:0 2px 15px var(--shadow-color)}.settings-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.settings-card-icon{color:#c9a887}.settings-card-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.theme-segment-control{display:flex;background:var(--bg-secondary, #F5EDE4);border-radius:.8rem;padding:.25rem}.theme-segment{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .6rem;border:none;background:transparent;border-radius:.65rem;font-size:.8rem;color:var(--text-secondary, #8B7355);cursor:pointer;transition:all .2s ease;isolation:isolate}.theme-segment.active{color:var(--text-primary, #5D5348)}.theme-emoji{font-size:1.2rem;position:relative;z-index:1}.theme-name{font-size:.7rem;opacity:.7;position:relative;z-index:1}.theme-segment.active .theme-name{opacity:1}.segment-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-card, white);border-radius:.65rem;box-shadow:0 1px 4px #00000014;z-index:0}.strategy-selector{display:flex;flex-direction:column;gap:.6rem}.strategy-current{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#f9f6f2;border-radius:.7rem}.strategy-emoji{font-size:1.3rem}.strategy-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.strategy-label{font-size:.8rem;font-weight:500;color:#5d5348}.strategy-desc{font-size:.7rem;color:#a89b8e}.strategy-arrow{color:#c9a887}.strategy-slider-input{width:100%;height:5px;border-radius:2.5px;background:#f5ede4;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.strategy-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#c9a887;cursor:pointer;box-shadow:0 2px 6px #0000002e}.settings-list-item{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.15rem;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.1rem;box-shadow:0 2px 10px var(--shadow-color);min-height:64px;width:100%}.settings-item-left{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0;padding-right:.5rem}.settings-item-icon{width:40px;height:40px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-moon{background:linear-gradient(135deg,#7a8ba5,#9aa8b8);color:#fff}.icon-sun{background:linear-gradient(135deg,#f5c4a1,#ffd4a8);color:#fff}.icon-shield{background:linear-gradient(135deg,#a8c69f,#b8d6af);color:#fff}.icon-task{background:linear-gradient(135deg,#f5c4a1,#ffd4a8);color:#fff}.icon-gacha{background:linear-gradient(135deg,#c9a887,#d9b897);color:#fff}.icon-summary{background:linear-gradient(135deg,#9b8bb5,#b5a5c8);color:#fff}.icon-sound{background:linear-gradient(135deg,#a8c69f,#b8d6af);color:#fff}.icon-about{background:linear-gradient(135deg,#9b8bb5,#b5a5c8);color:#fff}.settings-list-item.clickable{cursor:pointer;transition:all .2s ease}.settings-list-item.clickable:hover{background:#fff;transform:translate(2px)}.settings-list-item.clickable:active{transform:scale(.98)}.settings-arrow-icon{color:#c9a887;flex-shrink:0}.settings-item-text{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.settings-item-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.settings-item-desc{font-size:.7rem;color:var(--text-muted)}.data-card{padding:.95rem 1.15rem}.data-actions{display:flex;gap:.6rem}.data-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border:none;border-radius:.75rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn{background:#a8c69f26;color:#7a9a6f}.export-btn:hover{background:#a8c69f40}.clear-btn{background:#e8a0a026;color:#c97a7a}.clear-btn:hover{background:#e8a0a040}.about-section{background:#ffffffbf;border-radius:1.1rem;padding:.95rem 1.15rem;text-align:center}.about-text{margin:0 0 .6rem;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.version-text{font-size:.7rem;color:var(--text-muted)}.settings-toggle{position:relative;width:48px;height:26px;border:none;border-radius:13px;cursor:pointer;transition:all .3s ease;flex-shrink:0;flex-grow:0;margin-left:auto}.settings-toggle.off{background:#f5ede4}.settings-toggle.on{background:#a8c69f}.toggle-knob{position:absolute;top:3px;left:0;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(200,200,200,.3);box-shadow:0 -1px #0000000d,0 -4px 12px #00000014;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .9rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease}.nav-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;color:#999;transition:all .3s ease}.nav-icon-wrap.active{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887}.nav-label{font-size:.6rem;color:#999;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.modal-box{background:var(--bg-card);border-radius:1.5rem;padding:1.5rem;max-width:280px;width:100%;text-align:center;box-shadow:0 10px 40px var(--shadow-color)}.modal-emoji{font-size:2.5rem;margin-bottom:.5rem}.modal-box h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.modal-box p{margin:0 0 1.25rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;gap:.6rem}.modal-btn{flex:1;padding:.6rem;border:none;border-radius:.7rem;font-size:.85rem;font-weight:500;cursor:pointer}.modal-btn.cancel{background:#f5ede4;color:#8b7355}.modal-btn.confirm{background:#a8c69f;color:#fff}.modal-box-large{max-width:340px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-box-large::-webkit-scrollbar{display:none}.agreement-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.agreement-icon{color:#c9a887}.agreement-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.agreement-content{text-align:left;margin-bottom:1.25rem}.agreement-close{width:100%}.about-content{display:flex;flex-direction:column;align-items:center}.about-logo{font-size:3rem;margin-bottom:.5rem}.about-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.about-subtitle{font-size:.75rem;color:var(--text-muted);margin:0 0 1rem}.about-section-block{width:100%;margin-bottom:.85rem;padding:.75rem;background:#f9f6f2;border-radius:.7rem}.about-section-block h5{margin:0 0 .4rem;font-size:.8rem;font-weight:600;color:var(--text-primary)}.about-section-block p{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.6}.about-footer{width:100%;margin-top:.5rem;text-align:center}.about-quote{margin:0 0 .5rem;font-size:.85rem;color:var(--accent-color);font-weight:500}.about-version{margin:0;font-size:.7rem;color:var(--text-muted)}@media (max-height: 700px){.settings-content-area{padding:.5rem 1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.tab-content-wrapper{gap:.65rem}.avatar-circle{width:60px;height:60px}.avatar-emoji{font-size:1.6rem}.settings-tabs-header{padding:.6rem 1rem 0}.tab-item-full{padding:.5rem .4rem}}.story-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;padding:1.5rem 1rem 2.5rem;background:radial-gradient(circle at top,#fffdf8,#f9f5ef 45%,#f4efe6);position:relative;overflow:hidden;animation:fadeInUp .5s ease}.story-intro{padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.story-intro-card-stack{position:relative;width:90vw;max-width:320px;height:400px}.story-intro-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 20px 40px #00000014;transition:all .9s cubic-bezier(.23,1,.32,1);overflow:hidden}.story-intro-card--active{cursor:pointer}.story-intro-card--active:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 26px 55px #0000001f}.story-intro-card--leaving{transform:translate(100%) rotate(10deg)!important;opacity:0!important}.story-intro-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffffb3;z-index:0}.story-intro-card-content{position:relative;width:100%;height:100%;padding:1.5rem 1.25rem;display:flex;flex-direction:column;z-index:1}.story-intro-card-content--center{justify-content:center;align-items:center;gap:1.25rem}.story-intro-text{font-size:1.1rem;line-height:1.8;color:#4a4a4a;text-align:center;white-space:pre-wrap;font-weight:500}.story-intro-cursor{display:inline-block;margin-left:2px;color:#8fb9a8;font-weight:300;animation:storyIntroCursorBlink .8s ease-in-out infinite}@keyframes storyIntroCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.story-intro-start-button{padding:.75rem 2rem;border-radius:999px;border:none;background:linear-gradient(135deg,#8fb9a8,#6fae94,#5a9d88);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 24px #48796559;transition:transform .22s ease,box-shadow .22s ease;margin-top:1rem}.story-intro-start-button:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 18px 32px #48796566}.story-intro-start-button:active{transform:scale(.98) translateY(0);box-shadow:0 10px 18px #4879654d}.story-intro-progress{display:flex;gap:.5rem;margin-top:.25rem}.story-intro-step-dot{width:8px;height:8px;border-radius:50%;background:#00000014;transition:all .2s ease}.story-intro-step-dot--active{width:16px;border-radius:999px;background:#8fb9a8}.story-intro-footer-text{color:#a89b8e;font-size:.875rem;text-align:center;margin-top:1rem;font-weight:500}@media (min-width: 768px){.story-intro{padding:2.5rem 2rem 3rem;gap:2rem}.story-intro-card-stack{max-width:400px;height:480px}.story-intro-card-content{padding:2rem 1.5rem}.story-intro-card-content--center{gap:1.5rem}.story-intro-text{font-size:1.35rem}.story-intro-start-button{padding:.9rem 2.6rem;font-size:1rem}.story-intro-progress{margin-top:.5rem}}@media (min-width: 1024px){.story-intro-card-stack{max-width:480px;height:520px}.story-intro-text{font-size:1.5rem}}@media (max-width: 639px){.story-intro-card-stack{width:88vw;max-width:300px;height:360px}.story-intro-card-content{padding:1.25rem 1rem}.story-intro-text{font-size:1rem}.story-intro-start-button{padding:.65rem 1.75rem;font-size:.9rem}}.task-library-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);overflow:hidden}.task-library-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.task-library-wrapper{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 180px)}.task-library-header{text-align:center;margin-bottom:.5rem;flex-shrink:0;padding:.5rem 1rem .75rem;position:relative}.task-library-header h1{font-size:1.5rem;font-weight:600;color:#5d5348;margin:0;letter-spacing:.02em}.task-library-header .subtitle{font-size:.8rem;color:#8b8176;margin:.25rem 0 0}.stats-overview{display:flex;justify-content:center;gap:.5rem;padding:0 1rem .75rem;flex-shrink:0}.stat-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;font-size:.75rem;color:#8b7355;box-shadow:0 2px 8px #c9a88714}.stat-pill .count{font-weight:600;color:#c9a887}.stat-pill.urgent-red .count{color:#e8a0a0}.stat-pill.urgent-yellow .count{color:#e8d4a0}.stat-pill.urgent-green .count{color:#a8c69f}.search-bar{padding:0 1rem .5rem;flex-shrink:0}.search-box{display:flex;align-items:center;background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(200,200,200,.25);border-radius:24px;padding:.625rem 1rem;transition:all .3s ease;box-shadow:0 2px 12px #c9a8870f}.search-box:focus-within{border-color:#a8c69f;box-shadow:0 0 0 4px #a8c69f1f,0 4px 16px #c9a8871a;transform:translateY(-1px)}.search-icon{color:#a89b8e;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;color:#5d5348;margin:0 .5rem}.search-input::placeholder{color:#a89b8e}.clear-search{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#a89b8e1a;border-radius:50%;color:#8b8176;cursor:pointer;flex-shrink:0;transition:all .2s ease}.clear-search:hover{background:#a89b8e33;transform:scale(1.05)}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .375rem;gap:.75rem;flex-shrink:0}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.75rem;color:#9a9288;white-space:nowrap}.filter-chips{display:flex;gap:.375rem}.filter-chip{padding:.4rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:500;background:#c9a88714;color:#8b7355;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-chip:hover{background:#c9a88726;transform:translateY(-1px)}.filter-chip.active{color:#fff;box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.filter-chip.active{background:#c9a887}.filter-chip.active.urgency-red{background:#e8a0a0;box-shadow:0 3px 8px #e8a0a059}.filter-chip.active.urgency-yellow{background:#e8d4a0;box-shadow:0 3px 8px #e8d4a059}.filter-chip.active.urgency-green{background:#a8c69f;box-shadow:0 3px 8px #a8c69f59}.sort-group{display:flex;align-items:center;gap:.375rem}.sort-select{padding:.4rem .7rem;border-radius:.75rem;border:1px solid rgba(201,168,135,.2);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#5d5348;font-size:.75rem;cursor:pointer;transition:all .2s ease}.sort-select:hover{border-color:#c9a88766;background:#fffffff2}.sort-select:focus{outline:none;border-color:#c9a887;box-shadow:0 0 0 3px #c9a8871a}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(201,168,135,.2);border-radius:.625rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8b7355;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.sort-order-btn:hover{background:#fef6ed;border-color:#c9a88766;transform:scale(1.05)}.completed-toggle{padding:.4rem .7rem;border-radius:.75rem;border:1px solid rgba(201,168,135,.2);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8b7355;font-size:.75rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.completed-toggle:hover{background:#fef6ed;border-color:#c9a88766}.completed-toggle.active{background:#a8c69f;border-color:#a8c69f;color:#fff;box-shadow:0 3px 8px #a8c69f59}.task-list-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.task-list{display:flex;flex-direction:column;gap:.625rem;padding:.5rem 1rem 7rem;overflow-y:auto;flex:1;min-height:300px}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-track{background:transparent}.task-list::-webkit-scrollbar-thumb{background:#c9a88740;border-radius:2px}.task-list::-webkit-scrollbar-thumb:hover{background:#c9a88766}.task-library-card{position:relative;background:linear-gradient(135deg,#fefaf7,#fef6ed);border-radius:1.125rem;overflow:hidden;box-shadow:0 2px 16px #c9a8871a;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(201,168,135,.08)}.task-library-card:hover{box-shadow:0 6px 24px #c9a8872e;transform:translateY(-2px);border-color:#c9a88726}.task-library-card.task-completed{opacity:.7;background:linear-gradient(135deg,#f0f0f080,#fafafa4d)}.task-library-card.task-completed .library-card-content{padding-right:2.5rem}.task-library-card.task-completed:hover{opacity:.85}.task-library-card.task-completed .completed-title{text-decoration:line-through;color:#999}.task-library-card.task-completed .completed-desc,.task-library-card.task-completed .completed-deadline{color:#aaa}.library-completed-badge{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;background:#a8c69f;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #a8c69f66;z-index:1}.library-card-accent-bar{position:absolute;left:0;top:0;bottom:0;width:5px}.library-card-content{padding:.875rem 1rem .875rem 1.375rem}.task-library-card .library-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.75rem}.task-library-card .library-card-title{font-size:1.025rem;font-weight:600;color:#4a4641;margin:0;flex:1;line-height:1.4}.task-library-card .library-urgency-badge{flex-shrink:0;padding:.3rem .75rem;border-radius:.875rem;font-size:.7rem;font-weight:600;letter-spacing:.03em}.task-library-card .library-card-desc{font-size:.825rem;color:#7a7268;margin:0 0 .625rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-energy-bar{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.library-energy-label{font-size:.7rem;color:#9a9288;white-space:nowrap;font-weight:500}.library-energy-track{display:flex;gap:.3125rem;flex:1}.library-energy-segment{height:7px;flex:1;border-radius:3.5px;background:#f0efe9;transition:all .25s ease}.library-energy-segment.filled{box-shadow:0 1px 4px #0000001f}.task-library-card .library-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.625rem;border-top:1px solid rgba(201,168,135,.12)}.task-library-card .library-card-deadline{font-size:.775rem;color:#9a9288;display:flex;align-items:center;gap:.25rem}.task-library-card .library-card-actions{display:flex;gap:.5rem}.library-action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.library-delete-btn{background:#e8a0a01f;color:#d47a7a}.library-delete-btn:hover{background:#e8a0a033;box-shadow:0 3px 10px #e8a0a04d;transform:scale(1.08)}.library-execute-btn{background:linear-gradient(135deg,#d4a574,#c9a887);color:#fff;box-shadow:0 3px 8px #c9a88740}.library-execute-btn:hover{box-shadow:0 4px 14px #c9a88759;transform:translateY(-2px) scale(1.05)}.pagination{position:fixed;bottom:6.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem 1rem .625rem;padding-bottom:calc(.625rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,rgba(250,248,245,.9) 20%,#faf8f5 100%);z-index:150;pointer-events:none}.pagination>*{pointer-events:auto}.page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffe6;color:#8b7355;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #c9a8871a}.page-btn:hover:not(:disabled){background:#fef6ed;transform:scale(1.1);box-shadow:0 3px 10px #c9a88726}.page-btn:disabled{opacity:.25;cursor:not-allowed}.page-numbers{display:flex;gap:.375rem}.page-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#8b7355;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.page-num:hover{background:#c9a8871f}.page-num.active{background:#c9a887;color:#fff;box-shadow:0 3px 10px #c9a88759;transform:scale(1.05)}.empty-state{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon-wrapper{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef5e7,#f5e0d0);border-radius:50%;margin-bottom:1.25rem;position:relative}.empty-icon-wrapper:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#fef5e7,#f5e0d0);opacity:.5;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:0}}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:#5d5348;margin:0 0 .5rem}.empty-state p{font-size:.875rem;color:#8b8176;margin:0}.loading-spinner{width:36px;height:36px;border:3px solid rgba(168,198,159,.15);border-top-color:#a8c69f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:env(safe-area-inset-top)}.filter-panel{width:100%;max-width:400px;margin:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 12px 48px #0000002e;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(200,200,200,.2)}.filter-header h3{font-size:1.125rem;font-weight:600;color:#5d5348;margin:0}.close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:#c8c8c81a;border-radius:50%;color:#8b8176;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#c8c8c833;transform:scale(1.05)}.filter-section{padding:1rem 1.5rem;border-bottom:1px solid rgba(200,200,200,.1)}.filter-section h4{font-size:.875rem;font-weight:600;color:#5d5348;margin:0 0 .75rem}.filter-options{display:flex;flex-direction:column;gap:.625rem}.filter-option{display:flex;align-items:center;gap:.625rem;cursor:pointer;padding:.375rem;border-radius:.5rem;transition:background .15s ease}.filter-option:hover{background:#c9a8870d}.filter-option input[type=checkbox]{width:18px;height:18px;accent-color:#A8C69F;cursor:pointer}.filter-option span{font-size:.9rem;color:#5d5348}.library-urgency-badge{padding:.3rem .625rem;border-radius:.625rem;font-size:.8rem;font-weight:500}.filter-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f5f066}.result-count{font-size:.875rem;color:#8b8176}.reset-btn{padding:.5rem 1rem;background:#fff;border:1px solid rgba(200,200,200,.25);border-radius:.75rem;color:#8b8176;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#fafafa;border-color:#a8c69f;color:#a8c69f}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-around;align-items:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(200,200,200,.25);box-shadow:0 -1px #0000000a,0 -4px 16px #0000000f;border-radius:0}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;color:#aaa;transition:all .3s ease}.nav-icon-wrapper.active{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887;box-shadow:0 2px 8px #c9a88733}.nav-label{font-size:.7rem;color:#aaa;font-weight:500}@media (max-width: 400px){.task-library-header h1{font-size:1.25rem}.stats-overview{flex-wrap:wrap}.filter-chip{padding:.35rem .6rem;font-size:.7rem}.task-library-card .library-card-title{font-size:.95rem}.pagination{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}.task-modal-card{background:#fff;overflow:hidden}.task-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#faf8f5,#fef6ed);border-bottom:1px solid rgba(201,168,135,.1)}.task-modal-title-area{flex:1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-modal-title{font-size:1.125rem;font-weight:600;color:#4a4641;margin:0}.task-modal-status{padding:.25rem .625rem;border-radius:.75rem;font-size:.7rem;font-weight:600;background:#f0f0f0;color:#999}.task-modal-status.status-completed{background:#a8c69f;color:#fff}.task-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#c9a8871a;border-radius:50%;color:#8b7355;cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-modal-close:hover{background:#c9a88733;transform:scale(1.05)}.task-modal-content{padding:1.5rem}.task-modal-section{margin-bottom:1.25rem}.task-modal-section:last-child{margin-bottom:0}.task-modal-section-title{font-size:.75rem;font-weight:600;color:#9a9288;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.task-modal-description{font-size:.9rem;color:#5a5651;line-height:1.6;margin:0}.task-modal-info{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;background:#faf8f5;border-radius:12px;margin-bottom:1.25rem}.task-modal-info-item{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:80px}.task-modal-info-label{font-size:.7rem;color:#9a9288;font-weight:500}.task-modal-info-value{font-size:.875rem;color:#5a5651;font-weight:600}.task-modal-info-value.urgency-red{color:#e8a0a0}.task-modal-info-value.urgency-yellow{color:#e8d4a0}.task-modal-info-value.urgency-green{color:#a8c69f}.task-modal-progress{display:flex;align-items:center;gap:.75rem}.task-modal-progress-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.task-modal-progress-fill{height:100%;background:linear-gradient(90deg,#c9a887,#d4b896);border-radius:4px;transition:width .3s ease}.task-modal-progress-text{font-size:.875rem;font-weight:600;color:#8b7355;min-width:40px;text-align:right}.task-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#faf8f5;border-top:1px solid rgba(201,168,135,.1)}.task-modal-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.task-modal-btn-primary{background:#c9a887;color:#fff}.task-modal-btn-primary:hover{background:#b89978}.task-modal-btn-secondary{background:#c9a88726;color:#8b7355}.task-modal-btn-secondary:hover{background:#c9a88740}.task-form-compact{flex:1;display:flex;flex-direction:column;padding:1rem;overflow:hidden;min-width:0}.form-scrollable-content{flex:1;display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem;min-height:0}.form-scrollable-content::-webkit-scrollbar,.task-form-compact::-webkit-scrollbar{display:none}.form-scrollable-content,.task-form-compact{-ms-overflow-style:none;scrollbar-width:none}:root{--color-primary: #A68B5B;--color-secondary: #C9B896;--color-bg-light: #E8DCD0;--color-bg-cream: #F5E6D0;--color-text: #5D5348;--color-text-light: #8B7355;--color-success: #A8C69F;--color-urgency-high-bg: #E8C8C0;--color-urgency-high-text: #C97B6B;--color-urgency-medium-bg: #FAE5D5;--color-urgency-medium-text: #A68B5B;--color-urgency-low-bg: #E8F0E5;--color-urgency-low-text: #7A9E6F}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-textarea{width:100%;padding:.75rem;border:2px solid var(--color-bg-light);border-radius:12px;font-size:.9375rem;font-family:inherit;background:#fff;color:var(--color-text);outline:none;transition:all .2s ease;resize:none;min-height:60px;overflow:hidden}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #a68b5b26}.form-textarea::placeholder{color:#c4b8ac}.input-with-actions{position:relative;display:flex;align-items:flex-end}.form-textarea.with-actions{padding-right:5.5rem}.input-action-buttons{position:absolute;right:.5rem;bottom:.5rem;display:flex;gap:.375rem;z-index:10}.action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--color-secondary);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;overflow:hidden;position:relative;z-index:10}.action-btn svg{width:20px;height:20px;flex-shrink:0}.action-btn:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-primary)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn.recording{background:var(--color-urgency-high-bg);border-color:var(--color-urgency-high-text);animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #e8c8c0b3}50%{box-shadow:0 0 0 6px #e8c8c000}}.recording-dot{width:8px;height:8px;background:var(--color-urgency-high-text);border-radius:50%;animation:recording-blink 1s ease-in-out infinite}@keyframes recording-blink{0%,to{opacity:1}50%{opacity:.3}}.date-analysis-result{margin-top:.5rem;overflow:hidden}.analysis-content{background:linear-gradient(135deg,var(--color-urgency-medium-bg) 0%,var(--color-bg-cream) 100%);border-radius:12px;padding:.75rem}.analysis-header{display:flex;align-items:center;justify-content:center;margin-bottom:.625rem}.analysis-title{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-text-light)}.analysis-label{font-size:.75rem;font-weight:600;color:var(--color-text-light)}.analysis-details{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.625rem}.analysis-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.item-label{color:var(--color-text-light);font-weight:500;min-width:2rem}.item-value{color:var(--color-text);flex:1}.item-value.highlight{color:var(--color-primary);font-weight:600}.item-value.urgency{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.item-value.urgency[data-urgency=red],.item-value.urgency[data-urgency=high]{background:var(--color-urgency-high-bg);color:var(--color-urgency-high-text)}.item-value.urgency[data-urgency=yellow],.item-value.urgency[data-urgency=medium]{background:var(--color-urgency-medium-bg);color:var(--color-urgency-medium-text)}.item-value.urgency[data-urgency=green],.item-value.urgency[data-urgency=low]{background:var(--color-urgency-low-bg);color:var(--color-urgency-low-text)}.date-input-editable{padding:.375rem .625rem;border:2px solid rgba(200,184,150,.5);border-radius:8px;background:#fff;color:var(--color-primary);font-size:.875rem;font-weight:600;font-family:inherit;outline:none;transition:all .2s ease;cursor:pointer}.date-input-editable:hover{border-color:var(--color-primary)}.date-input-editable:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #a68b5b26}.date-input-editable::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(50%) sepia(20%) saturate(500%) hue-rotate(350deg)}.date-input-editable::-webkit-calendar-picker-indicator:hover{opacity:1}.analysis-actions{display:flex;gap:.5rem}.analysis-btn{flex:1;padding:.5rem;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.analysis-btn.confirm{background:#fff;color:var(--color-success);box-shadow:0 2px 8px #a8c69f33}.analysis-btn.confirm:hover{background:var(--color-success);color:#fff}.analysis-btn.cancel{background:#ffffff80;color:var(--color-text-light)}.analysis-btn.cancel:hover{background:#fffc}.analyzing-icon{animation:analyzing-spin 1s linear infinite}.analyzing-path{transform-origin:center}@keyframes analyzing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-suggestion{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,var(--color-urgency-medium-bg) 0%,var(--color-bg-cream) 100%);border-radius:10px;font-size:.8125rem}.suggestion-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.suggestion-text{flex:1;color:var(--color-text)}.suggestion-text strong{font-weight:600;color:var(--color-text-light)}.suggestion-apply{padding:.25rem .625rem;border:none;border-radius:999px;background:#fff;color:var(--color-text-light);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.suggestion-apply:hover{background:var(--color-primary);color:#fff}.grid-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.grid-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:2px solid var(--color-bg-light);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.grid-option:hover:not(:disabled){border-color:var(--option-color);transform:translateY(-2px)}.grid-option.active{background:var(--option-color);border-color:var(--option-color)}.grid-option.active .option-icon,.grid-option.active .option-label{color:var(--color-text)}.option-icon{font-size:1.125rem;line-height:1}.option-label{font-size:.75rem;font-weight:500;color:var(--color-text-light)}.ai-hint{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:#a8c69f26;border-radius:999px;font-size:.8125rem;color:var(--color-success);text-align:center;border:1px dashed rgba(168,198,159,.4);flex-shrink:0}.hint-sparkle{display:flex;align-items:center;justify-content:center;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.quick-templates-section{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.templates-header{display:flex;align-items:center}.templates-title{font-size:.65rem;font-weight:500;color:var(--color-text-light)}.templates-cloud{display:flex;flex-wrap:wrap;gap:.375rem .5rem;min-width:0}.templates-scroll{display:none}.template-chip{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1.5px solid rgba(200,184,150,.5);border-radius:999px;background:#fff;box-shadow:0 1px 3px #8b735514;cursor:pointer;transition:all .2s ease;flex-shrink:0;scroll-snap-align:start;line-height:1.2}.template-chip:hover{border-color:var(--color-primary);background:var(--color-bg-cream);box-shadow:0 2px 6px #8b73551f}.template-chip:active{transform:scale(.95)}.template-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.template-text{font-size:.8125rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.submit-button-wrapper{flex-shrink:0;background:linear-gradient(to top,rgba(250,248,245,.98) 0%,rgba(254,246,237,.9) 60%,transparent 100%);padding-top:.75rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;position:relative;z-index:10}.submit-button{width:100%;padding:.875rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--color-primary) 0%,#8B7355 100%);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #a68b5b4d}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #a68b5b66;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-height: 700px){.task-form-compact{gap:.625rem;padding:.875rem}.form-section,.grid-selector{gap:.375rem}.grid-option{padding:.625rem .375rem}}.add-task-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);overflow:hidden;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.add-task-content{flex:1;display:flex;flex-direction:column;overflow:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-around;align-items:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(200,200,200,.3);box-shadow:0 -1px #0000000d,0 -4px 12px #00000014;border-radius:0}.nav-item.active .nav-icon-wrapper{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887}.nav-item{position:relative}.nav-click-area{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;border-radius:12px;z-index:1}.nav-item.static-indicator{cursor:default;pointer-events:none}.nav-item.static-indicator .nav-icon-wrapper{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887}.nav-item.static-indicator .nav-label{color:#c9a887}@media (min-width: 481px){.add-task-container{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000000d}}.tree-bag-button{position:absolute;top:calc(24rem + env(safe-area-inset-top));left:1rem;transform:none;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(145deg,#fef5e7,#f5e0d0);box-shadow:0 4px 16px #c9a8874d,inset 0 2px 4px #fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:0;transition:all .3s ease;z-index:60;border:2px solid rgba(201,168,135,.2);color:#8b7355}.tree-bag-button:hover{box-shadow:0 6px 20px #c9a88766,inset 0 2px 4px #ffffffe6;transform:scale(1.05);border-color:#c9a88759}.bag-line-icon{width:26px;height:26px;color:#8b7355}.stage-badge{position:absolute;top:-2px;right:-2px;font-size:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#a8c69f,#98b88a);border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000026}.fertilizer-pill{position:absolute;bottom:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#7fd3fc,#4fc3f7);border-radius:9px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000026;font-size:.625rem;font-weight:700;color:#fff}.tree-bag-display{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow:visible}.stage-card-main{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(145deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:2px solid rgba(168,198,159,.3);box-shadow:0 4px 20px #00000014;width:100%}.stage-icon-large{font-size:2.5rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#a8c69f33,#a8c69f1a);border-radius:50%}.stage-info{flex:1}.stage-name{font-size:1rem;font-weight:700;color:#5d5348;margin:0 0 .125rem}.stage-exp{font-size:.75rem;color:#8b8176;margin:0}.exp-progress-section{width:100%;display:flex;flex-direction:column;gap:.375rem;position:relative;z-index:1}.exp-progress-header{display:flex;justify-content:space-between;align-items:center}.exp-label{font-size:.6875rem;font-weight:600;color:#5d5348}.exp-value{font-size:.6875rem;color:#8b8176}.exp-progress-bar{position:relative;width:100%;height:8px;background:#a8c69f33;border-radius:9999px;overflow:hidden}.exp-progress-fill{height:100%;background:linear-gradient(90deg,#a8c69f,#b8d4b0,#98b88a);border-radius:9999px}.exp-percent{text-align:right;font-size:.625rem;font-weight:600;color:#8b7355}.tree-svg-container{position:relative;width:100%;max-width:280px;display:flex;align-items:center;justify-content:center;min-height:250px;z-index:100;margin-top:-5rem;padding-top:5rem}.tree-svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));position:relative;z-index:10}.exp-float{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:700;color:#a8c69f;pointer-events:none;text-shadow:0 2px 8px rgba(168,198,159,.5)}.checkin-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(145deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:2px solid rgba(255,200,150,.4);box-shadow:0 4px 20px #ffc89626,inset 0 2px 10px #fffc;font-size:.875rem;font-weight:600;color:#c9a887}.debug-panel{width:100%;background:linear-gradient(145deg,#646478f2,#505064e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:2px dashed rgba(255,200,100,.4);overflow:hidden}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:#0003}.debug-title{font-size:.75rem;font-weight:700;color:gold;letter-spacing:.05em}.debug-toggle{padding:.375rem .75rem;font-size:.6875rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.debug-toggle:hover{background:#fff3}.debug-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.debug-slider-section{display:flex;flex-direction:column;gap:.5rem}.debug-label{font-size:.75rem;color:#ccc;display:flex;justify-content:space-between;align-items:center}.debug-value{font-family:Courier New,monospace;font-weight:700;color:#4caf50;font-size:.875rem}.debug-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:9999px;outline:none}.debug-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(145deg,#4caf50,#45a049);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.debug-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(145deg,#4caf50,#45a049);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.debug-presets{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.debug-presets-label{font-size:.6875rem;color:#aaa;width:100%;margin-bottom:.25rem}.debug-preset-btn{padding:.375rem .625rem;font-size:.6875rem;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.debug-preset-btn:hover{background:#4caf504d;border-color:#4caf50;transform:translateY(-1px)}.debug-preset-btn:active{transform:translateY(0)}.debug-current-stage{padding:.5rem .75rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:10px;font-size:.75rem;color:gold;text-align:center}.debug-current-stage strong{color:#fff}.bag-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bag-modal-container{width:100%;max-width:340px;max-height:100%;background:linear-gradient(145deg,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #00000026,inset 0 2px 10px #fff,inset 0 -2px 10px #0000000d;z-index:151;display:flex;flex-direction:column;overflow:hidden}.bag-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(200,200,200,.2)}.bag-modal-title{font-size:1.125rem;font-weight:700;color:#5d5348;margin:0;letter-spacing:.05em}.bag-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#0000000d;border-radius:50%;cursor:pointer;color:#8b8176;transition:all .2s ease}.bag-modal-close:hover{background:#0000001a;color:#5d5348}.bag-modal-content{flex:1;padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;overflow-y:auto}.fertilizer-display{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:.5rem}.fertilizer-icon-wrapper{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;box-shadow:0 8px 30px #2196f34d,inset 0 4px 12px #ffffff80}.fertilizer-main-icon{color:#2196f3}.fertilizer-count-section{text-align:center}.fertilizer-count-label{font-size:.875rem;color:#8b8176;margin:0 0 .5rem}.fertilizer-count-value{font-size:2rem;font-weight:700;color:#5d5348;margin:0 0 .5rem;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.count-number{color:#2196f3}.count-unit{font-size:1rem;color:#8b8176;font-weight:500}.fertilizer-effect{font-size:.875rem;color:#8b8176;margin:0}.exp-highlight{color:#2196f3;font-weight:700}.fertilizer-selector{width:100%;display:flex;flex-direction:column;gap:.875rem}.selector-label{font-size:.875rem;font-weight:600;color:#5d5348;margin:0;text-align:center}.quick-select-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.quick-select-btn{padding:.5rem 1rem;border:1.5px solid rgba(79,195,247,.3);background:#fffc;border-radius:12px;font-size:.875rem;font-weight:500;color:#5d5348;cursor:pointer;transition:all .2s ease}.quick-select-btn:hover:not(:disabled){background:#4fc3f71a;border-color:#4fc3f780}.quick-select-btn.active{background:linear-gradient(145deg,#7fd3fc,#4fc3f7);color:#fff;border-color:transparent}.quick-select-btn:disabled{opacity:.4;cursor:not-allowed}.precise-selector{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff9;padding:.5rem;border-radius:16px;border:1px solid rgba(200,200,200,.2)}.selector-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:linear-gradient(145deg,#7fd3fc,#4fc3f7);color:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.selector-btn:hover:not(:disabled){box-shadow:0 4px 12px #4fc3f766}.selector-btn:disabled{background:linear-gradient(145deg,#e8e8e8,#d0d0d0);cursor:not-allowed}.selector-input-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-width:100px}.selector-input{width:90px;padding:.5rem 2.5rem .5rem 1rem;border:1.5px solid rgba(200,200,200,.3);background:#fff;border-radius:10px;font-size:1.125rem;font-weight:600;color:#5d5348;text-align:center;outline:none;transition:all .2s ease}.selector-input:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.selector-input:disabled{background:#c8c8c81a;color:#999}.selector-unit{position:absolute;right:.75rem;font-size:.75rem;color:#8b8176;font-weight:500}.exp-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#4fc3f71a,#2196f31a);border-radius:12px;border:1px solid rgba(79,195,247,.2)}.exp-preview-label{font-size:.875rem;color:#8b8176}.exp-preview-value{font-size:1.125rem;font-weight:700;color:#2196f3}.fertilize-main-btn{width:100%;padding:1rem;border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;background:linear-gradient(145deg,#7fd3fc,#4fc3f7);color:#fff;box-shadow:0 6px 20px #4fc3f766}.fertilize-main-btn:hover:not(.disabled){box-shadow:0 8px 25px #4fc3f780;transform:translateY(-2px)}.fertilize-main-btn:active:not(.disabled){transform:translateY(0)}.fertilize-main-btn.disabled{background:linear-gradient(145deg,#e8e8e8,#d0d0d0);color:#999;cursor:not-allowed;box-shadow:none}.btn-text{display:flex;align-items:center;gap:.5rem}.empty-hint{font-size:.875rem;color:#999;margin:0;text-align:center}.fertilize-animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden}.fertilize-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#7fd3fc4d,#7fd3fc00 70%);border-radius:50%;z-index:1}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.fertilize-particle{position:absolute;font-size:1.5rem;filter:drop-shadow(0 2px 8px rgba(127,211,252,.6));z-index:3}.fertilize-ring{position:absolute;width:100px;height:100px;border:3px solid rgba(127,211,252,.4);border-radius:50%;z-index:1}.growth-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:10}.tree-emoji{font-size:7rem;filter:drop-shadow(0 8px 24px rgba(168,198,159,.5));transition:text-shadow .3s ease}.exp-gain{display:flex;align-items:baseline;gap:.25rem;font-size:1.75rem;font-weight:700;color:#7fd3fc;text-shadow:0 2px 12px rgba(127,211,252,.6)}.exp-number{font-size:2.5rem;background:linear-gradient(180deg,#7fd3fc,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exp-label{font-size:1.25rem;color:#8b8176;font-weight:600}.level-up-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,#fffc,#fff0 60%);border-radius:50%;pointer-events:none}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.achievement-wall-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf8f5,#fef6ed,#faf8f5);overflow:hidden}.achievement-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.gradient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blobFloat 20s ease-in-out infinite}.blob-1{width:300px;height:300px;background:radial-gradient(circle,#fef0e0 0%,transparent 70%);top:-100px;left:-50px;animation-delay:0s}.blob-2{width:250px;height:250px;background:radial-gradient(circle,#f0f5ed 0%,transparent 70%);bottom:100px;right:-50px;animation-delay:-7s}.blob-3{width:200px;height:200px;background:radial-gradient(circle,#f0f4f8 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}.achievement-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 5rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(5rem + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.achievement-content::-webkit-scrollbar{width:0;display:none}.achievement-content{-ms-overflow-style:none;scrollbar-width:none}.achievement-header{text-align:center;margin-bottom:1.5rem}.header-icon{font-size:3rem;margin-bottom:.5rem;animation:headerIconFloat 3s ease-in-out infinite}@keyframes headerIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.header-title{font-size:1.5rem;font-weight:700;color:#5d5348;margin:0 0 .5rem;letter-spacing:.05em}.header-subtitle{font-size:.9375rem;color:#8b8176;margin:0;font-weight:500}.tree-display-section,.tree-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:.5rem 0}.stats-card{display:flex;justify-content:space-around;align-items:center;width:100%;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:20px;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000014,inset 0 2px 10px #fffc}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:#5d5348;line-height:1}.stat-label{font-size:.75rem;color:#8b8176;font-weight:500}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1),transparent)}.achievement-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.section-title{font-size:1rem;font-weight:600;color:#5d5348;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 .75rem;letter-spacing:.05em}.title-icon{font-size:1.25rem}.locked-title{color:#a0a0a0}.medals-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%}.locked-container{opacity:.6}.medal-badge{position:relative;width:100%;min-height:72px;border-radius:16px;display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--medal-color, #A8C69F);box-shadow:0 4px 20px var(--medal-shadow, rgba(168, 198, 159, .3)),inset 0 2px 10px #fffc,inset 0 -2px 10px #0000000d;cursor:default;transition:all .3s ease;box-sizing:border-box}.medal-badge:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:18px;background:var(--medal-color, #A8C69F);opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.medal-badge:hover:before{opacity:.4}.medal-badge:hover{transform:scale(1.02);box-shadow:0 8px 30px var(--medal-shadow, rgba(168, 198, 159, .5)),inset 0 2px 10px #ffffffe6}.medal-badge.locked{border-color:#e8dcd0;background:#ffffff80;cursor:not-allowed}.medal-badge.locked:hover{transform:none;box-shadow:0 4px 20px #00000014,inset 0 2px 10px #fff9}.medal-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:50%}.medal-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 60%);pointer-events:none}.medal-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.medal-name{font-size:1rem;font-weight:600;color:#5d5348}.medal-count{font-size:.8125rem;color:#8b8176;font-weight:500}.next-milestone-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:20px;background:linear-gradient(135deg,#fef5e7,#f5e0d0);border:2px solid rgba(245,220,180,.5);box-shadow:0 4px 20px #f5dcb44d,inset 0 2px 10px #fff9}.next-milestone-icon{font-size:2.5rem;flex-shrink:0;animation:nextMilestonePulse 2s ease-in-out infinite}@keyframes nextMilestonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.next-milestone-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.next-milestone-title{font-size:.875rem;font-weight:600;color:#8b7355;margin:0;text-transform:uppercase;letter-spacing:.05em}.next-milestone-desc{font-size:.9375rem;color:#5d5348;margin:0;line-height:1.4}.next-milestone-name{color:#c9a887;font-weight:600}.next-milestone-progress{width:100%;height:6px;background:#fff9;border-radius:9999px;overflow:hidden;margin-top:.25rem}.progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#c9a887,#d4b896);transition:width .5s ease}.next-milestone-hint{font-size:.75rem;color:#8b7355;margin:0;margin-top:.25rem}.encouragement-section{text-align:center;padding:1rem 1.25rem;margin-top:auto;margin-bottom:1rem}.encouragement-text{font-size:.9375rem;color:#8b8176;font-weight:500;margin:0;line-height:1.6;letter-spacing:.03em;font-style:italic}.bottom-nav{position:absolute;bottom:0;left:0;z-index:100;width:100%;display:flex;justify-content:space-around;align-items:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(200,200,200,.3);box-shadow:0 -1px #0000000d,0 -4px 12px #00000014;border-radius:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;color:#999;transition:all .3s ease}.nav-icon-wrapper.active{background:linear-gradient(135deg,#fef5e7,#f5e0d0);color:#c9a887}.nav-label{font-size:.7rem;color:#999;font-weight:500}.nav-item.active .nav-label{color:#c9a887}@media (max-width: 400px){.achievement-content{padding:1rem .75rem}.header-title{font-size:1.25rem}.header-icon{font-size:2.5rem}.stats-card{padding:.875rem 1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.6875rem}.medal-badge{padding:.75rem .875rem;min-height:64px}.medal-icon{font-size:1.75rem;width:40px;height:40px}.medal-name{font-size:.9375rem}.medal-count{font-size:.75rem}.next-milestone-card{padding:.875rem 1rem}.next-milestone-icon{font-size:2rem}}.milestone-display-section{width:100%;display:flex;flex-direction:column;gap:1.25rem}.milestone-section{width:100%;display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.875rem;font-weight:600;color:#5d5348;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;letter-spacing:.05em}.unlocked-title{color:#8b7355}.all-complete-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.all-complete-icon{font-size:4rem;margin-bottom:1rem;animation:allCompleteBounce 1s ease-in-out infinite}@keyframes allCompleteBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.all-complete-text{font-size:1rem;font-weight:600;color:#5d5348;margin:0}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:280px;max-width:380px;padding:16px 20px;background:#fff;border-radius:4px 8px 3px 7px;box-shadow:3px 4px #5d534826;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;background-image:repeating-linear-gradient(transparent,transparent 2px,rgba(212,200,188,.03) 2px,rgba(212,200,188,.03) 4px)}.toast:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--toast-color, var(--color-matcha));border-radius:4px 8px 0 0}.toast:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-1deg);width:40px;height:16px;background:#f5f5f0cc;border-left:1px dashed rgba(93,83,72,.1);border-right:1px dashed rgba(93,83,72,.1);opacity:.8}.toast-visible{opacity:1;transform:translate(0) rotate(0)}.toast-hidden{opacity:0;transform:translate(100%) rotate(5deg)}.toast-icon{font-size:20px;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.1))}.toast-message{flex:1;font-size:14px;color:var(--text-primary);line-height:1.5;font-weight:500;position:relative;z-index:1}.toast-close{flex-shrink:0;width:24px;height:24px;border:1px solid var(--border-soft);background:#fff;font-size:14px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative;z-index:1}.toast-close:hover{background:var(--color-cream);border-color:var(--color-matcha);color:var(--text-primary);transform:rotate(90deg)}.toast-success{--toast-color: var(--color-matcha)}.toast-success .toast-icon{color:var(--color-matcha-dark)}.toast-error{--toast-color: var(--color-dusty-rose)}.toast-error .toast-icon{color:var(--color-dusty-rose-dark)}.toast-warning{--toast-color: var(--color-apricot)}.toast-warning .toast-icon{color:var(--color-apricot-dark)}.toast-info{--toast-color: var(--color-matcha-light)}.toast-info .toast-icon{color:var(--color-matcha)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(100%) rotate(-5deg)}}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:0;max-width:100%}}:root{--color-cream: #FDF8F3;--color-cream-dark: #F5EDE4;--color-matcha: #A8C69F;--color-matcha-light: #D4E5CC;--color-matcha-dark: #7A9E6F;--color-dusty-rose: #D4A5A5;--color-dusty-rose-light: #EBD4D4;--color-dusty-rose-dark: #B88787;--color-apricot: #F5C4A1;--color-apricot-light: #FAE5D5;--color-apricot-dark: #E8A67C;--theme-bg-primary: #F5F8F3;--theme-bg-secondary: #EDF5EB;--theme-bg-card: rgba(255, 255, 255, .95);--theme-text-primary: #5D5348;--theme-text-secondary: #8B7355;--theme-text-muted: #A89B8E;--theme-accent: #A8C69F;--theme-border: rgba(168, 198, 159, .2);--theme-shadow: rgba(168, 198, 159, .12);--theme-blob-1: #e8f5ed;--theme-blob-2: #f0f8f0;--urgency-red: #E8A0A0;--urgency-red-bg: #FEEEE0;--urgency-yellow: #E8D4A0;--urgency-yellow-bg: #FAF5E0;--urgency-green: #A8C69F;--urgency-green-bg: #E8F3E5;--text-primary: #5D5348;--text-secondary: #8B8176;--text-tertiary: #A89B8E;--text-light: #C4B8AC;--border-soft: #E8DCD0;--border-hand-drawn: #D4C8BC;--shadow-soft: 0 4px 16px rgba(93, 83, 72, .08);--shadow-medium: 0 8px 24px rgba(93, 83, 72, .12);--shadow-deep: 0 12px 32px rgba(93, 83, 72, .16);--shadow-paper: 2px 3px 8px rgba(93, 83, 72, .1);--radius-organic: 12px;--radius-paper: 4px;--radius-sticker: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-cream);background-image:radial-gradient(circle at 15% 50%,rgba(168,198,159,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(212,165,165,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(245,196,161,.06) 0%,transparent 40%);min-height:100vh;color:var(--text-primary);position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}input,textarea{-webkit-user-select:auto;user-select:auto}body.theme-matcha{--theme-bg-primary: #F5F8F3;--theme-bg-secondary: #EDF5EB;--theme-bg-card: rgba(255, 255, 255, .95);--theme-accent: #A8C69F;--theme-border: rgba(168, 198, 159, .2);--theme-shadow: rgba(168, 198, 159, .12);--theme-blob-1: #e8f5ed;--theme-blob-2: #f0f8f0}body.theme-peach{--theme-bg-primary: #FFF8F3;--theme-bg-secondary: #FFF0E8;--theme-bg-card: rgba(255, 255, 255, .95);--theme-accent: #F5C4A1;--theme-border: rgba(245, 196, 161, .2);--theme-shadow: rgba(245, 196, 161, .12);--theme-blob-1: #fef0e8;--theme-blob-2: #fff5f0}body.theme-mint{--theme-bg-primary: #F0F9F5;--theme-bg-secondary: #E0F5EB;--theme-bg-card: rgba(255, 255, 255, .95);--theme-accent: #98D4BB;--theme-border: rgba(152, 212, 187, .2);--theme-shadow: rgba(152, 212, 187, .12);--theme-blob-1: #e0f8f0;--theme-blob-2: #f0fcf5}body.dark-mode{--theme-bg-primary: #1a1a2e;--theme-bg-secondary: #16213e;--theme-bg-card: rgba(40, 40, 60, .9);--theme-text-primary: #e0e0e0;--theme-text-secondary: #a0a0b0;--theme-text-muted: #707080;--theme-accent: #98D4BB;--theme-border: rgba(255, 255, 255, .1);--theme-shadow: rgba(0, 0, 0, .3);--theme-blob-1: #2a2a4e;--theme-blob-2: #1e3a5f}body{transition:background .3s ease}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,200,188,.02) 2px,rgba(212,200,188,.02) 4px);pointer-events:none;z-index:-1}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;position:relative;padding-top:calc(1.5rem + env(safe-area-inset-top))}.header-left{text-align:center;flex:1}.user-info{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fffc;border-radius:20px;box-shadow:0 2px 8px #0000000d}.user-greeting{font-size:14px;color:var(--text-secondary);font-weight:500}.logout-button{width:32px;height:32px;border:none;background:var(--color-dusty-rose-light);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logout-button:hover{background:var(--color-dusty-rose);transform:scale(1.1)}.logout-button:active{transform:scale(.95)}.app-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:var(--color-matcha);border-radius:2px;background-image:linear-gradient(90deg,var(--color-matcha) 0%,var(--color-dusty-rose) 50%,var(--color-apricot) 100%)}.app-header h1{font-size:2.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary);letter-spacing:.02em}.subtitle{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:400}.app-main{flex:1;width:100%;margin:0 auto;padding:1rem .875rem 1.5rem;box-sizing:border-box}.welcome-section{background:#fff;border-radius:var(--radius-organic);padding:2rem;box-shadow:var(--shadow-paper);position:relative;overflow:hidden}.welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(212,200,188,.15) 24px);pointer-events:none;opacity:.5}.welcome-content{text-align:center;margin-bottom:2rem;position:relative;z-index:1}.welcome-content h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 1rem;font-weight:600}.welcome-content p{color:var(--text-secondary);line-height:1.7}.comfort-banner{background:var(--color-dusty-rose-light);border-radius:var(--radius-organic);padding:1rem 1.5rem;margin-bottom:1.5rem;position:relative;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-soft);border:2px dashed var(--color-dusty-rose);animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.comfort-banner p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.6;flex:1;font-weight:500}.comfort-close{width:28px;height:28px;border:none;background:#fff9;border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.comfort-close:hover{background:#fff;transform:scale(1.1)}.translation-result{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 4px 16px #8b73551a;position:relative;border:2px solid rgba(245,196,161,.3);animation:slideIn .4s ease;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.translation-result:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b735526}.translation-result:active{transform:translateY(0) scale(.98)}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.translation-text{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:500}.translation-note{color:var(--text-secondary);margin:0 0 .75rem;font-size:.875rem;font-style:italic}.translation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.translation-close{font-size:.75rem;color:var(--text-tertiary);padding:.25rem .5rem;border-radius:12px;background:#ffffff80;transition:all .2s ease}.translation-result:hover .translation-close{background:#fffc;color:var(--text-secondary)}.translation-range{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:20px;color:var(--text-primary);font-size:.8125rem;font-weight:500;box-shadow:0 2px 8px #0000000d}.translation-range:before{content:"📅";font-size:.9rem}.recent-tasks{margin-top:1.5rem}.recent-tasks h3{font-size:1rem;font-family:YouYuan,幼圆,Comic Sans MS,cursive;color:#8b7355;margin:0 0 1rem;font-weight:600;padding:.5rem 1rem;display:inline-block;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 2px 8px #8b735514}.recent-tasks .task-card{margin-bottom:1rem}.app-actions{display:flex;justify-content:center;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--border-soft)}.action-button{padding:.65rem 1.1rem;border:2px solid var(--border-soft);border-radius:50px;background:#fff;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft);white-space:nowrap}.action-button:hover{background:var(--color-cream);border-color:var(--color-matcha);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.action-button:active{transform:translateY(0)}.app-footer{text-align:center;padding:2rem 1.5rem;color:var(--text-tertiary);padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.app-footer p{margin:0;font-size:.875rem}.protection-mode-message{background:var(--color-matcha-light);border-radius:var(--radius-organic);padding:1.5rem 1.25rem;text-align:center;box-shadow:var(--shadow-soft);border:2px dashed var(--color-matcha);animation:fadeInUp .5s ease;box-sizing:border-box}.protection-mode-message h3{color:var(--text-primary);font-size:1.125rem;margin-bottom:.5rem;font-weight:600}.protection-mode-message p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;font-size:.875rem}.protection-quote{margin-top:1.5rem;padding:1rem 1.25rem;background:#fff9;border-radius:var(--radius-organic);border:1px dashed rgba(168,198,159,.4)}.handwritten-quote{font-family:YouYuan,幼圆,Comic Sans MS,cursive;font-size:1rem;font-weight:500;color:#8b7355;text-align:center;margin:0;letter-spacing:.05em;line-height:1.6;text-shadow:0 1px 2px rgba(255,255,255,.5)}.add-task-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:20px;background:linear-gradient(135deg,#f5c4a1,#e8a67c);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #f5c4a14d;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;animation:fadeInUp .5s ease;box-sizing:border-box}.add-task-button svg{flex-shrink:0}.add-task-button:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.add-task-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f5c4a166}.add-task-button:active{transform:translateY(-1px)}.translation-success{color:#8b7355;font-weight:600;margin-bottom:0;font-family:YouYuan,幼圆,Comic Sans MS,cursive;font-size:.95rem;display:flex;align-items:center;gap:.5rem;animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}.translation-success svg{flex-shrink:0}@keyframes successPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(168,198,159,.2);border-top-color:var(--color-matcha);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}button:active{transform:scale(.97)}@media (max-width: 640px){.app-header h1{font-size:1.875rem}.app-main{padding:1rem .75rem 2rem}.welcome-section{padding:1.5rem}.protection-actions{flex-direction:column}.comfort-action{width:100%}.app-actions{flex-direction:column}.action-button{width:100%}}.drawn-tasks{display:grid;gap:1rem;margin-bottom:2rem}.drawn-tasks.triple-draw{grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.drawn-tasks.triple-draw{grid-template-columns:1fr}}.task-card,.mood-card,.gacha-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.task-card:hover{animation:cardLift .3s ease forwards}@keyframes cardLift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.progress-bar-fill{transition:width .5s cubic-bezier(.4,0,.2,1)}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.back-to-dashboard-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;margin-bottom:1rem;border:none;border-radius:50px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#8b7355;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #8b73551a;box-sizing:border-box}.back-to-dashboard-btn svg{flex-shrink:0}.back-to-dashboard-btn:hover{background:#f5e6d2e6;transform:translate(-4px);box-shadow:0 4px 20px #8b735526}.back-to-dashboard-btn:active{transform:translate(-2px) scale(.98)}.gacha-page-wrapper{width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.mood-page-wrapper,.login-page-wrapper,.story-intro-page-wrapper{width:100%;height:100vh;max-width:480px;margin:0 auto;position:relative;overflow:hidden;box-sizing:border-box}.mood-detector-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#fefcf8,#f4f7f2);overflow:hidden}.mood-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mood-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;gap:2rem;z-index:10;padding:1.5rem}@media (max-width: 640px){.mood-content{gap:1.5rem;padding:1rem}}.app-page-container,.dashboard-page-wrapper,.main-page-wrapper,.settings-page-wrapper,.gacha-page-wrapper,.add-task-page-wrapper,.tasks-page-wrapper,.achievements-page-wrapper,.task-execution-page-wrapper{width:100%;height:100vh;max-width:480px;margin:0 auto;position:relative;overflow-x:hidden;box-sizing:border-box}.dashboard-page-wrapper,.main-page-wrapper,.settings-page-wrapper,.gacha-page-wrapper,.add-task-page-wrapper,.tasks-page-wrapper,.achievements-page-wrapper,.task-execution-page-wrapper{overflow:hidden}.main-page-wrapper{overflow:hidden;padding:0;background:transparent;height:100vh;position:relative}.main-page-wrapper:before,.main-page-wrapper:after{display:none}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(-30px,-10px) scale(1.05)}}.main-page-wrapper>*{position:relative;z-index:1}.main-page-wrapper::-webkit-scrollbar{width:0;display:none}.main-page-wrapper{-ms-overflow-style:none;scrollbar-width:none}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-amber-200:oklch(92.4% .12 95.746);--color-emerald-200:oklch(90.5% .093 164.15);--color-purple-200:oklch(90.2% .063 306.703);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-cream:#fff8e7;--color-matcha:#a8c69f;--color-matcha-dark:#7a9e6f;--color-matcha-light:#d4e5cc;--color-apricot:#ffb347;--color-apricot-dark:#ff8c00;--color-apricot-light:#ffe8cc}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-4{top:calc(var(--spacing) * -4)}.top-20{top:calc(var(--spacing) * 20)}.top-40{top:calc(var(--spacing) * 40)}.right-0{right:calc(var(--spacing) * 0)}.right-16{right:calc(var(--spacing) * 16)}.bottom-32{bottom:calc(var(--spacing) * 32)}.left-1\/4{left:25%}.left-10{left:calc(var(--spacing) * 10)}.z-10{z-index:10}.z-\[100\]{z-index:100}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-20{height:calc(var(--spacing) * 20)}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-\[180px\]{min-height:180px}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[\#E8F3E8\]{border-color:#e8f3e8}.border-\[\#EAE3DB\]{border-color:#eae3db}.border-\[\#FFEAEA\]{border-color:#ffeaea}.border-\[\#FFF0E0\]{border-color:#fff0e0}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-purple-200{border-color:var(--color-purple-200)}.bg-\[\#A8C69F\]{background-color:#a8c69f}.bg-\[\#D49A52\]{background-color:#d49a52}.bg-\[\#E8F3E8\]{background-color:#e8f3e8}.bg-\[\#F4F8F4\]{background-color:#f4f8f4}.bg-\[\#F5F5F5\]{background-color:#f5f5f5}.bg-\[\#FCFAF8\]{background-color:#fcfaf8}.bg-\[\#FFF5E6\]{background-color:#fff5e6}.bg-\[\#FFF5F5\]{background-color:#fff5f5}.bg-\[\#FFF9F2\]{background-color:#fff9f2}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/35{background-color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.bg-white\/35{background-color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#fdfbf7\]{--tw-gradient-from:#fdfbf7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#fdfbf7\]{--tw-gradient-via:#fdfbf7;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-1{padding-left:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#4A7D4A\]{color:#4a7d4a}.text-\[\#5D5348\]{color:#5d5348}.text-\[\#8B8176\]{color:#8b8176}.text-\[\#A89B8E\]{color:#a89b8e}.text-\[\#D49A52\]{color:#d49a52}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.line-through{text-decoration-line:line-through}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#A8C69F\]\/30{--tw-ring-color:oklab(79.3817% -.0471684 .0417243/.3)}.ring-\[\#CDE2CD\]{--tw-ring-color:#cde2cd}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.hover\:bg-\[\#C38D4A\]:hover{background-color:#c38d4a}.hover\:bg-\[\#EFF5EF\]:hover{background-color:#eff5ef}.hover\:bg-\[\#FFF0F0\]:hover{background-color:#fff0f0}.hover\:bg-\[\#FFF5E8\]:hover{background-color:#fff5e8}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.hover\:shadow-\[0_12px_40px_rgb\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 12px 40px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:w-11{width:calc(var(--spacing) * 11)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:gap-7{gap:calc(var(--spacing) * 7)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:p-0{padding:calc(var(--spacing) * 0)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}body{background:linear-gradient(to bottom right,#fff8e7,#fff7ed,#d4e5cc);min-height:100vh}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:1.5rem;box-shadow:0 8px 32px #a8c69f26}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;outline:none;width:100%;height:16px;transition:background .3s}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:grab;background:linear-gradient(135deg,#a8c69f,#7a9e6f);border:3px solid #fff;border-radius:50%;width:32px;height:32px;transition:all .2s;box-shadow:0 4px 12px #a8c69f66,inset 0 2px 4px #ffffff4d}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #a8c69f80,inset 0 2px 4px #ffffff4d}.custom-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.custom-slider::-moz-range-thumb{cursor:grab;background:linear-gradient(135deg,#a8c69f,#7a9e6f);border:3px solid #fff;border-radius:50%;width:32px;height:32px;transition:all .2s;box-shadow:0 4px 12px #a8c69f66,inset 0 2px 4px #ffffff4d}.progress-orb{cursor:pointer;color:#5d5348;background:#fff;border:2px solid #e8e0d5;border-radius:9999px;padding:.625rem 1.25rem;font-weight:600;transition:all .3s;position:relative}.progress-orb:hover{border-color:#a8c69f;transform:scale(1.05);box-shadow:0 4px 12px #a8c69f40}.progress-orb.active{color:#fff;background:linear-gradient(135deg,#a8c69f,#7a9e6f);border-color:#7a9e6f;box-shadow:0 4px 12px #a8c69f66}.progress-orb.done{color:#fff;background:linear-gradient(135deg,#ffb347,#ff8c00);border-color:#ff8c00;box-shadow:0 4px 12px #ffb34766}.quote-transition{transition:opacity .4s,transform .4s}#confetti-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}