@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #E58AA3;--primary-hover: #C86E89;--primary-soft: #F3B7C6;--primary-light: #FFF0F4;--secondary: #D98B6F;--secondary-hover: #B86D54;--secondary-light: #FFF1EA;--accent: #F5D48A;--accent-light: #FFF8E5;--mint: #A8D8C5;--bg: #FFF8F6;--bg-card: #FFFFFF;--text: #3F3438;--text-light: #8B747B;--border: #F0DDE3;--success: #7DB99F;--success-hover: #5E9B80;--success-light: #EFF8F4;--danger: #E57373;--surface-soft: #FFFCFA;--muted-surface: #FFF4F1;--shadow: 0 1px 2px rgba(78, 52, 60, .04), 0 8px 24px rgba(78, 52, 60, .055);--shadow-hover: 0 2px 4px rgba(78, 52, 60, .06), 0 14px 30px rgba(78, 52, 60, .09);--radius: 12px;--radius-lg: 16px;--radius-xl: 22px}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,rgba(243,247,239,.8),transparent 32rem),var(--bg);min-height:100vh;color:var(--text);line-height:1.6}.app{max-width:600px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.header{background:linear-gradient(135deg,#fffcf8,#f4f8f1);padding:34px 24px 24px;text-align:center;position:relative;border-bottom:1px solid var(--border)}.header-content{position:relative;z-index:1}.title{font-size:25px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.title:before{content:"🤝";font-size:26px}.subtitle{color:var(--text-light);font-size:14px}.stats{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 18px;border-radius:999px;border:1px solid var(--border);box-shadow:0 8px 24px #3f2d350a}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:22px;font-weight:700;color:var(--primary-hover);line-height:1.1}.stat-label{font-size:12px;color:var(--text-light)}.stat-divider{width:1px;height:24px;background:var(--border)}.btn-heatmap{background:#fff;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-heatmap:hover{background:var(--primary-light);border-color:var(--primary-soft);transform:translateY(-1px)}.btn-guide{background:#fff;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;color:var(--primary-hover);font-size:17px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-guide:hover{background:var(--primary-light);border-color:var(--primary-soft);transform:translateY(-1px)}.tabs{display:flex;padding:12px 16px;gap:6px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.tab{flex:1;padding:10px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-light);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.tab:hover{background:var(--primary-light)}.tab.active{background:var(--primary);color:#fff;font-weight:600}.tag-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.tag-filter::-webkit-scrollbar{display:none}.tag-filter-item{flex-shrink:0;padding:5px 12px;background:var(--primary-light);border:1px solid transparent;border-radius:16px;font-size:12px;color:var(--text-light);cursor:pointer;transition:all .2s ease}.tag-filter-item:hover{background:var(--primary);color:#fff}.tag-filter-item.active{background:var(--primary-hover);color:#fff;border-color:var(--primary-hover)}.content{padding:16px}.empty{text-align:center;padding:60px 20px}.empty-icon{font-size:56px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-text{color:var(--text-light);font-size:14px}.list{display:flex;flex-direction:column;gap:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px;transition:all .2s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:var(--shadow-hover)}.card.done{background:linear-gradient(135deg,#fff,#fff9fb);border-left:3px solid var(--primary)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-header-left{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.card-emoji{font-size:32px;flex-shrink:0;line-height:1.2}.card-header-info{flex:1;min-width:0}.card-title{font-size:15px;font-weight:600;color:var(--text);word-break:break-word;line-height:1.4;margin-bottom:4px}.card-date{font-size:12px;color:var(--text-light)}.card-actions{flex-shrink:0;display:flex;align-items:center;gap:6px}.card-section{margin-top:12px}.card-section-label{font-size:11px;color:var(--text-light);margin-bottom:6px;font-weight:500}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tag{padding:3px 10px;border-radius:10px;font-size:12px;cursor:pointer;transition:all .2s ease}.card-tag:hover{transform:scale(1.03)}.card-tag.intention-tag{background:var(--primary-light);color:var(--primary-hover);border:1px solid var(--border)}.card-tag.custom-tag{background:#f7f3f0;color:var(--text-light);border:1px solid #EEE3DF}.card-need-note{margin-top:10px;padding:10px 12px;background:#fff8e7;border:1px solid #F3E3B8;border-radius:var(--radius);color:var(--text);font-size:13px;line-height:1.5;word-break:break-word}.card-need-note span{color:var(--text-light);font-weight:600}.card-fulfilled-info{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fff9fb,#fff7f8);border-radius:var(--radius);border:1px solid var(--border)}.fulfilled-mood{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.mood-before,.mood-after{padding:3px 10px;border-radius:12px;font-weight:500}.mood-before{background:#f3e8ec;color:#8b6070}.mood-after{background:var(--primary-light);color:var(--primary-hover)}.mood-arrow{color:var(--text-light);font-size:14px}.fulfilled-note{margin-top:10px;padding:10px 12px;background:#fff;border-radius:var(--radius);font-size:13px;color:var(--text);font-style:italic;border-left:2px solid var(--primary)}.card-photo{margin-top:10px;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s ease}.card-photo:hover{transform:scale(1.01);box-shadow:0 4px 16px #f58fa833}.card-photo img{width:100%;max-height:180px;object-fit:cover;display:block}.card-comments{margin-top:10px;display:flex;flex-direction:column;gap:6px}.comment-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fff;border-radius:var(--radius);border:1px solid var(--border)}.comment-emoji{font-size:14px;flex-shrink:0}.comment-text{font-size:13px;color:var(--text);line-height:1.4}.btn-done{padding:8px 16px;border:none;background:var(--success);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7cb3424d}.btn-done:hover{background:#6ba32e;transform:translateY(-1px)}.btn-comment,.btn-delete,.btn-reopen{padding:6px 8px;background:transparent;border:none;cursor:pointer;font-size:15px;border-radius:8px;transition:all .2s ease;opacity:.6}.btn-comment:hover,.btn-delete:hover,.btn-reopen:hover{background:var(--primary-light);opacity:1}.fab{position:fixed;bottom:28px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:28px;font-weight:300;cursor:pointer;box-shadow:0 4px 20px #f58fa866;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.fab:hover{background:var(--primary-hover);transform:scale(1.08);box-shadow:0 6px 28px #f58fa880}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3f2d3566;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--radius-xl);padding:24px;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #3f2d3526;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:18px;font-weight:700;color:var(--text);text-align:center;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px}.modal-subtitle{text-align:center;color:var(--text-light);font-size:13px;margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:140px;overflow-y:auto;padding:4px}.emoji-btn{width:36px;height:36px;border:1px solid transparent;background:var(--primary-light);font-size:18px;border-radius:8px;cursor:pointer;transition:all .2s ease}.emoji-btn:hover{transform:scale(1.1);background:var(--border)}.emoji-btn.selected{border-color:var(--primary);background:var(--primary);box-shadow:0 2px 8px #f58fa866}.input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none;background:#fff}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f58fa826}.textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;resize:vertical;min-height:90px;transition:all .2s ease;outline:none;background:#fff}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f58fa826}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel{flex:1;padding:12px;border:1.5px solid var(--border);background:#fff;font-size:14px;font-weight:600;color:var(--text-light);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.btn-cancel:hover{border-color:var(--text-light);background:#fafafa}.btn-confirm{flex:1;padding:12px;border:none;background:var(--primary);font-size:14px;font-weight:600;color:#fff;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #f58fa84d}.btn-confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-confirm.done{background:var(--success);box-shadow:0 2px 10px #7cb3424d}.intention-tag-selector{display:flex;flex-wrap:wrap;gap:8px}.intention-tag-btn{padding:6px 14px;background:var(--primary-light);border:1px solid var(--border);border-radius:16px;font-size:13px;color:var(--primary-hover);cursor:pointer;transition:all .2s ease}.intention-tag-btn:hover{background:var(--border);transform:scale(1.02)}.intention-tag-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.form-tip{margin-top:8px;padding:9px 11px;background:#fff8e7;border:1px solid #F3E3B8;border-radius:var(--radius);color:var(--text-light);font-size:12px;line-height:1.5}.mood-selector{display:flex;flex-wrap:wrap;gap:8px}.mood-btn{padding:8px 14px;background:#f7f3f0;border:1px solid #EEE3DF;border-radius:16px;font-size:13px;color:var(--text-light);cursor:pointer;transition:all .2s ease}.mood-btn:hover{background:var(--primary-light);border-color:var(--primary)}.mood-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.mood-selector.compact{gap:6px}.mood-selector.compact .mood-btn{padding:6px 10px;font-size:12px}.mood-custom-panel{margin-top:10px;padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg)}.mood-custom-label{margin:10px 0 6px;color:var(--text-light);font-size:12px;line-height:1.5}.photo-upload{margin-bottom:10px}.photo-input-wrapper{border:1.5px dashed var(--border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--primary-light)}.photo-input-wrapper:hover{border-color:var(--primary);background:#fff0f4}.photo-file-input{display:none}.photo-label{display:block;color:var(--text-light);font-size:13px;cursor:pointer}.photo-preview{position:relative;border-radius:var(--radius);overflow:hidden}.photo-preview img{width:100%;max-height:180px;object-fit:cover}.photo-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border:none;background:#3f2d35b3;color:#fff;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-url-input{margin-top:8px;font-size:12px;padding:10px 12px}.photo-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px;animation:fadeIn .2s ease}.photo-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);box-shadow:0 10px 50px #00000080}.photo-viewer-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#fff3;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.photo-viewer-close:hover{background:#ffffff4d;transform:scale(1.1)}.timeline{position:relative}.timeline-group{margin-bottom:24px}.timeline-date-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:600;color:var(--text-light)}.timeline-dot-simple{width:8px;height:8px;background:var(--primary);border-radius:50%}.timeline-cards{display:flex;flex-direction:column;gap:10px}.modal-heatmap{max-width:460px;max-height:90vh;overflow-y:auto}.heatmap-container{margin:14px 0}.heatmap-tabs{display:flex;gap:6px;margin-top:12px}.heatmap-tab{flex:1;padding:8px 12px;border:1.5px solid var(--border);background:#fff;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease}.heatmap-tab:hover{border-color:var(--primary)}.heatmap-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.heatmap-months{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.heatmap-month{display:flex;flex-direction:column;align-items:center}.heatmap-month-name{font-size:11px;font-weight:600;color:var(--text-light);margin-bottom:4px}.heatmap-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.heatmap-day{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:7px;border-radius:3px;color:#999}.heatmap-day-empty{width:16px;height:16px}.heatmap-level-0{background:#f5f5f5}.heatmap-level-1{background:#fce4ec;color:var(--primary-hover)}.heatmap-level-2{background:#f8bbd9;color:var(--primary-hover)}.heatmap-level-3{background:#f48fb1;color:#fff}.heatmap-level-4{background:var(--primary-hover);color:#fff}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:14px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--text-light)}.heatmap-day-sample{width:14px;height:14px;border-radius:3px}.heatmap-legend-label{font-size:11px;color:var(--text-light)}.heatmap-stats{display:flex;justify-content:space-around;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:14px 0}.heatmap-stat-item{display:flex;flex-direction:column;align-items:center}.heatmap-stat-number{font-size:22px;font-weight:700;color:var(--primary-hover)}.heatmap-stat-label{font-size:11px;color:var(--text-light)}.report-section{margin-bottom:16px}.report-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}.report-tags{display:flex;flex-wrap:wrap;gap:6px}.report-tag{padding:5px 10px;border-radius:14px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.report-tag.intention-tag{background:var(--primary-light);color:var(--primary-hover);border:1px solid var(--border)}.report-tag-count{background:#e96f9133;padding:1px 5px;border-radius:6px;font-size:10px;font-weight:600}.mood-stats-container{display:flex;flex-direction:column;gap:8px}.mood-stats-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mood-stats-label{font-size:12px;color:var(--text-light);font-weight:500}.mood-stat{padding:3px 8px;background:#f3e8ec;border-radius:10px;font-size:11px;color:#8b6070}.auth-container{max-width:400px;margin:0 auto;padding:60px 24px;text-align:center}.auth-title{font-size:26px;font-weight:700;color:var(--text);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-title:before{content:"🤝"}.auth-subtitle{font-size:14px;color:var(--text-light);margin-bottom:28px}.auth-box{background:#fff;border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.auth-tabs{display:flex;gap:6px;margin-bottom:20px}.auth-tab{flex:1;padding:10px;border:none;background:var(--primary-light);font-size:14px;font-weight:600;color:var(--text-light);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.auth-tab.active{background:var(--primary);color:#fff}.auth-error{color:var(--danger);font-size:12px;margin-bottom:10px;text-align:left}.space-error{margin-top:12px;padding:10px 12px;background:#fff1f1;border:1px solid #F5CACA;border-radius:var(--radius);color:var(--danger);font-size:12px;line-height:1.5;text-align:left}.auth-btn{margin-top:6px}.demo-divider{display:flex;align-items:center;margin:18px 0;color:var(--text-light);font-size:12px}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--border)}.demo-divider span{padding:0 10px}.btn-demo{width:100%;padding:12px;background:var(--primary-light);color:var(--primary-hover);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-demo:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.couple-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.couple-option{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.couple-option:hover{border-color:var(--primary);background:var(--primary-light)}.couple-option-icon{font-size:28px}.couple-option-text{font-size:15px;font-weight:600;color:var(--text)}.btn-logout{padding:10px 20px;border:none;background:transparent;color:var(--text-light);font-size:13px;cursor:pointer;transition:all .2s ease}.btn-logout:hover{color:var(--danger)}.btn-logout-header{background:#ffffffe6;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-logout-header:hover{background:var(--primary-light);transform:scale(1.08)}.invite-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fff,#fff9fb);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-light)}.invite-banner code{background:var(--primary);color:#fff;padding:3px 10px;border-radius:6px;font-family:monospace;font-size:12px;font-weight:600;letter-spacing:1px}.copy-btn{padding:3px 8px;border:none;background:var(--primary-light);color:var(--primary-hover);font-size:11px;border-radius:6px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--primary);color:#fff}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--primary-hover)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 480px){.header{padding:32px 16px 24px}.title{font-size:22px}.tabs{padding:10px 12px}.tab{padding:8px 12px;font-size:13px}.content{padding:12px}.card{padding:14px;border-radius:var(--radius-lg)}.card-emoji{font-size:28px}.fab{bottom:24px;right:20px;width:52px;height:52px}.modal{padding:20px;margin:16px;border-radius:var(--radius-lg)}}@media (min-width: 481px) and (max-width: 768px){.app{max-width:560px}.header{padding:36px 28px 28px}.title{font-size:24px}.content,.card{padding:16px}.modal{max-width:420px}}@media (min-width: 769px){.app{max-width:600px;margin:32px auto;min-height:auto;background:#fff;border-radius:var(--radius-xl);box-shadow:0 8px 40px #3f2d351a;overflow:hidden;border:1px solid var(--border)}.header{padding:40px 32px 28px}.title{font-size:26px}.subtitle{font-size:14px}.stats{margin-top:24px;padding:16px 36px}.tabs{padding:14px 24px}.tab{padding:12px 24px;font-size:14px}.content{padding:20px 24px;min-height:400px}.list{gap:14px}.card{padding:18px;border-radius:var(--radius-xl)}.card-emoji{font-size:34px}.card-title{font-size:16px}.fab{bottom:32px;right:calc(50% - 280px);width:58px;height:58px;font-size:30px}.modal{max-width:440px;padding:28px;border-radius:var(--radius-xl)}.modal-title{font-size:20px}.photo-preview img{max-height:220px}.heatmap-months{gap:16px}}.report-empty{text-align:center;padding:40px 20px}.report-empty-icon{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.report-empty-text{color:var(--text-light);font-size:14px;line-height:1.7}.report-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.report-card{background:linear-gradient(135deg,#fff,#fff9f4);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;transition:all .2s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f58fa826}.report-card-number{font-size:32px;font-weight:700;color:var(--primary-hover);line-height:1.2;margin-bottom:6px}.report-card-intention{font-size:16px;font-weight:700;color:var(--primary-hover);line-height:1.4;margin-bottom:6px}.report-card-label{font-size:12px;color:var(--text-light);font-weight:500}.report-portrait{background:linear-gradient(135deg,#f8fbf4,#fff9f4);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:16px 0}.report-portrait-summary{font-size:13px;color:var(--text);line-height:1.7;margin-bottom:12px}.portrait-grid{display:grid;gap:8px}.portrait-item{padding:10px;background:#ffffffbd;border:1px solid rgba(234,221,213,.8);border-radius:var(--radius)}.portrait-label{display:block;font-size:11px;color:var(--text-light);margin-bottom:4px}.portrait-item strong{display:block;font-size:13px;color:var(--text);line-height:1.5}.next-practice-card{margin-top:12px;padding:14px;background:#fff;border:1px solid rgba(234,221,213,.9);border-radius:var(--radius-lg);box-shadow:0 10px 24px #4e343c0e}.next-practice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.practice-kicker{display:block;font-size:11px;color:var(--primary-hover);font-weight:700;margin-bottom:2px}.next-practice-header h4{font-size:16px;line-height:1.35;color:var(--text)}.practice-intention{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:var(--success-light);color:var(--success-hover);font-size:11px;font-weight:700}.practice-reason{font-size:12px;color:var(--text);line-height:1.7;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--border)}.practice-block,.practice-why{padding:10px 0}.practice-block span,.practice-why span{display:block;font-size:11px;color:var(--text-light);font-weight:700;margin-bottom:5px}.practice-block p,.practice-why p{font-size:12px;color:var(--text);line-height:1.7}.practice-script{padding:10px 12px;background:var(--primary-light);border:1px solid var(--border);border-radius:var(--radius)}.practice-script p{color:var(--primary-hover);font-weight:600}.practice-why{margin-top:10px;padding:10px 12px;background:var(--accent-light);border-radius:var(--radius)}.practice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.practice-alternatives{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.practice-alternatives span{padding:4px 8px;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--text-light);font-size:11px}.btn-practice{flex:0 0 auto;padding:8px 14px;font-size:12px}.modal-report{max-width:400px}.report-summary{background:linear-gradient(135deg,#fff9f4,#f4f8f1);border-radius:var(--radius);padding:14px 16px;margin:16px 0;border:1px solid var(--border)}.report-summary-text{font-size:13px;color:var(--text);line-height:1.6;text-align:center}.report-section{margin:16px 0}.report-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:6px}.intention-bars{display:flex;flex-direction:column;gap:8px}.intention-bar-item{display:flex;flex-direction:column;gap:4px}.intention-bar-header{display:flex;justify-content:space-between;align-items:center}.intention-bar-label{font-size:12px;color:var(--text);font-weight:500}.intention-bar-count{font-size:11px;color:var(--text-light)}.intention-bar-track{height:6px;background:#eef3ea;border-radius:3px;overflow:hidden}.intention-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#6F9F8A 100%);border-radius:3px;transition:width .3s ease}.promise-calendar{padding:12px;background:#fafafa;border-radius:var(--radius);border:1px solid var(--border)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:9px;border-radius:4px;color:var(--text-light);font-weight:500}.calendar-level-0{background:#f0f0f0;color:#ccc}.calendar-level-1{background:#fce4ec;color:var(--primary-hover)}.calendar-level-2{background:#f8bbd9;color:var(--primary-hover)}.calendar-level-3{background:var(--primary);color:#fff}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:8px;border-top:1px solid var(--border)}.calendar-legend-label{font-size:10px;color:var(--text-light)}.calendar-legend-dot{width:12px;height:12px;border-radius:3px}.report-insight{background:linear-gradient(135deg,#fff9e6,#fff5f0);border-radius:var(--radius);padding:14px 16px;margin:16px 0;border:1px solid #F5E6C8}.report-insight-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.insight-icon{font-size:16px}.report-insight-text{font-size:12px;color:var(--text);line-height:1.6}.report-section-desc{font-size:11px;color:var(--text-light);margin-bottom:10px;margin-top:-6px}.report-mood-texts{display:flex;flex-wrap:wrap;gap:6px}.report-mood-texts span{padding:6px 10px;background:#fff8e7;border:1px solid #F3E3B8;border-radius:999px;color:var(--text);font-size:12px;line-height:1.4}.calendar-legend-dots{display:flex;gap:4px}.calendar-day{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calendar-day:hover{transform:scale(1.15);z-index:1}.calendar-day.selected{box-shadow:0 0 0 2px var(--primary);transform:scale(1.1)}.calendar-day-detail{margin-top:10px;padding:10px;background:#fffc;border-radius:var(--radius);border:1px solid var(--border)}.calendar-day-date{font-size:11px;color:var(--text-light);margin-bottom:6px;font-weight:500}.calendar-day-promises{display:flex;flex-direction:column;gap:4px}.calendar-day-promise{display:flex;align-items:center;gap:6px;font-size:12px}.promise-emoji{font-size:14px}.promise-title{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-insight-observation{font-size:12px;color:var(--text);line-height:1.6;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #F5E6C8}.report-insight-suggestion{font-size:12px;color:var(--primary-hover);line-height:1.6;font-weight:500}.btn-space-selector{background:var(--primary-light);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-space-selector:hover{background:var(--primary);transform:scale(1.08)}.space-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;margin:16px 0}.space-manager-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 12px}.space-manager-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;background:var(--primary-light);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--primary-hover);font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s ease}.space-manager-action:hover{border-color:var(--primary);background:#ffe4ec;transform:translateY(-1px)}.space-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.space-item:hover{border-color:var(--primary);background:var(--primary-light)}.space-item.current{border-color:var(--primary);background:var(--primary-light);cursor:default}.space-item-info{display:flex;align-items:center;gap:12px;min-width:0}.space-item-icon{font-size:24px}.space-item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.space-item-partner{font-size:14px;font-weight:600;color:var(--text)}.space-item-code{font-size:11px;color:var(--text-light)}.space-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.space-item-badge{font-size:11px;padding:3px 8px;background:var(--primary);color:#fff;border-radius:10px;font-weight:500}.space-item-status{font-size:11px;padding:3px 8px;background:var(--success-light);color:var(--success);border-radius:10px;font-weight:500}.space-item-status.waiting{background:#fff8e1;color:#f9a825}.admin-page{min-height:100vh;padding:32px 18px;background:radial-gradient(circle at top,rgba(243,247,239,.9),transparent 34rem),var(--bg)}.admin-shell{max-width:1080px;margin:0 auto}.admin-shell.compact{max-width:420px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow)}.admin-shell h1{font-size:24px;color:var(--text);margin-bottom:8px}.admin-shell p{color:var(--text-light);font-size:13px;line-height:1.6}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-logout{flex:0 0 auto;max-width:120px}.admin-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.admin-query-row{display:grid;grid-template-columns:minmax(120px,180px) auto;gap:12px;align-items:end}.admin-query-btn{min-height:44px}.admin-full-btn{width:100%;margin-top:8px}.admin-note{margin-top:10px}.admin-back-link{display:block;margin-top:14px;color:var(--primary-hover);font-size:13px;text-align:center;text-decoration:none}.admin-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-result-head h2{font-size:16px;color:var(--text)}.admin-result-head span{color:var(--text-light);font-size:12px}.admin-empty{padding:28px 12px;text-align:center;color:var(--text-light);font-size:13px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:12px}.admin-table th{color:var(--text-light);font-weight:600;background:var(--surface-soft)}.admin-table td{color:var(--text)}.admin-table small{display:block;margin-top:2px;color:var(--text-light);word-break:break-all}.admin-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all}.admin-danger-btn{padding:6px 10px;border:1px solid #F5CACA;background:#fff8f8;color:var(--danger);border-radius:10px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-danger-btn:hover:not(:disabled){background:#fff1f1;transform:translateY(-1px)}.admin-danger-btn:disabled{opacity:.6;cursor:not-allowed}.intention-tag-selector{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.intention-tag-btn{padding:8px 14px;background:var(--primary-light);border:1.5px solid var(--border);border-radius:20px;font-size:13px;color:var(--primary-hover);cursor:pointer;transition:all .2s ease;white-space:nowrap}.intention-tag-btn:hover{background:#ffe4ec;border-color:var(--primary);transform:translateY(-1px)}.intention-tag-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #f58fa84d}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;max-height:120px;overflow-y:auto}.emoji-btn{width:38px;height:38px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:scale(1.1)}.emoji-btn.selected{border-color:var(--primary);background:var(--primary);box-shadow:0 2px 8px #f58fa84d}.relationship-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 0}.relationship-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#fff;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.relationship-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.relationship-btn.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 16px #f58fa840}.relationship-icon{font-size:28px}.relationship-label{font-size:14px;font-weight:500;color:var(--text)}.relationship-btn.selected .relationship-label{color:var(--primary-hover)}body{background:radial-gradient(circle at 18% 0%,rgba(255,220,230,.72),transparent 28rem),radial-gradient(circle at 84% 8%,rgba(255,241,207,.62),transparent 24rem),radial-gradient(circle at 50% 0%,rgba(232,248,241,.54),transparent 34rem),var(--bg)}.app{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.header{background:linear-gradient(135deg,#fff6f8,#fffcfa 52%,#f3fbf7);padding:34px 24px 24px}.title{font-size:25px;letter-spacing:0}.title:before{font-size:26px}.stats{gap:14px;margin-top:18px;padding:12px 18px;border-radius:999px;background:#ffffffc7;box-shadow:0 8px 24px #5a323e0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:520px;margin-left:auto;margin-right:auto}.stat-number{font-size:22px;line-height:1.1}.stat-divider{height:24px}.tabs{gap:4px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:center}.tab{flex:0 1 180px;border:1px solid transparent;border-radius:999px}.tab:hover{background:var(--muted-surface)}.tab.active{background:var(--primary-light);border-color:#f3c8d5;color:var(--primary-hover);box-shadow:none}.tag-filter{gap:8px;background:var(--surface-soft)}.tag-filter-item{background:#fff;border:1px solid var(--border)}.tag-filter-item:hover{background:#fff8fa;border-color:var(--primary-soft);color:var(--primary-hover)}.tag-filter-item.active{background:var(--primary);border-color:var(--primary);color:#fff}.content{padding:18px 18px 40px}.list{gap:14px}.card{border-radius:var(--radius-lg);padding:17px}.card:hover{border-color:#ebcad5}.card.done{background:linear-gradient(135deg,#fff,#f7fcf9);border-left:2px solid rgba(125,185,159,.5)}.card-tag.intention-tag{background:var(--primary-light);color:var(--primary-hover);border-color:#f4d3dd}.card-tag.custom-tag{background:#fff8fa;color:var(--text-light);border-color:var(--border)}.card-need-note,.form-tip,.report-insight{background:linear-gradient(135deg,var(--accent-light) 0%,#FFF5F0 100%);border-color:#f3dda6}.card-tag,.mood-btn,.intention-tag-btn{border-radius:999px}.card-tag:hover{transform:none;border-color:var(--primary-soft)}.card-fulfilled-info{background:#f8fcf9;border-color:#dcefe6}.mood-after{background:var(--success-light);color:var(--success-hover)}.card-photo:hover{transform:none;box-shadow:0 8px 24px #5d374221}.btn-done,.btn-confirm,.auth-tab.active,.btn-demo:hover{background:var(--primary)}.btn-done{background:var(--success);border-radius:999px;box-shadow:0 6px 16px #7db99f3d}.btn-done:hover,.btn-confirm.done,.btn-confirm.done:hover{background:var(--success-hover)}.btn-confirm{box-shadow:0 6px 16px #e58aa338}.btn-confirm:hover{background:var(--primary-hover)}.btn-heatmap,.btn-space-selector,.btn-logout-header{background:#fff;border:1px solid var(--border)}.btn-logout-header{position:absolute;top:18px;right:18px;opacity:.76}.btn-heatmap:hover,.btn-space-selector:hover,.btn-logout-header:hover{background:var(--primary-light);border-color:var(--primary-soft);transform:translateY(-1px)}.fab{bottom:calc(28px + env(safe-area-inset-bottom));background:var(--primary);box-shadow:0 12px 30px #e58aa352}.fab:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 16px 34px #c86e8957}.modal{border-radius:var(--radius-xl)}.report-card{background:#fff;border-radius:var(--radius-lg)}.report-card:hover{box-shadow:var(--shadow-hover)}.report-summary,.report-portrait{background:linear-gradient(135deg,#fff6f8,#fffcfa 48%,#f3fbf7)}.intention-bar-track{background:#eef3ea}.intention-bar-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 48%,var(--success) 100%)}.calendar-level-1,.heatmap-level-1{background:#ffe9ef;color:var(--primary-hover)}.calendar-level-2,.heatmap-level-2{background:#f4b8c8;color:#8d4d62}.calendar-level-3,.heatmap-level-3{background:var(--primary);color:#fff}.heatmap-level-4{background:var(--secondary-hover);color:#fff}.space-manager-action,.intention-tag-btn{background:#fff;border-color:var(--border)}.space-manager-action:hover,.intention-tag-btn:hover,.relationship-btn:hover{background:#fff8fa;border-color:var(--primary-soft);transform:translateY(-1px)}.relationship-btn.selected,.intention-tag-btn.selected{background:var(--primary-light);border-color:var(--primary);box-shadow:0 8px 20px #e58aa329}.relationship-btn.selected .relationship-label,.intention-tag-btn.selected{color:var(--primary-hover)}.invite-banner{background:linear-gradient(135deg,#fff,#fff4f7)}.invite-banner code{background:var(--secondary)}.copy-btn,.btn-demo{background:var(--primary-light);color:var(--primary-hover)}.copy-btn:hover{background:var(--primary)}.photo-input-wrapper{background:#fff8fa}.photo-input-wrapper:hover{background:var(--primary-light);border-color:var(--primary-soft)}.mood-before{background:#fff1ea;color:var(--secondary-hover)}.modal-guide{max-width:440px}.guide-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.guide-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg)}.guide-icon{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;font-size:17px}.guide-item strong{display:block;color:var(--text);font-size:13px;line-height:1.35;margin-bottom:3px}.guide-item p{color:var(--text-light);font-size:12px;line-height:1.6}.guide-footnote{margin-top:14px;padding:11px 12px;background:#fff8e7;border:1px solid #F3E3B8;border-radius:var(--radius);color:var(--text);font-size:12px;line-height:1.6;text-align:center}.care-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 18px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.care-tool{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 18px #5d37420a;transition:all .2s ease}.care-tool:hover{border-color:var(--primary-soft);background:#fff8fa;transform:translateY(-1px)}.care-tool-icon{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;font-size:17px}.care-tool strong,.care-tool small{display:block}.care-tool strong{font-size:13px;line-height:1.25}.care-tool small{margin-top:2px;color:var(--text-light);font-size:11px;line-height:1.35}.btn-seen{padding:8px 12px;border:1px solid var(--border);background:#fff;color:var(--primary-hover);font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .2s ease}.btn-seen:hover{background:var(--primary-light);border-color:var(--primary-soft);transform:translateY(-1px)}.card-comments-standalone{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.modal-wide{max-width:560px}.wandering-list{display:grid;gap:10px}.wandering-card{padding:14px;background:#fffcfa;border:1px solid var(--border);border-radius:var(--radius-lg)}.wandering-card-head{display:flex;gap:12px;align-items:flex-start}.wandering-emoji{font-size:28px;line-height:1}.wandering-card strong{display:block;color:var(--text);font-size:15px;line-height:1.35}.wandering-card p{margin-top:3px;color:var(--text-light);font-size:12px}.wandering-note{margin-top:10px;padding:10px 12px;background:#fff;border-left:2px solid var(--primary-soft);border-radius:var(--radius);color:var(--text)!important;line-height:1.6}.wandering-comments{display:grid;gap:6px;margin-top:10px}.wandering-comments span{padding:8px 10px;background:var(--primary-light);border-radius:var(--radius);color:var(--primary-hover);font-size:12px;line-height:1.45}.reflection-card,.comfort-reply,.translator-output{margin-top:14px;padding:13px 14px;background:linear-gradient(135deg,var(--accent-light) 0%,#FFF5F0 100%);border:1px solid #F3DDA6;border-radius:var(--radius-lg)}.reflection-card span,.comfort-reply span,.translator-output span{display:block;margin-bottom:5px;color:var(--text-light);font-size:12px;font-weight:600}.reflection-card strong,.comfort-reply p,.translator-output p{color:var(--text);font-size:13px;line-height:1.65}.comfort-card{padding:18px;background:linear-gradient(135deg,#fff4f7,#fffcfa 52%,#f3fbf7);border:1px solid var(--border);border-radius:var(--radius-xl)}.comfort-card span{display:inline-flex;padding:4px 10px;background:#fff;color:var(--primary-hover);border:1px solid #F3C8D5;border-radius:999px;font-size:12px;font-weight:600}.comfort-card h3{margin-top:12px;color:var(--text);font-size:18px}.comfort-card p{margin-top:8px;color:var(--text);font-size:14px;line-height:1.75}.comfort-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.comfort-chip{padding:7px 12px;border:1px solid var(--border);background:#fff;border-radius:999px;color:var(--text-light);font-family:inherit;font-size:12px;cursor:pointer}.comfort-chip.selected{background:var(--primary);border-color:var(--primary);color:#fff}.btn-soft-full{width:100%;padding:11px 14px;border:1px solid #F3C8D5;background:var(--primary-light);color:var(--primary-hover);border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.btn-soft-full:hover{background:#ffe4ec}.note-chip-group{display:flex;flex-wrap:wrap;gap:8px}.note-chip{padding:8px 12px;border:1px solid var(--border);background:#fff;border-radius:999px;color:var(--text-light);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.note-chip:hover{background:#fff8fa;border-color:var(--primary-soft);color:var(--primary-hover)}.note-chip.selected{background:var(--primary);border-color:var(--primary);color:#fff}.translator-output p{white-space:pre-line}.heart-talk-panel{margin-top:14px;padding:14px;background:#fffcfa;border:1px solid var(--border);border-radius:var(--radius-lg)}.heart-talk-panel>span{display:block;margin-bottom:8px;color:var(--text-light);font-size:12px;font-weight:700}.heart-talk-panel>p{margin:14px 0 8px;color:var(--text);font-size:13px;font-weight:700}.heart-talk-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.heart-talk-actions button{min-height:40px;padding:8px 10px;border:1px solid var(--border);background:#fff;border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.heart-talk-actions button:hover,.heart-talk-actions button.selected{background:var(--primary-light);border-color:var(--primary-soft);color:var(--primary-hover)}@media (max-width: 640px){.care-tools{grid-template-columns:1fr;padding:10px 12px}.care-tool{padding:11px 12px}.heart-talk-actions{grid-template-columns:1fr}}@media (max-width: 480px){.header{padding:30px 16px 22px}.stats{gap:10px;padding:10px 12px;max-width:none}.stat-number{font-size:20px}.content{padding:14px 12px 96px}.tabs{justify-content:stretch}.tab{flex:1}.card{border-radius:var(--radius-lg)}.fab{bottom:calc(22px + env(safe-area-inset-bottom));right:18px}}@media (min-width: 769px){.app{max-width:720px;background:#ffffffe0;border-radius:var(--radius-xl);box-shadow:0 18px 56px #5d374221}.header{padding:38px 32px 26px}.stats{padding:14px 28px}.card{border-radius:var(--radius-lg)}.fab{right:max(18px,calc(50% - 392px))}}