.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:#f8f9fa;overflow:hidden}.app-container.dark{background-color:#1a1a1a}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e5e5e5;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));position:relative;z-index:100}.app-container.dark .bottom-nav{background-color:#2a2a2a;border-top-color:#3a3a3a}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px;text-decoration:none;color:#666;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.nav-item:active{transform:scale(.95)}.nav-item svg{font-size:20px;margin-bottom:4px}.nav-item span{font-size:11px;font-weight:500}.nav-item.active{color:#ff6b6b}.app-container.dark .nav-item{color:#999}.app-container.dark .nav-item.active{color:#ff6b6b}@media (min-width: 768px){.app-container{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000001a}.bottom-nav{max-width:480px;margin:0 auto;left:50%;transform:translate(-50%);width:100%}}._lockScreen_fhsvk_1{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;color:#fff;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}._lockScreen_fhsvk_1:active{cursor:grabbing}._overlay_fhsvk_24{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#0000001a 30%,#0000001a 70%,#00000080);pointer-events:none}._statusBar_fhsvk_40{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;padding-top:env(safe-area-inset-top,20px);font-size:12px;font-weight:500;z-index:10}._carrier_fhsvk_52{opacity:.9}._signal_fhsvk_56{display:flex;align-items:center;gap:6px;opacity:.9}._wifi_fhsvk_63,._battery_fhsvk_63{font-size:14px}._content_fhsvk_67{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:60px;z-index:10}._dateTime_fhsvk_76{text-align:center;margin-bottom:20px}._date_fhsvk_76{font-size:20px;font-weight:300;margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,.3)}._time_fhsvk_88{font-size:80px;font-weight:200;line-height:1;text-shadow:0 2px 20px rgba(0,0,0,.4)}._weather_fhsvk_95{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;font-size:16px;font-weight:400}._weatherIcon_fhsvk_107{font-size:20px}._temperature_fhsvk_111{font-weight:500}._condition_fhsvk_115{opacity:.9}._bottomSection_fhsvk_119{position:relative;padding-bottom:env(safe-area-inset-bottom,20px);z-index:10}._shortcuts_fhsvk_125{display:flex;justify-content:space-between;padding:0 40px;margin-bottom:40px}._shortcut_fhsvk_125{width:50px;height:50px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease}._shortcut_fhsvk_125:active{transform:scale(.95);background:#ffffff4d}._swipeIndicator_fhsvk_152{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:20px}._swipeBar_fhsvk_160{width:120px;height:4px;background:#fff9;border-radius:2px;animation:_pulse_fhsvk_1 2s ease-in-out infinite}._swipeText_fhsvk_168{font-size:14px;font-weight:400;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.3)}@keyframes _pulse_fhsvk_1{0%,to{opacity:.6}50%{opacity:1}}@media (min-width: 768px){._time_fhsvk_88{font-size:100px}._date_fhsvk_76{font-size:24px}}._pinPad_nseqf_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:flex;flex-direction:column;color:#fff;animation:_slideUp_nseqf_1 .3s ease-out;z-index:1000;background-size:cover;background-position:center}._overlay_nseqf_18{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0}._content_nseqf_29{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}@keyframes _slideUp_nseqf_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._header_nseqf_46{position:relative;padding:env(safe-area-inset-top,20px) 20px 20px;text-align:center;z-index:1}._cancelButton_nseqf_53{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#007aff;font-size:17px;cursor:pointer;padding:8px}._title_nseqf_66{font-size:17px;font-weight:600;margin:0;padding-top:20px}._pinDisplay_nseqf_73{display:flex;justify-content:center;gap:20px;margin:40px 0;z-index:1}._pinDot_nseqf_81{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;transition:all .2s ease}._pinDot_nseqf_81._filled_nseqf_90{background:#fff;border-color:#fff;transform:scale(1.1)}._error_nseqf_96{text-align:center;color:#ff3b30;font-size:14px;margin-bottom:20px;min-height:40px;animation:_shake_nseqf_1 .3s ease}@keyframes _shake_nseqf_1{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}._attempts_nseqf_111{font-size:12px;opacity:.9;margin-top:4px}._locked_nseqf_117{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000c;padding:40px;border-radius:20px;z-index:10}._lockIcon_nseqf_129{font-size:48px;margin-bottom:16px}._lockMessage_nseqf_134{font-size:18px;margin-bottom:8px}._lockTimer_nseqf_139{font-size:24px;font-weight:300;color:#ff3b30}._numberPad_nseqf_145{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 40px;margin:auto 0;max-width:400px;width:100%;align-self:center;z-index:1}._numberPad_nseqf_145._disabled_nseqf_157{opacity:.3;pointer-events:none}._numberButton_nseqf_162{width:80px;height:80px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;position:relative}._numberButton_nseqf_162:active:not(:disabled){background:#ffffff4d;transform:scale(.95)}._numberButton_nseqf_162:disabled{opacity:.3;cursor:not-allowed}._number_nseqf_145{font-size:32px;font-weight:300;line-height:1}._letters_nseqf_194{font-size:10px;font-weight:600;letter-spacing:2px;margin-top:4px;opacity:.7}._emptyButton_nseqf_202{visibility:hidden}._deleteButton_nseqf_206{width:80px;height:80px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}._deleteButton_nseqf_206:active:not(:disabled){background:#ffffff4d;transform:scale(.95)}._deleteButton_nseqf_206:disabled{opacity:.3;cursor:not-allowed}._deleteIcon_nseqf_230{font-size:24px}._emergency_nseqf_234{padding:20px;padding-bottom:env(safe-area-inset-bottom,20px);text-align:center;z-index:1}._emergencyButton_nseqf_241{background:none;border:none;color:#fff;font-size:16px;opacity:.7;cursor:pointer}@media (min-width: 768px){._numberPad_nseqf_145{gap:30px}._numberButton_nseqf_162,._deleteButton_nseqf_206{width:90px;height:90px}}.lazy-image-container{position:relative;overflow:hidden;background-color:#f0f0f0}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out,filter .3s ease-in-out}.lazy-image.loading{opacity:0;filter:blur(5px)}.lazy-image.loaded{opacity:1;filter:blur(0)}.lazy-image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.spinner{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-top-color:#ff6b6b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark .lazy-image-container{background-color:#2a2a2a}.dark .spinner{border-color:#ffffff1a;border-top-color:#ff6b6b}.memory-card{cursor:pointer;overflow:hidden}.memory-card:hover{box-shadow:0 4px 12px #0000001a}.memory-image-container{margin:-16px -16px 16px;height:200px;overflow:hidden}.memory-image{width:100%;height:100%;object-fit:cover}.memory-content{padding:0}.memory-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--black)}.memory-description{font-size:14px;color:var(--gray);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-footer{display:flex;justify-content:space-between;align-items:center}.memory-date{font-size:12px;color:var(--gray)}.favorite-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--gray);transition:color .2s ease}.favorite-button:hover,.favorite-button .favorite-active{color:var(--primary)}.favorite-button .favorite-inactive{opacity:.3}.anniversary-card{display:flex;align-items:center;gap:16px;cursor:pointer;position:relative}.anniversary-card:hover{box-shadow:0 4px 12px #0000001a}.anniversary-card.today{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border:2px solid var(--primary)}.anniversary-icon{width:48px;height:48px;background-color:#ff6b6b1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;flex-shrink:0}.anniversary-content{flex:1;min-width:0}.anniversary-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--black)}.anniversary-info{display:flex;gap:16px;margin-bottom:8px}.info-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--gray)}.info-icon{font-size:12px}.anniversary-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.anniversary-type.yearly{background-color:#ff6b6b1a;color:var(--primary)}.anniversary-type.monthly{background-color:#4ecdc41a;color:var(--secondary)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px #0000000d}.dark .stat-card{background-color:#2a2a2a;box-shadow:0 2px 8px #0003}.stat-card.primary{background:linear-gradient(135deg,var(--primary),#ff8888);color:#fff}.stat-icon{font-size:24px;margin-bottom:8px;color:var(--primary)}.stat-card.primary .stat-icon{color:#fff}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}.stat-card.primary .stat-label{color:#ffffffe6}.stat-value{font-size:20px;font-weight:700;color:var(--black)}.dark .stat-value{color:var(--white)}.stat-card.primary .stat-value{color:#fff}@media (min-width: 375px){.stats-container{grid-template-columns:repeat(3,1fr)}}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#f55}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:#fff}.btn-text{background-color:transparent;color:var(--primary);padding:8px 12px}.btn-text:hover:not(:disabled){background-color:#ff6b6b1a}.home-screen{padding-bottom:80px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.greeting{color:var(--gray);font-size:14px;margin-bottom:4px}.names{font-size:24px;font-weight:700;color:var(--black)}.dark .names{color:var(--white)}.add-button{padding:8px 16px;font-size:14px}.section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:20px;font-weight:600;color:var(--black)}.see-all-button{font-size:14px;color:var(--primary);padding:4px 8px}.anniversary-list,.memory-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;color:var(--gray);padding:24px;font-size:14px}.search-bar-container{margin-bottom:1rem}.search-bar{display:flex;align-items:center;background:#fff;border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0;transition:all .3s ease}.search-bar:focus-within{box-shadow:0 4px 12px #ff6b6b26;border-color:#ff6b6b}.search-icon{color:#999;margin-right:.75rem;font-size:1rem}.search-input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:#333}.search-input::placeholder{color:#999}.clear-button,.filter-button{background:none;border:none;padding:.5rem;color:#999;cursor:pointer;transition:all .2s ease;border-radius:8px}.clear-button:hover,.filter-button:hover{background:#f5f5f5;color:#666}.filter-button.active{color:#ff6b6b;background:#ff6b6b1a}.filter-panel{overflow:hidden;margin-top:1rem}.filter-content{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-size:.875rem;color:#666;margin-bottom:.5rem;font-weight:500}.date-range{display:flex;align-items:center;gap:.5rem}.date-range span{color:#999;font-size:.875rem}.filter-input{width:100%;padding:.5rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s ease}.filter-input:focus{border-color:#ff6b6b}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#333}.checkbox-label input[type=checkbox]{cursor:pointer}.clear-filters-button{width:100%;padding:.5rem;margin-top:.5rem;background:#f5f5f5;border:none;border-radius:8px;color:#666;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{background:#e0e0e0}.dark .search-bar{background:#2a2a2a;border-color:#3a3a3a}.dark .search-input{color:#f0f0f0}.dark .search-input::placeholder{color:#666}.dark .clear-button:hover,.dark .filter-button:hover{background:#3a3a3a;color:#999}.dark .filter-content{background:#2a2a2a;border-color:#3a3a3a}.dark .filter-group label{color:#999}.dark .filter-input{background:#1a1a1a;border-color:#3a3a3a;color:#f0f0f0}.dark .checkbox-label{color:#f0f0f0}.dark .clear-filters-button{background:#3a3a3a;color:#999}.dark .clear-filters-button:hover{background:#4a4a4a}.pull-to-refresh-container{position:relative;height:100%;overflow:hidden}.pull-to-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;pointer-events:none}.refresh-spinner{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ff6b6b;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.refresh-spinner.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-text{font-size:12px;color:#666;white-space:nowrap}.pull-to-refresh-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;will-change:transform}.dark .refresh-spinner{background:#2a2a2a;color:#ff6b6b;box-shadow:0 2px 8px #0000004d}.dark .refresh-text{color:#999}.memories-screen{padding-bottom:80px}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.screen-title{font-size:28px;font-weight:700;color:var(--black)}.dark .screen-title{color:var(--white)}.filter-tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--border)}.filter-tab{background:none;border:none;padding:12px 4px;font-size:16px;color:var(--gray);cursor:pointer;position:relative;transition:color .2s ease}.filter-tab.active{color:var(--primary)}.filter-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.memories-grid{display:grid;gap:16px}.empty-state{text-align:center;padding:48px 24px;color:var(--gray)}.empty-state p{margin-bottom:16px}@media (min-width: 768px){.memories-grid{grid-template-columns:repeat(2,1fr)}}.sync-status{display:inline-flex;align-items:center}.sync-status-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all .2s ease}.sync-status-button:hover:not(:disabled){background:var(--background-secondary);border-color:var(--primary-color)}.sync-status-button:disabled{opacity:.6;cursor:not-allowed}.status-icon{font-size:14px}.status-icon.offline{color:#6c757d}.status-icon.syncing{color:#007bff}.status-icon.error{color:#dc3545}.status-icon.success{color:#28a745}.status-text{font-weight:500;white-space:nowrap}@media (max-width: 480px){.sync-status-button{padding:4px 8px;font-size:11px}.status-icon{font-size:12px}.status-text{display:none}.sync-status-button:hover .status-text{display:inline}}.settings-screen{padding-bottom:80px}.settings-section{margin-bottom:32px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none}.setting-item label{font-size:16px;color:var(--black);flex:1}.dark .setting-item label{color:var(--white)}.setting-item .input{max-width:200px}.toggle{width:52px;height:28px;background-color:#ccc;border-radius:14px;border:none;padding:2px;cursor:pointer;position:relative;transition:background-color .2s ease}.enhanced-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:1000;display:flex;flex-direction:column;touch-action:none}.modal-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;z-index:1002;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.modal-close{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-counter{color:#fff;font-size:.9rem;padding:.5rem 1rem;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:1002;background:#00000080;padding:.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-button{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.control-button:hover{background:#fff3;transform:scale(1.1)}.control-button:active{transform:scale(.95)}.react-transform-wrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.react-transform-component{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.modal-nav:active{transform:translateY(-50%) scale(.95)}.modal-nav-prev{left:1rem}.modal-nav-next{right:1rem}.thumbnail-preview{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.5rem;padding:1rem;overflow-x:auto;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:1002;-webkit-overflow-scrolling:touch}.thumbnail-item{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:none;padding:0}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-item.active{border-color:#ff6b6b;transform:scale(1.1)}.thumbnail-item:hover:not(.active){border-color:#ffffff80;transform:scale(1.05)}@media (max-width: 768px){.modal-nav{width:40px;height:40px;font-size:1.2rem}.modal-nav-prev{left:.5rem}.modal-nav-next{right:.5rem}.modal-controls{bottom:80px}.thumbnail-preview{padding:.5rem}.thumbnail-item{width:50px;height:50px}}@media (max-width: 768px) and (pointer: coarse){.react-transform-wrapper[data-zoom=true] .modal-nav{display:none}}.memory-detail-screen{padding-bottom:80px}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px;position:sticky;top:0;background-color:var(--light-gray);z-index:10}.dark .detail-header{background-color:var(--black)}.header-actions{display:flex;gap:12px}.action-button{width:40px;height:40px;border-radius:50%;border:none;background-color:#fff;color:var(--gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.dark .action-button{background-color:#2a2a2a;color:#999}.action-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.action-button:active{transform:scale(.95)}.action-button .favorite-active{color:var(--primary)}.action-button .favorite-inactive{opacity:.5}.image-gallery{margin:-16px -16px 24px}.main-image-container{position:relative;width:100%;aspect-ratio:4/3;background-color:#f0f0f0;overflow:hidden}.dark .main-image-container{background-color:#1a1a1a}.main-image{width:100%;height:100%;object-fit:cover;cursor:pointer}.image-count{position:absolute;bottom:12px;right:12px;background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.thumbnail-strip{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;flex-shrink:0;transition:transform .2s}.thumbnail:hover{transform:scale(1.05)}.memory-content{padding:0 16px}.memory-title{font-size:28px;font-weight:700;margin-bottom:16px;color:var(--black)}.dark .memory-title{color:var(--white)}.memory-metadata{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.metadata-item{display:flex;align-items:center;gap:12px;color:var(--gray);font-size:14px}.metadata-icon{width:20px;color:var(--primary)}.memory-description{margin-bottom:24px;line-height:1.6;font-size:16px;color:var(--black)}.dark .memory-description{color:var(--white)}.memory-description p{white-space:pre-wrap}.memory-tags{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.tags-icon{color:var(--primary);margin-top:4px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tag-badge{display:inline-block;padding:6px 12px;background-color:#ff6b6b1a;color:var(--primary);border-radius:16px;font-size:14px;font-weight:500}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffff1a;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background-color .2s}.modal-close:hover{background-color:#fff3}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background-color:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background-color .2s}.modal-nav:hover{background-color:#fff3}.modal-nav-prev{left:20px}.modal-nav-next{right:20px}.modal-image{max-width:90vw;max-height:90vh;object-fit:contain}.modal-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}@media (min-width: 768px){.memory-detail-screen{max-width:800px;margin:0 auto}.thumbnail-strip{justify-content:center}.memory-metadata{flex-direction:row;gap:24px}}.anniversary-detail-screen{padding-bottom:80px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.action-button.delete{color:#f44}.anniversary-hero{text-align:center;padding:32px 16px;background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d);margin:-16px -16px 24px}.dark .anniversary-hero{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a)}.anniversary-emoji{font-size:64px;margin-bottom:16px;animation:pulse 2s infinite}.anniversary-emoji.celebrating{animation:celebrate 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.anniversary-title{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--black)}.dark .anniversary-title{color:var(--white)}.celebration-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:20px;font-weight:600;margin-bottom:24px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.countdown-container{display:inline-flex;flex-direction:column;align-items:center;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a}.dark .countdown-container{background:#2a2a2a;box-shadow:0 4px 16px #0000004d}.countdown-container.today{background:linear-gradient(135deg,var(--primary),#ff8888);color:#fff}.countdown-number{font-size:48px;font-weight:700;line-height:1;color:var(--primary)}.countdown-container.today .countdown-number{color:#fff}.countdown-label{font-size:14px;color:var(--gray);margin-top:8px}.countdown-container.today .countdown-label{color:#ffffffe6}.anniversary-details{padding:0 16px}.detail-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.dark .detail-card{background:#2a2a2a;box-shadow:0 2px 8px #0003}.card-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--black)}.dark .card-title{color:var(--white)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:12px;color:var(--gray);font-size:14px}.detail-label svg{color:var(--primary);width:16px}.detail-value{text-align:right;font-size:16px;font-weight:500;color:var(--black);display:flex;flex-direction:column;align-items:flex-end}.dark .detail-value{color:var(--white)}.detail-subtext{font-size:12px;color:var(--gray);font-weight:400;margin-top:4px}.anniversary-description{line-height:1.6;color:var(--black);white-space:pre-wrap}.dark .anniversary-description{color:var(--white)}.milestone-card{background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d)}.dark .milestone-card{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a)}.milestones{display:flex;justify-content:space-around;gap:12px}.milestone{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;background:#fff;opacity:.5;transition:all .3s}.dark .milestone{background:#1a1a1a}.milestone.achieved{opacity:1;background:#ff6b6b1a}.milestone.current{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.milestone-number{font-size:24px;font-weight:700;color:var(--primary)}.milestone.current .milestone-number{color:#fff}.milestone-label{font-size:12px;color:var(--gray);margin-top:4px}.milestone.current .milestone-label{color:#ffffffe6}@media (min-width: 768px){.anniversary-detail-screen{max-width:600px;margin:0 auto}}.add-memory-screen{padding-bottom:100px}.screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 16px}.back-button{width:32px;height:32px;border:none;background:none;color:var(--primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.back-button:hover{background-color:#ff6b6b1a}.back-button:active{transform:scale(.95)}.memory-form{padding:0 16px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--gray)}.dark .form-label{color:#999}.form-input,.form-textarea{width:100%;padding:12px;border:2px solid var(--border);border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s}.dark .form-input,.dark .form-textarea{background-color:#2a2a2a;color:#fff;border-color:#3a3a3a}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-input.error,.form-textarea.error{border-color:#f44}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.error-text{display:block;margin-top:4px;font-size:12px;color:#f44}.date-inputs{display:flex;gap:16px;align-items:center;margin-bottom:8px}.date-inputs .form-input{flex:1}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--black);cursor:pointer}.dark .checkbox-label{color:var(--white)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:#f0f0f0}.dark .image-preview{background-color:#2a2a2a}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.remove-image:hover{background-color:#000000e6}.add-image-button{aspect-ratio:1;border:2px dashed var(--border);border-radius:8px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--gray);transition:all .2s}.add-image-button:hover{border-color:var(--primary);color:var(--primary);background-color:#ff6b6b0d}.add-image-button span{font-size:12px;font-weight:500}.tag-input-wrapper{display:flex;gap:8px}.tag-input-wrapper .form-input{flex:1}.add-tag-button{padding:12px 24px;border-radius:8px;border:none;background-color:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.add-tag-button:not(:disabled):hover{background-color:#f55}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#ff6b6b1a;color:var(--primary);border-radius:16px;font-size:14px;font-weight:500}.remove-tag{width:16px;height:16px;border-radius:50%;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.remove-tag:hover{background-color:#ff6b6b33}.form-actions{display:flex;gap:12px;margin-top:32px;padding:16px 0;border-top:1px solid var(--border)}.form-actions button{flex:1}@media (min-width: 768px){.add-memory-screen{max-width:600px;margin:0 auto}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.add-anniversary-screen{padding-bottom:100px}.anniversary-form{padding:0 16px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.radio-label:hover{border-color:var(--primary);background-color:#ff6b6b0d}.radio-label input[type=radio]{width:20px;height:20px;flex-shrink:0}.radio-label span{font-size:16px;color:var(--black)}.dark .radio-label span{color:var(--white)}.radio-label:has(input:checked){border-color:var(--primary);background-color:#ff6b6b1a}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.icon-option{aspect-ratio:1;border:2px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dark .icon-option{background:#2a2a2a;border-color:#3a3a3a}.icon-option:hover{transform:scale(1.05);border-color:var(--primary)}.icon-option.selected{border-color:var(--primary);background-color:#ff6b6b1a}.icon-emoji{font-size:28px}.toggle-label{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer}.toggle-info{display:flex;gap:12px;align-items:flex-start;flex:1}.toggle-info svg{color:var(--primary);margin-top:2px}.toggle-info>div{display:flex;flex-direction:column;gap:4px}.toggle-title{font-size:16px;font-weight:500;color:var(--black)}.dark .toggle-title{color:var(--white)}.toggle-description{font-size:12px;color:var(--gray)}.toggle{width:52px;height:28px;background-color:#ccc;border-radius:14px;border:none;padding:2px;cursor:pointer;position:relative;transition:background-color .2s ease;flex-shrink:0}.toggle.active{background-color:var(--primary)}.toggle-slider{display:block;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle.active .toggle-slider{transform:translate(24px)}@media (min-width: 768px){.add-anniversary-screen{max-width:600px;margin:0 auto}.radio-group{flex-direction:row}.radio-label{flex:1}}:root{--primary: #ff6b6b;--secondary: #4ecdc4;--black: #1a1a1a;--white: #ffffff;--gray: #666666;--light-gray: #f8f9fa;--border: #e5e5e5;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden;position:fixed;width:100%}body{height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{height:100%;width:100%}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}img{max-width:100%;height:auto;display:block}.safe-area-container{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.screen{min-height:100%;background-color:var(--light-gray);padding:16px;padding-top:calc(16px + var(--safe-area-top))}.screen.dark{background-color:var(--black);color:var(--white)}.btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.card{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.98)}.dark .card{background-color:#2a2a2a;box-shadow:0 2px 8px #0003}.section-title{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--black)}.dark .section-title{color:var(--white)}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--gray)}.input{width:100%;padding:12px;border:2px solid var(--border);border-radius:8px;font-size:16px;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary)}.dark .input{background-color:#2a2a2a;color:#fff;border-color:#3a3a3a}@media (prefers-color-scheme: dark){:root{--light-gray: #1a1a1a;--border: #3a3a3a}}