/*! tailwindcss v4.1.13 | 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)))){*,::backdrop,:after,:before{--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-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-outline-style:solid;--tw-ease:initial}}}@layer theme{:host,:root{--color-red-500:oklch(63.7% .237 25.331);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono);--color-primary:var(--color-primary);--color-primary-light:var(--color-primary-light);--color-primary-dark:var(--color-primary-dark);--color-secondary:var(--color-secondary);--color-success:var(--color-success);--color-warning:var(--color-warning);--color-error:var(--color-error);--shadow-scrollbox:var(--shadow-scrollbox);--shadow-scrollbox-lg:var(--shadow-scrollbox-lg)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}: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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg)}.shadow-md{--tw-shadow:var(--shadow-md)}.shadow-md,.shadow-scrollbox{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-scrollbox{--tw-shadow:var(--shadow-scrollbox)}.shadow-scrollbox-lg{--tw-shadow:var(--shadow-scrollbox-lg)}.shadow-scrollbox-lg,.shadow-sm{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:var(--shadow-sm)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:shadow-scrollbox-lg:hover{--tw-shadow:var(--shadow-scrollbox-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}}*{box-sizing:border-box;margin:0}*,body{padding:0}body{color:#2d3748;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.container,body{min-height:100vh}.container{background:#fff;max-width:400px;margin:0 auto;position:relative;box-shadow:0 0 20px #0000001a}.header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:24px 20px 20px;position:relative}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.logo{font-size:24px;font-weight:700}.settings-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.settings-btn:hover{background:#ffffff1a}.user-profile{gap:16px;margin-bottom:20px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;justify-content:center;width:60px;height:60px;font-size:20px;font-weight:600;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info h2{margin-bottom:4px;font-size:20px;font-weight:600}.user-info p{opacity:.9;font-size:16px}.scrolli-section{background:#fff;border-radius:16px;margin:0 20px 24px;padding:24px;transform:translateY(-10px);box-shadow:0 4px 12px #00000014}.scrolli-character{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:40px;animation:gentle-bounce 3s ease-in-out infinite;display:flex;position:relative}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.scrolli-message{text-align:center;margin-bottom:20px}.scrolli-message p{color:#64748b}.suggested-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;width:100%;min-height:60px;padding:16px 24px;font-size:18px;font-weight:600;transition:transform .2s,box-shadow .2s}.suggested-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.main-content{padding:24px 20px 120px}.feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.feature-card{cursor:pointer;background:#fff;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 12px #00000014}.feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.feature-icon{color:#fff;background:linear-gradient(135deg,#81c784,#4caf50);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:flex}.feature-card h4{color:#2d3748;margin-bottom:8px;font-size:16px;font-weight:600}.feature-progress{background:#e2e8f0;border-radius:8px;height:6px;margin-bottom:8px;overflow:hidden}.feature-progress-fill{background:linear-gradient(90deg,#ff6b35,#f7931e);height:100%;transition:width .3s}.feature-status{color:#64748b;justify-content:space-between;font-size:12px}.add-btn,.feature-status{align-items:center;display:flex}.add-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:50%;justify-content:center;width:24px;height:24px;font-size:16px;transition:background .2s;position:absolute;top:16px;right:16px}.add-btn:hover{background:#e55a2b}.recent-activity{margin-bottom:40px}.activity-item{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.activity-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.activity-icon{color:#fff;background:#81c784;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.activity-content{flex:1}.activity-content h5{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.activity-content p{color:#64748b;font-size:14px}.activity-time{color:#a0aec0;font-size:12px}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:12px 8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 8px #0000000f}.nav-item{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;min-width:56px;padding:8px 4px;text-decoration:none;transition:color .2s;color:#64748b!important;opacity:1!important;visibility:visible!important;display:flex!important}.nav-item:hover{background:#f8fafc}.nav-item.active,.nav-item.active .nav-icon{color:#ff6b35!important}.nav-icon{width:24px;height:24px;margin-bottom:4px}.nav-icon,.nav-label{color:#64748b!important;opacity:1!important;visibility:visible!important}.nav-label{text-align:center;white-space:nowrap;font-size:11px;font-weight:500}.nav-item.active .nav-label{font-weight:600;color:#ff6b35!important}.header.secondary{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.back-btn:hover{background:#f8fafc}.page-title{color:#fff;font-size:24px;font-weight:700}.menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.menu-btn:hover,.view-toggle{background:#f8fafc}.view-toggle{gap:4px;margin-top:32px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.toggle-btn{min-height:50px;font-size:16px}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);font-weight:600}.toggle-btn:hover:not(.active){color:#2d3748;background:#e2e8f0}.timeline-view{margin-top:8px;display:block}.timeline-view.hidden{display:none}.timeline-item{margin-bottom:32px;padding-left:40px;position:relative}.timeline-item:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:-32px;left:15px}.timeline-item:last-child:before{bottom:50%}.timeline-marker{color:#fff;z-index:1;background:linear-gradient(135deg,#ff6b35,#f7931e);width:32px;height:32px;font-size:14px;font-weight:600;position:absolute;top:8px;left:0}.memory-card{border-radius:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000014}.memory-image{height:140px;font-size:48px;overflow:hidden}.memory-image img{object-fit:cover;width:100%;height:100%}.map-view{margin-top:8px;display:none}.map-view.active{display:block}.map-container{color:#fff;opacity:.9;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:16px;justify-content:center;align-items:center;height:260px;margin-bottom:24px;display:flex}.world-map-image{background-color:#e3f2fd;background-image:url(/images/worldmap2.png);background-size:100%}@media (max-width:480px){.map-container{height:180px}.world-map-image{background-size:100%}}.map-pin{border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;transform:rotate(-45deg)}.map-pin:hover{transform:rotate(-45deg)scale(1.1)}.map-pin:after{content:"📍";font-size:16px;transform:rotate(45deg)}.map-pin.pin-1{top:70px;left:50px}.map-pin.pin-2{top:40px;left:160px}.map-pin.pin-3{bottom:80px;right:50px}.map-pin.pin-4{bottom:100px;left:110px}.map-memories{gap:16px;display:grid}.map-memory-card{border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s;box-shadow:0 2px 8px #0000000f}.map-memory-image{background:linear-gradient(135deg,#81c784,#4caf50);border-radius:12px;width:60px;height:60px;font-size:24px}.map-memory-date{color:#ff6b35;font-size:12px;font-weight:500}.family-tree-view{margin-top:8px;display:none}.family-tree-view.active{display:block}.family-tree{text-align:center;padding:20px 0}.generation{margin-bottom:40px}.generation-title{color:#64748b;margin-bottom:20px}.family-member{text-align:center;border-radius:16px;transition:transform .2s;box-shadow:0 4px 12px #00000014}.family-member.current-user{border:2px solid #ff6b35}.family-avatar{width:60px;height:60px;margin:0 auto 12px;font-size:20px}.family-name{color:#2d3748;margin-bottom:4px}.family-relation{margin-bottom:8px}.memory-count{color:#ff6b35;font-size:12px;font-weight:500}.add-memory-btn{z-index:50;width:60px;height:60px;transition:transform .2s,box-shadow .2s;bottom:100px;box-shadow:0 4px 12px #ff6b354d}.empty-state-icon{opacity:.5;margin-bottom:20px;font-size:64px}.empty-state h3{color:#2d3748;margin-bottom:12px}.empty-state p{max-width:280px;margin-bottom:24px;margin-left:auto;margin-right:auto}.empty-state-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;min-height:60px;padding:16px 24px;font-size:18px;font-weight:600;transition:transform .2s}.empty-state-btn:hover{transform:translateY(-2px)}.create-section{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;padding:24px;position:relative;overflow:hidden}.create-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}@keyframes gentle-pulse{0%,to{opacity:.3}50%{opacity:.6}}.create-icon{font-size:64px}.create-icon,.create-title{z-index:1;position:relative}.create-title{font-size:22px;font-weight:600}.create-subtitle{opacity:.9;z-index:1;margin-bottom:20px;position:relative}.create-btn{color:#ff6b35;z-index:1;background:#fff;min-height:60px;font-size:18px;position:relative}.albums-grid{gap:20px;margin-bottom:32px}.album-card{position:relative;box-shadow:0 4px 12px #00000014}.album-cover{background:linear-gradient(135deg,#81c784,#4caf50);width:100%;height:160px;overflow:hidden}.album-status-badge{letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px}.memory-status-badge{letter-spacing:.5px;border-radius:16px;padding:4px 8px;top:8px;right:8px}.memory-status-badge.status-draft{color:#fff;background:#ed8936e6}.memory-status-badge.status-ready{color:#fff;background:#38a169e6}.memory-status-badge.status-published{color:#fff;background:#ff6b35e6}.album-title{color:#2d3748;font-size:20px;line-height:1.3}.album-menu-btn:hover{background:#f8fafc}.album-stats{justify-content:space-between;align-items:center}.album-action-btn{color:#2d3748;text-align:center;border:2px solid #e2e8f0;padding:12px 16px;font-size:14px}.album-action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.templates-section{margin-bottom:32px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.template-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.template-card:hover{background:#ff6b350d;border-color:#ff6b35;transform:translateY(-2px)}.template-icon{margin-bottom:8px;font-size:32px}.template-name{color:#2d3748;margin-bottom:4px;font-size:14px;font-weight:600}.template-desc{color:#64748b;font-size:12px}.formats-section{background:#f8fafc;border-radius:16px;margin-bottom:32px;padding:20px}.formats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.format-option{border-radius:12px;padding:16px 12px}.format-option.selected,.format-option:hover{background:#ff6b350d;border-color:#ff6b35}.format-name{font-size:12px}.add-album-btn{z-index:50;width:60px;height:60px;transition:transform .2s,box-shadow .2s;bottom:100px;box-shadow:0 4px 12px #ff6b354d}.album-progress{background:#e2e8f0;border-radius:8px;height:6px;margin-bottom:12px;overflow:hidden}.album-progress-fill{background:linear-gradient(90deg,#ff6b35,#f7931e);height:100%;transition:width .3s}.progress-text{color:#2d3748;margin-bottom:8px}.my-albums-view{display:block}.templates-view{display:none}.templates-view.active{display:block}.vault-header{background:linear-gradient(135deg,#2d3748,#1a202c);padding:24px 20px 20px;overflow:hidden}.vault-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.vault-header .header-top{z-index:1;position:relative}.vault-header .back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px;transition:background .2s}.vault-header .back-btn:hover{background:#fff3}.vault-header .settings-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px;transition:background .2s}.vault-header .settings-btn:hover{background:#fff3}.vault-header .page-title{color:#fff}.vault-stats{z-index:1;justify-content:space-between;position:relative}.stat-label{font-size:14px}.vault-grid{gap:16px}.vault-category{border:2px solid #e2e8f0;padding:20px;position:relative}.vault-category:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.vault-category.passwords{background:linear-gradient(135deg,#ff6b350d,#f7931e0d);border-color:#ff6b35}.vault-category.documents{background:linear-gradient(135deg,#3182ce0d,#4299e10d);border-color:#3182ce}.vault-category.photos{background:linear-gradient(135deg,#38a1690d,#48bb780d);border-color:#38a169}.vault-category.wills{background:linear-gradient(135deg,#805ad50d,#9f7aea0d);border-color:#805ad5}.category-header{margin-bottom:16px}.category-icon.passwords{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.category-icon.documents{color:#fff;background:linear-gradient(135deg,#3182ce,#4299e1)}.category-icon.photos{color:#fff;background:linear-gradient(135deg,#38a169,#48bb78)}.category-icon.wills{color:#fff;background:linear-gradient(135deg,#805ad5,#9f7aea)}.category-menu:hover{background:#f8fafc}.category-content{flex:1}.category-stats{justify-content:space-between;align-items:center}.category-count{color:#64748b;align-items:center;gap:6px;font-size:14px;display:flex}.category-security{color:#38a169;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.category-action-btn{color:#2d3748;text-align:center;border:2px solid #e2e8f0;padding:10px 12px;font-size:14px}.category-action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.quick-actions{background:#f8fafc;border-radius:16px}.security-options{display:grid}.security-option:hover{background:#f8fafc;border-color:#cbd5e0}.security-toggle{background:#e2e8f0;flex-shrink:0;width:48px;transition:background .2s}.security-toggle:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.security-toggle.enabled:before{transform:translate(24px)}.emergency-section{background:#f8fafc;border-radius:16px;margin-bottom:32px;padding:20px}.emergency-contacts{display:grid}.add-entry-btn{z-index:50;background:linear-gradient(135deg,#2d3748,#1a202c);width:60px;height:60px;transition:transform .2s,box-shadow .2s;bottom:100px;box-shadow:0 4px 12px #2d37484d}.loved-ones-header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:24px 20px 20px;position:relative;overflow:hidden}.loved-ones-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.loved-ones-header .header-top{z-index:1;margin-bottom:20px;position:relative}.loved-ones-header .back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px;transition:background .2s}.loved-ones-header .back-btn:hover{background:#fff3}.loved-ones-header .page-title{color:#fff;font-size:24px;font-weight:700}.loved-ones-header .action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px;transition:background .2s}.loved-ones-header .action-btn:hover{background:#fff3}.family-stats{z-index:1;justify-content:space-between;gap:16px;display:flex;position:relative}.family-stats .stat-item{text-align:center;flex:1}.family-stats .stat-number{margin-bottom:4px;font-size:24px;font-weight:700}.family-stats .stat-label{opacity:1;color:#fffffff2;font-size:14px;font-weight:500}.toggle-buttons{background:#f8fafc;border-radius:12px;gap:4px;padding:4px;display:flex}.view-content{display:none}.view-content.active{display:block}.add-person-card{text-align:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;margin-bottom:24px;padding:24px;transition:transform .2s;position:relative;overflow:hidden}.add-person-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 3s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.add-person-card:hover{transform:translateY(-2px)}.add-icon{margin-bottom:12px;font-size:48px}.add-icon,.add-title{z-index:1;position:relative}.add-title{margin-bottom:8px;font-size:20px;font-weight:600}.add-subtitle{opacity:.9;z-index:1;font-size:16px;position:relative}.loved-ones-grid{gap:16px;display:grid}.person-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;position:relative}.person-card:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3526}.person-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.person-avatar{flex-shrink:0;width:64px;height:64px;font-size:20px}.person-info{flex:1}.person-relation{color:#ff6b35;margin-bottom:4px;font-size:14px;font-weight:500}.person-menu,.person-status{color:#64748b}.person-menu{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:background .2s;position:absolute;top:16px;right:16px}.person-menu:hover{background:#f8fafc}.person-stats{justify-content:space-between;margin-bottom:16px;display:flex}.person-stat{text-align:center;flex:1}.stat-value{color:#2d3748;margin-bottom:2px;font-size:16px;font-weight:600}.stat-label{color:#64748b}.person-card .stat-label{font-size:12px;color:#64748b!important}.person-card .person-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:600;display:flex;position:relative;color:#fff!important;background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.person-actions{gap:8px;display:flex}.person-action-btn{cursor:pointer;color:#2d3748;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s}.person-action-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.person-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000}.person-action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.time-capsule-header{text-align:center;background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:20px}.capsule-subtitle{color:#64748b;font-size:16px}.capsules-grid{gap:16px;display:grid}.capsule-card.delivered{background:#38a1690d;border-color:#38a169}.capsule-status{letter-spacing:.5px;border-radius:20px;padding:4px 12px;top:16px;right:16px}.capsule-status.delivered{color:#38a169;background:#38a1691a}.capsule-content-header{margin-bottom:16px}.capsule-memory-title{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.capsule-delivery-date{color:#ff6b35;font-size:14px;font-weight:500}.capsule-recipient{align-items:center;gap:12px;display:flex}.recipient-info{flex:1}.recipient-name{color:#2d3748;margin-bottom:2px;font-size:16px;font-weight:600}.recipient-relation{color:#ff6b35;font-size:14px;font-weight:500}.capsule-message{color:#2d3748;background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.capsule-actions{gap:8px;display:flex}.capsule-action-btn{cursor:pointer;color:#2d3748;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s}.capsule-action-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.capsule-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000}.capsule-action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.add-fab{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50%;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .2s;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #ff6b354d}.add-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff6b3566}.memory-recording-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.memory-recording-header .header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.close-btn:hover,.mode-toggle{background:#f8fafc}.mode-toggle{color:#64748b;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:14px}.progress-container{margin-bottom:8px}.progress-bar{background:#e2e8f0;border-radius:8px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6b35,#f7931e);width:20%;height:100%;transition:width .3s}.memory-recording-header .scrolli-section{text-align:center;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;margin-bottom:32px;padding:32px 24px;position:relative;overflow:hidden}.memory-recording-header .scrolli-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.memory-recording-header .scrolli-character{z-index:1;cursor:pointer;background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:48px;transition:transform .2s;animation:scroll-bounce 3s ease-in-out infinite;display:flex;position:relative}@keyframes scroll-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(2deg)}75%{transform:translateY(-3px)rotate(-2deg)}}.memory-recording-header .scrolli-character:hover{transform:scale(1.05)}.scrolli-message{z-index:1;position:relative}.scrolli-message h3{color:#1a202c;margin-bottom:12px;font-size:22px;font-weight:600}.scrolli-message p{opacity:.9;color:#2d3748;margin-bottom:24px;font-size:16px;line-height:1.5}.talk-to-scrolli-btn{color:#ff6b35;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:12px;min-height:60px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .2s;position:relative}.talk-to-scrolli-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.recording-active .talk-to-scrolli-btn{color:#fff;background:#e53e3e;animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.8}}.recording-active{background:linear-gradient(135deg,#e53e3e,#c53030)}.recording-wave{background:#ffffff4d;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.recording-wave:before{content:"";background:#fff;width:100%;height:100%;animation:wave-slide 2s linear infinite;position:absolute;top:0;left:-100%}@keyframes wave-slide{to{left:100%}}.success-message{background:#38a1691a;border:2px solid #38a169;border-radius:12px;margin-bottom:24px;padding:16px;display:none}.success-message.active{display:block}.success-icon{margin-bottom:8px;font-size:32px}.success-text{color:#38a169}.ai-transcript{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px;display:none}.ai-transcript.active{display:block}.transcript-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.transcript-title{color:#2d3748;font-size:16px;font-weight:600}.edit-transcript-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px}.transcript-content{color:#2d3748;background:#f8fafc;border-radius:8px;max-height:200px;padding:16px;font-size:16px;line-height:1.6;overflow-y:auto}.capture-section{margin-bottom:32px}.capture-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.capture-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:20px 16px;transition:all .2s;display:flex}.capture-btn:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3526}.capture-btn.active{background:#ff6b350d;border-color:#ff6b35}.capture-icon{margin-bottom:8px;font-size:32px}.capture-label{color:#2d3748;font-size:14px;font-weight:600}.form-section{margin-bottom:32px}.required-fields{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.form-input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;font-size:16px}.form-textarea{min-height:120px;font-family:inherit}.image-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:32px 20px;transition:all .2s}.image-upload:hover{background:#ff6b350d;border-color:#ff6b35}.image-upload.has-image{background:#38a1690d;border-style:solid;border-color:#38a169}.upload-text{color:#2d3748;font-weight:500}.people-tags{flex-wrap:wrap}.people-tags,.person-tag{align-items:center;gap:8px;display:flex}.person-tag{color:#fff;background:#ff6b35;border-radius:20px;padding:8px 12px;font-size:14px;font-weight:500}.remove-tag{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:16px;font-weight:600;display:flex}.add-person-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.add-person-btn:hover{background:#cbd5e0}@media (max-width:375px){.container{max-width:100%}.feature-grid{grid-template-columns:1fr}}.memory-view-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.memory-view-header .header-top{justify-content:space-between;align-items:center;display:flex}.memory-view-header .back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.memory-view-header .back-btn:hover{background:#f8fafc}.memory-view-header .header-actions{gap:8px;display:flex}.memory-view-header .action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.memory-view-header .action-btn:hover{background:#f8fafc}.memory-view-header .action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.memory-view-header .action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.new-memory-success{color:#fff;z-index:1000;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px 24px;animation:slideInDown .5s ease-out;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #10b9814d}.success-content{text-align:center;align-items:center;gap:12px;display:flex}.success-icon{font-size:24px;animation:sparkle 1s ease-in-out infinite alternate}.success-text{margin-bottom:2px;font-size:16px;font-weight:600}.success-subtext{opacity:.9;font-size:14px}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes sparkle{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(5deg)}}.memory-share-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.memory-share-header .header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.memory-share-header .skip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.memory-share-header .skip-btn:hover{color:#2d3748}.memory-preview{background:#fff;border-radius:16px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 12px #00000014}.memory-preview .memory-image{background:linear-gradient(135deg,#81c784,#4caf50);justify-content:center;align-items:center;width:100%;height:120px;font-size:40px;display:flex}.memory-preview .memory-content{padding:16px}.memory-preview .memory-title{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.memory-preview .memory-date{color:#ff6b35;margin-bottom:8px;font-size:14px;font-weight:500}.memory-preview .memory-description{color:#64748b;font-size:14px;line-height:1.5}.share-options{margin-bottom:32px}.share-option{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:20px;position:relative}.share-option:hover{border-color:#cbd5e0;transform:translateY(-1px)}.share-option.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.option-header{gap:16px}.option-icon{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.option-content h3{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.option-content p{color:#64748b;font-size:16px;line-height:1.5}.time-capsule-settings{background:#f8fafc;border-radius:16px;margin-bottom:32px;padding:24px;display:none}.time-capsule-settings.active{display:block}.settings-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-icon{font-size:32px}.settings-title{color:#2d3748;font-size:18px;font-weight:600}.delivery-triggers{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.trigger-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:16px 12px;transition:all .2s;display:flex}.trigger-btn:hover{border-color:#cbd5e0}.trigger-btn.selected{background:#ff6b350d;border-color:#ff6b35}.trigger-icon{margin-bottom:8px;font-size:24px}.trigger-label{font-weight:600}.people-section .person-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;gap:16px;padding:16px;position:relative}.people-section .person-card:hover{border-color:#cbd5e0}.people-section .person-card.selected{background:#ff6b350d;border-color:#ff6b35}.people-section .person-card.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.people-section .person-info h4{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.people-section .person-info p{color:#64748b;font-size:14px}.success-animation{color:#fff;z-index:1000;text-align:center;background:#ff6b35f2;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.success-animation.active{display:flex}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.settings-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.settings-header .help-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.settings-header .help-btn:hover{background:#f8fafc}.profile-section{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:32px 20px;position:relative;overflow:hidden}.profile-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.profile-avatar{z-index:1;cursor:pointer;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:32px;font-weight:600;transition:transform .2s;display:flex;position:relative}.profile-avatar:hover{transform:scale(1.05)}.profile-name{z-index:1;margin-bottom:8px;font-size:24px;font-weight:700;position:relative}.profile-email{opacity:.9;z-index:1;margin-bottom:16px;font-size:16px;position:relative}.profile-plan{z-index:1;background:#fff3;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-block;position:relative}.settings-section{border-bottom:8px solid #f8fafc;padding:24px 20px}.settings-section:last-child{border-bottom:none}.settings-list{gap:12px;display:grid}.setting-item{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.setting-item:hover{background:#f8fafc;border-color:#cbd5e0}.setting-item.warning{background:#ed89360d;border-color:#ed8936}.setting-item.warning:hover{background:#ed89361a;border-color:#dd6b20}.setting-item.danger{background:#e53e3e0d;border-color:#e53e3e}.setting-item.danger:hover{background:#e53e3e1a;border-color:#c53030}.setting-icon{color:#64748b;background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.setting-icon.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.setting-icon.success{color:#fff;background:#38a169}.setting-icon.warning{color:#fff;background:#ed8936}.setting-icon.danger{color:#fff;background:#e53e3e}.setting-content{flex:1}.setting-title{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.setting-description{color:#64748b;font-size:14px;line-height:1.4}.setting-value{color:#ff6b35;font-size:14px;font-weight:500}.setting-arrow{color:#a0aec0;font-size:16px}.setting-toggle{cursor:pointer;background:#e2e8f0;border-radius:12px;width:48px;height:24px;transition:background .2s;position:relative}.setting-toggle.enabled{background:#38a169}.setting-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.setting-toggle.enabled:after{transform:translate(24px)}.account-cards{gap:12px;display:grid}.account-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.account-card.connected{background:#38a1690d;border-color:#38a169}.account-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.google{color:#fff;background:#4285f4}.apple{color:#fff;background:#000}.facebook{color:#fff;background:#1877f2}.microsoft{color:#fff;background:#00a1f1}.account-info{flex:1}.account-name{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.account-status{color:#64748b;font-size:14px}.account-status.connected{color:#38a169;font-weight:500}.account-btn{cursor:pointer;color:#2d3748;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.account-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.account-btn.disconnect{color:#e53e3e;background:#e53e3e0d;border-color:#feb2b2}.account-btn.disconnect:hover{background:#e53e3e1a;border-color:#f56565}.plan-card{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;margin-bottom:16px;padding:24px;position:relative;overflow:hidden}.plan-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 3s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.plan-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex;position:relative}.plan-info h3{margin-bottom:4px;font-size:20px;font-weight:700}.plan-info p{opacity:.9;font-size:14px}.plan-price{text-align:right}.plan-amount{margin-bottom:2px;font-size:24px;font-weight:700}.plan-billing{opacity:.8;font-size:12px}.plan-features{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid;position:relative}.plan-feature{align-items:center;gap:6px;font-size:14px;display:flex}.plan-actions{z-index:1;gap:12px;display:flex;position:relative}.plan-btn{color:#fff;cursor:pointer;text-align:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.plan-btn:hover{background:#ffffff4d;border-color:#ffffff80}.export-card{background:#f8fafc;border-radius:16px;margin-bottom:16px;padding:20px}.export-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.export-icon{font-size:24px}.export-title{color:#2d3748;font-size:18px;font-weight:600}.export-description{color:#64748b;margin-bottom:16px;font-size:14px;line-height:1.5}.export-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.export-btn{cursor:pointer;color:#2d3748;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.export-btn:hover{background:#f8fafc;border-color:#cbd5e0}.export-btn:disabled{opacity:.6;cursor:not-allowed}.support-card{background:#f8fafc;border-radius:16px}.logout-card,.support-card{margin-bottom:16px;padding:20px}.logout-card{background:#fef2f2;border:2px solid #fecaca;border-radius:16px}.logout-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.logout-icon{font-size:24px}.logout-title{color:#dc2626;font-size:18px;font-weight:600}.logout-description{color:#7f1d1d;margin-bottom:16px;font-size:14px;line-height:1.5}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#b91c1c;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.support-header{margin-bottom:16px}.support-title{color:#2d3748;font-size:18px;font-weight:600}.support-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.support-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.support-option:hover{background:#f8fafc;border-color:#cbd5e0}.support-option-icon{font-size:24px}.support-option-text{color:#2d3748;font-size:14px;font-weight:500}.hero-image{background:linear-gradient(135deg,#81c784,#4caf50);justify-content:center;align-items:center;width:100%;height:280px;font-size:80px;display:flex;position:relative;overflow:hidden}.hero-image:before{content:"";background:linear-gradient(#0000 60%,#0000004d);position:absolute;inset:0}.play-btn{color:#ff6b35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;width:80px;height:80px;font-size:32px}.memory-date{align-items:center;gap:8px;margin-bottom:8px;display:flex}.memory-title{color:#2d3748;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3}.memory-location{align-items:center;gap:8px;font-size:16px;display:flex}.story-section{margin-bottom:32px}.story-text{color:#2d3748;margin-bottom:20px;font-size:18px;line-height:1.7}.story-text:first-line{font-weight:600}.audio-play-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);flex-shrink:0;width:60px;height:60px;font-size:24px;transition:transform .2s}.audio-play-btn:hover{transform:scale(1.05)}.audio-duration{color:#64748b;font-size:14px}.audio-waveform{margin-top:8px}.people-section{margin-bottom:32px}.people-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.person-card{text-align:center;cursor:pointer;background:#f8fafc;border-radius:12px;padding:16px;transition:all .2s}.person-card:hover{background:#e2e8f0;transform:translateY(-1px)}.person-avatar{background:linear-gradient(135deg,#ff6b35,#f7931e);width:50px;height:50px;margin:0 auto 12px;font-size:16px}.person-name{color:#2d3748;font-size:14px;font-weight:600}.person-relation{color:#64748b;font-size:12px}.gallery-section,.tags-section{margin-bottom:32px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-item{aspect-ratio:1;background:linear-gradient(135deg,#81c784,#4caf50);overflow:hidden}.photo-item.large{aspect-ratio:2;grid-column:span 2}.memory-navigation{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px;display:flex}.memory-counter{color:#64748b;font-size:14px}.interactions-section{margin-bottom:32px}.reaction-bar{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.reactions{gap:12px;display:flex}.reaction-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.reaction-btn.active,.reaction-btn:hover{background:#ff6b350d;border-color:#ff6b35}.share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:transform .2s}.share-btn:hover{transform:translateY(-1px)}.comments-section{margin-top:16px}.comment{background:#fff;border-left:4px solid #ff6b35;border-radius:12px;margin-bottom:12px;padding:16px}.comment-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.comment-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.comment-info{flex:1}.comment-author{color:#2d3748;font-size:14px;font-weight:600}.comment-time{color:#64748b;font-size:12px}.comment-text{color:#2d3748;font-size:16px;line-height:1.5}.action-bar{background:#fff;border-radius:16px;gap:12px;width:calc(100% - 40px);max-width:360px;padding:16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.action-bar-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:12px;transition:all .2s;display:flex}.action-bar-btn:hover{background:#ff6b350d;border-color:#ff6b35}.action-bar-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000}.action-bar-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.action-icon{font-size:20px}.action-label{font-size:12px;font-weight:500}.time-capsule-message{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;margin-bottom:24px;padding:20px}.capsule-icon{margin-bottom:12px;font-size:48px}.capsule-title{font-size:18px}.capsule-message{opacity:.9;font-size:16px;line-height:1.5}@media (max-width:375px){.people-grid,.photo-grid{grid-template-columns:1fr}.photo-item.large{aspect-ratio:1;grid-column:span 1}}.album-view-container{color:#2d3748;background:#1a1a1a;min-height:100vh;overflow-x:hidden}.album-view-container .album-header{z-index:100;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-bottom:1px solid #e2e8f0;width:100%;max-width:400px;position:fixed;top:0;left:50%;transform:translate(-50%)}.album-view-container .album-header .back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px;transition:background .2s}.album-view-container .album-header .back-btn:hover{background:#fff3}.album-info{text-align:center;color:#fff;flex:1}.album-title-header{margin-bottom:2px;font-size:16px;font-weight:600}.page-indicator{color:#ffffffb3;font-size:12px}.book-container{justify-content:center;align-items:center;min-height:100vh;padding:80px 0;display:flex}.book-page{width:100%;max-width:360px;transform-style:preserve-3d;background:#fff;border-radius:16px;margin:0 20px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.book-page:hover{transform:perspective(1000px)rotateY(-5deg)}.page-content{animation:fadeIn .5s ease-in-out;display:none}.page-content.active{display:block}.page-content.page-turn-exit{animation:pageOut .3s ease-in-out}.page-content.page-turn-enter{animation:pageIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes pageIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.cover-page{color:#fff;text-align:center;background:linear-gradient(135deg,#e53e3e,#c53030);flex-direction:column;justify-content:center;min-height:500px;padding:60px 40px;display:flex;position:relative;overflow:hidden}.cover-page:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 6s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.cover-icon{margin-bottom:24px;font-size:80px}.cover-icon,.cover-title{z-index:1;position:relative}.cover-title{margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.2}.cover-subtitle{opacity:.9;z-index:1;margin-bottom:32px;font-size:18px;position:relative}.cover-author{opacity:.8;z-index:1;font-size:16px;font-style:italic;position:relative}.intro-page{text-align:center;background:#f8f9fa;padding:60px 40px}.intro-title{color:#2d3748;margin-bottom:24px;font-size:28px;font-weight:700}.intro-text{color:#4a5568;margin-bottom:32px;font-size:18px;line-height:1.7}.intro-dedication{color:#2d3748;background:#ff6b351a;border-left:4px solid #ff6b35;border-radius:8px;padding:20px;font-style:italic}.memory-page{min-height:500px;padding:40px}.memory-header{text-align:center;margin-bottom:32px}.memory-date{color:#ff6b35;font-size:16px;font-weight:600}.memory-location{color:#64748b;margin-bottom:24px;font-size:14px}.memory-image{cursor:pointer;border-radius:12px;height:200px;margin-bottom:24px;font-size:64px;transition:transform .2s}.memory-image:hover{transform:scale(1.02)}.memory-story{color:#2d3748;margin-bottom:24px;font-size:16px;line-height:1.8}.memory-story:first-line{font-size:17px;font-weight:600}.memory-quote{color:#2d3748;border-left:4px solid #ff6b35;border-radius:8px;padding:20px;font-style:italic}.audio-player,.memory-quote{background:#f8f9fa;margin-bottom:24px}.audio-player{border-radius:12px;gap:16px;padding:16px}.audio-play-btn,.audio-player{align-items:center;display:flex}.audio-play-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:50%;justify-content:center;width:48px;height:48px;transition:background .2s}.audio-play-btn:hover{background:#e55a2b}.audio-info{flex:1}.audio-title{color:#2d3748;margin-bottom:8px;font-size:14px;font-weight:600}.audio-waveform{background:#e2e8f0;border-radius:2px;height:4px;position:relative;overflow:hidden}.audio-progress{background:#ff6b35;border-radius:2px;width:30%;height:100%;transition:width .3s}.memory-people{justify-content:center;gap:8px;display:flex}.person-avatar{color:#fff;background:#ff6b35;width:40px;height:40px;font-size:14px}.qr-code{cursor:pointer;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;margin:24px auto;font-size:48px;transition:transform .2s;display:flex}.qr-code:hover{transform:scale(1.05)}.qr-caption{text-align:center;color:#64748b;margin-top:8px;font-size:12px}.photo-page{min-height:500px;padding:40px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.photo-item{cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;align-items:center;height:120px;font-size:32px;transition:transform .2s;display:flex}.photo-item.large{grid-column:1/-1;height:180px;font-size:48px}.photo-item:hover{transform:scale(1.02)}.photo-caption{text-align:center;color:#64748b;font-size:14px;line-height:1.6}.final-page{text-align:center;background:#f8f9fa;flex-direction:column;justify-content:center;min-height:500px;padding:60px 40px;display:flex}.final-icon{margin-bottom:24px;font-size:80px}.final-title{color:#2d3748;margin-bottom:24px;font-size:28px;font-weight:700}.final-message{color:#4a5568;margin-bottom:32px;font-size:18px;line-height:1.7}.final-signature{color:#2d3748;font-size:16px;font-style:italic;font-weight:600}.album-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#1a1a1ae6;border-radius:24px;align-items:center;gap:20px;padding:16px 24px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.nav-btn{color:#fff;background:#ffffff1a;border-radius:12px;gap:8px;padding:12px 16px;transition:background .2s}.nav-btn:hover:not(:disabled){background:#fff3}.page-dots{gap:8px;display:flex}.page-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background .2s}.page-dot.active{background:#ff6b35}.page-dot:hover{background:#ffffff80}.action-menu{z-index:50;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:50%;right:20px;transform:translateY(50%)}.action-menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#1a1a1ae6;border:none;border-radius:12px;padding:12px;transition:background .2s}.action-menu-btn:hover{background:#ff6b35e6}.album-view-container .bottom-nav{background:#fff;border-top:1px solid #e2e8f0}.album-creation-studio .header{z-index:100;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.album-creation-studio .page-title{color:#fff;font-weight:700}.album-creation-studio .save-btn:hover{border-color:#ffffff80}.save-draft-bar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:center;padding:8px 20px;display:flex}.save-draft-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.save-draft-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.save-draft-btn svg{opacity:.7}.progress-steps{justify-content:space-between;margin-bottom:8px;display:flex}.progress-steps .step{background:#ffffff4d;border-radius:2px;flex:1;height:4px;margin:0 2px;transition:background .3s}.progress-steps .step.completed{background:#fffc}.progress-steps .step.active{background:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.progress-text{color:#ffffffe6;text-align:center;margin-top:4px;font-size:12px}.step-subtitle{max-width:300px;margin:0 auto}.format-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.format-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:20px 16px;transition:all .2s;display:flex;position:relative}.format-option:hover{border-color:#cbd5e0;transform:translateY(-2px)}.format-option.selected{background:#ff6b350d;border-color:#ff6b35}.format-option.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.format-icon{margin-bottom:12px;font-size:32px}.format-name{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.format-desc{color:#64748b;font-size:14px}.cover-upload{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:40px 20px;display:flex}.cover-upload:hover .upload-icon{color:#ff6b35}.upload-text{color:#64748b}.theme-option{border:3px solid #0000;border-radius:12px;font-size:24px}.theme-option.selected,.theme-option:hover{transform:scale(1.05)}.theme-option.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.theme-classic{background:linear-gradient(135deg,#f7fafc,#e2e8f0)}.theme-warm{background:linear-gradient(135deg,#fed7cc,#f6ad55)}.theme-nature{background:linear-gradient(135deg,#c6f6d5,#68d391)}.theme-elegant{background:linear-gradient(135deg,#e9d8fd,#b794f6)}.theme-vintage{background:linear-gradient(135deg,#fbb6ce,#f687b3)}.theme-modern{background:linear-gradient(135deg,#bee3f8,#4299e1)}.memory-grid{display:grid}.memory-item{border:2px solid #e2e8f0;align-items:center;gap:16px;display:flex;position:relative}.memory-item:hover{border-color:#cbd5e0;transform:translateY(-1px)}.memory-item.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.memory-item.selected:after,.memory-thumbnail{justify-content:center;align-items:center;display:flex}.memory-thumbnail{background:linear-gradient(135deg,#81c784,#4caf50);border-radius:8px;flex-shrink:0;width:60px;height:60px;font-size:24px}.recipients-grid{display:grid}.recipient-item{border:2px solid #e2e8f0;border-radius:12px;gap:16px;position:relative}.recipient-item.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.recipient-info h4{color:#2d3748;margin-bottom:4px;font-size:16px}.recipient-info p{font-size:14px}.preview-section{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:20px}.preview-title{color:#2d3748;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;display:flex}.preview-item{color:#64748b;background:#fff;border-radius:8px;margin-bottom:8px;padding:12px;font-size:14px}.preview-item strong{color:#2d3748}.action-buttons{width:calc(100% - 40px);max-width:360px;bottom:20px}.secondary-btn{color:#2d3748;background:#e2e8f0;border:none;border-radius:12px;min-height:60px;padding:16px 20px;font-size:16px;transition:background .2s}.secondary-btn:hover{background:#cbd5e0}.primary-btn{border-radius:12px;min-height:60px;padding:16px 20px;font-size:16px}.primary-btn:disabled{color:#a0aec0;cursor:not-allowed;box-shadow:none;background:#e2e8f0;transform:none}.success-overlay{color:#fff;z-index:1000;text-align:center;background:#ff6b35f2;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.success-overlay.active{display:flex}.success-icon{margin-bottom:24px;font-size:80px;animation:success-bounce .6s ease-out}.success-title{margin-bottom:16px;font-size:28px;font-weight:700}.success-message{opacity:.9;max-width:300px;font-size:18px}.helper-text{background:#ff6b351a;border-radius:8px;margin-bottom:24px;padding:16px}.helper-text p{color:#2d3748}.selection-counter{color:#fff;border-radius:12px;margin-bottom:20px}.album-design-layout .header,.selection-counter{background:linear-gradient(135deg,#ff6b35,#f7931e)}.album-design-layout .header{z-index:100;border-bottom:1px solid #e2e8f0;padding:16px 20px;position:sticky;top:0}.album-design-layout .header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.album-design-layout .back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:8px;transition:background .2s}.album-design-layout .back-btn:hover{background:#ffffff4d}.album-design-layout .page-title{color:#fff;font-size:20px;font-weight:700}.album-design-layout .save-btn{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.album-design-layout .save-btn:hover{background:#ffffff4d;border-color:#ffffff80}.album-design-layout .progress-text{color:#ffffffe6;text-align:center;margin-top:4px;font-size:12px}.memory-selector{margin-bottom:32px}.selector-title{color:#2d3748;margin-bottom:16px;font-size:18px;font-weight:600}.memory-dropdown{border:2px solid #e2e8f0;border-radius:12px;width:100%;min-height:60px;padding:16px;font-size:16px}.memory-dropdown.open{border-color:#ff6b35;border-bottom-right-radius:0;border-bottom-left-radius:0}.dropdown-list{background:#fff;border:2px solid #ff6b35;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;max-height:200px;display:none;overflow-y:auto}.dropdown-list.open{display:block}.dropdown-item{border-bottom:1px solid #f8fafc}.dropdown-item:last-child{border-bottom:none}.layout-section{margin-bottom:32px}.layout-option{border:3px solid #e2e8f0;border-radius:16px;padding:20px;position:relative}.layout-option.selected:after{content:"✓";color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.layout-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.layout-icon{font-size:24px}.layout-name{color:#2d3748;font-size:18px}.layout-description{color:#64748b;margin-bottom:16px;font-size:14px}.page-preview{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;flex-direction:column;min-height:200px;padding:16px;display:flex;position:relative}.preview-qr{border:2px solid #e2e8f0;border-radius:6px;width:40px;height:40px;margin:0 auto 12px;font-size:16px}.preview-image,.preview-qr{justify-content:center;align-items:center;display:flex}.preview-image{color:#fff;background:linear-gradient(135deg,#81c784,#4caf50);border-radius:8px;width:100%;height:80px;margin-bottom:12px;font-size:32px}.preview-image.small{float:left;width:60px;height:60px;margin-bottom:8px;margin-right:12px;font-size:24px}.preview-text{color:#64748b;font-size:12px;line-height:1.4}.layout-photo-story .preview-image{height:100px}.layout-story-photo .preview-text{margin-bottom:12px}.layout-text-focus .preview-image{height:60px}.brevity-preview{background:#ff6b351a;border-left:4px solid #ff6b35;border-radius:8px;margin-top:16px;padding:16px}.brevity-title{color:#2d3748;align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.brevity-content{color:#4a5568;font-size:14px}.brevity-bullet{margin:4px 0}.page-info{text-align:center;background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:16px}.page-number{color:#ff6b35;margin-bottom:4px;font-size:24px;font-weight:700}.page-description{color:#64748b;font-size:14px}.page-navigation{background:#fff;border:2px solid #e2e8f0;border-radius:12px}.nav-btn{color:#2d3748;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.nav-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-counter{font-size:14px;font-weight:500}.album-view-container .nav-item{color:#64748b!important}.album-view-container .nav-item:hover{background:#f8fafc}.album-view-container .nav-item.active,.album-view-container .nav-item.active .nav-icon{color:#ff6b35!important}.album-view-container .nav-icon,.album-view-container .nav-label{color:#64748b!important}.album-view-container .nav-item.active .nav-label{color:#ff6b35!important}@media (max-width:480px){.album-navigation{gap:16px;padding:12px 16px;bottom:70px}.nav-btn{padding:8px 12px;font-size:12px}.action-menu{right:12px}.final-page,.intro-page,.memory-page,.photo-page{padding:32px 24px}.cover-page{padding:48px 32px}}.ai-formatted-story{background:#fff;border-radius:12px;margin:20px 0;padding:24px;box-shadow:0 2px 8px #0000001a}.format-header{border-bottom:1px solid #e1e8ed;align-items:center;margin-bottom:24px;padding-bottom:16px}.format-title{color:#2c3e50;margin-bottom:4px;font-size:20px;font-weight:600}.format-subtitle{color:#7f8c8d;font-size:14px}.edit-story-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.edit-story-btn:hover{background:#2980b9}.formatted-story-content{margin-bottom:24px}.story-main,.story-meaning,.story-moment{background:#f8f9fa;border-left:4px solid #ff6b35;border-radius:8px;align-items:flex-start;margin-bottom:20px;padding:16px;display:flex}.story-text{flex:1;font-size:16px;line-height:1.6}.story-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.original-story{background:#fff;border:2px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:24px;box-shadow:0 2px 8px #0000001a}.original-header{border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.original-title{color:#2c3e50;font-size:18px;font-weight:600}.close-original-btn{color:#7f8c8d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px}.close-original-btn:hover{color:#2c3e50}.original-content{color:#2c3e50;background:#f8f9fa;border-left:4px solid #95a5a6;border-radius:8px;padding:16px;font-size:16px;line-height:1.6}.detailed-story{background:#fff;border:2px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:24px;box-shadow:0 2px 8px #0000001a}.detailed-header{border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.detailed-title{color:#2c3e50;margin-bottom:4px;font-size:18px;font-weight:600}.detailed-subtitle{color:#7f8c8d;font-size:14px}.close-detailed-btn{color:#7f8c8d;cursor:pointer;background:0 0;border:none;margin-left:16px;padding:4px;font-size:24px}.close-detailed-btn:hover{color:#2c3e50}.detailed-content{color:#2c3e50;font-size:16px;line-height:1.6}.detailed-section{margin-bottom:24px}.detailed-section h4{color:#ff6b35;border-bottom:2px solid #ff6b35;margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:600}.detailed-section p{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:12px;padding:16px}.detailed-section:last-child{margin-bottom:0}.media-upload-section{margin-top:24px}.media-upload-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.media-upload-box{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #e1e8ed;border-radius:12px;padding:24px;transition:all .2s}.media-upload-box:hover{background:#ff6b350d;border-color:#ff6b35}.media-upload-box .upload-icon{margin-bottom:8px;font-size:32px}.media-upload-box .upload-text{color:#2c3e50;font-size:14px;font-weight:500}.story-edit-mode{background:#fff;border:2px solid #3498db;border-radius:12px;margin:20px 0;padding:24px;box-shadow:0 2px 8px #0000001a}.edit-header{text-align:center;margin-bottom:24px}.edit-title{color:#2c3e50;margin-bottom:4px;font-size:20px;font-weight:600}.edit-subtitle{color:#7f8c8d;font-size:14px}.edit-section{margin-bottom:20px}.edit-label{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:700;display:block}.edit-textarea{resize:vertical;border:2px solid #e1e8ed;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.edit-textarea:focus{border-color:#3498db;outline:none}.edit-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.section-subtitle{color:#7f8c8d;font-style:italic}.section-help{background:#e8f4f8;border-left:3px solid #3498db;border-radius:6px;margin-bottom:16px;padding:12px}.section-help p{color:#2c3e50;margin:0;font-size:14px}.story-textarea{min-height:80px;line-height:1.5}.dive-deeper-textarea,.story-textarea{resize:vertical;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dive-deeper-textarea{min-height:150px;line-height:1.6}.character-counter,.sentence-counter{color:#7f8c8d;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.character-counter span:first-child,.sentence-counter span:first-child{color:#2c3e50;font-weight:600}.counter-guide{color:#27ae60;font-size:11px}.dive-deeper-section{background:#f1f8ff;border-left:4px solid #3498db;border-radius:8px;margin-bottom:32px;padding:20px}.album-preview{background:#fff;border:2px solid #e1e8ed;border-radius:12px;margin-top:24px;padding:20px}.preview-header{text-align:center;margin-bottom:20px}.preview-title{color:#2c3e50;margin-bottom:4px;font-size:18px}.preview-subtitle{color:#7f8c8d;font-size:14px}.preview-page{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:20px}.preview-page-header{border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.preview-page-title{color:#2c3e50;font-size:20px;font-weight:600}.preview-qr-code{background:#fff;border:1px solid #e1e8ed;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.qr-icon{font-size:16px}.qr-label{color:#7f8c8d;font-size:12px}.preview-story-content{margin-bottom:20px}.preview-main,.preview-meaning,.preview-moment{background:#fff;border-left:4px solid #ff6b35;border-radius:6px;align-items:flex-start;margin-bottom:16px;padding:12px;display:flex}.preview-icon{flex-shrink:0;margin-top:2px;margin-right:12px;font-size:16px}.preview-text{color:#2c3e50;flex:1;font-size:14px;line-height:1.5}.preview-footer{color:#7f8c8d;border-top:1px solid #e1e8ed;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;display:flex}.preview-date{font-weight:600}.preview-qr-note{font-style:italic}.character-counter span:first-child.warning,.sentence-counter span:first-child.warning{color:#f39c12}.character-counter span:first-child.error,.sentence-counter span:first-child.error{color:#e74c3c}.memory-preview{background:#f8f9fa;border-left:3px solid #ff6b35;border-radius:6px;margin-top:8px;padding:12px}.preview-meaning,.preview-moment,.preview-story{color:#2c3e50;margin-bottom:6px;font-size:13px;line-height:1.4}.preview-meaning:last-child,.preview-moment:last-child,.preview-story:last-child{margin-bottom:0}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.theme-option{aspect-ratio:1;border:2px solid #e1e8ed;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-option:hover{transform:translateY(-2px)}.theme-name{color:#2c3e50;text-align:center;font-size:12px;position:absolute;bottom:8px;left:0;right:0}.page-designer{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:24px}.page-navigation{border-bottom:1px solid #e1e8ed;padding-bottom:16px}.layout-selector,.memory-selector,.page-navigation{margin-bottom:24px}.selector-label{color:#1e293b;margin-bottom:12px;font-size:16px;font-weight:700;display:block}.memory-dropdown-menu{z-index:10;background:#fff;border:1px solid #e1e8ed;border-radius:8px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.memory-dropdown-menu.open{display:block}.dropdown-item{cursor:pointer;padding:12px 16px;transition:background .2s}.dropdown-item:hover{background:#f8f9fa}.layout-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.layout-option{text-align:center;border:2px solid #e1e8ed;padding:16px}.layout-option:hover{transform:translateY(-2px)}.page-preview{background:#f8f9fa;border:1px solid #e1e8ed;padding:20px}.preview-header{border-bottom:1px solid #e1e8ed;margin-bottom:16px;padding-bottom:12px}.preview-qr{color:#7f8c8d;background:#fff;border:1px solid #e1e8ed;border-radius:4px;padding:6px 12px}.preview-content{gap:20px;display:flex}.preview-photo{background:#e1e8ed;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.preview-story{flex:1}.story-section{align-items:flex-start;margin-bottom:12px}.story-icon{margin-top:2px;margin-right:12px;font-size:16px}.story-text{color:#2c3e50;font-size:14px;line-height:1.5}.preview-notice{background:#e8f4f8;border-left:4px solid #3498db;align-items:center;gap:16px}.album-preview-container{background:#f8f9fa;border:2px dashed #bdc3c7;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.album-preview-placeholder{text-align:center}.placeholder-text{color:#7f8c8d;margin-bottom:20px;font-size:18px}.preview-btn{background:#3498db;font-size:16px;transition:background .2s}.preview-btn:hover{background:#2980b9}.publishing-options{margin-bottom:32px}.publishing-section{border:1px solid #e1e8ed;margin-bottom:20px;padding:24px}.section-icon{margin-right:12px}.section-title{margin-right:8px}.option-checkbox{color:#2c3e50;font-size:16px}.option-checkbox input[type=checkbox]{display:none}.checkmark{border:2px solid #e1e8ed;border-radius:4px;width:20px;height:20px;margin-right:12px;transition:all .2s;position:relative}.option-checkbox input[type=checkbox]:checked+.checkmark{background:#27ae60;border-color:#27ae60}.option-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.print-details{background:#f8f9fa;border-left:4px solid #3498db}.print-option{align-items:center;gap:12px;margin-bottom:12px}.print-option label{color:#2c3e50;min-width:100px;font-size:14px}.form-select{border:1px solid #e1e8ed;flex:1}.print-cost{color:#e67e22;background:#fff5f0;margin-top:12px}.recipients-section{margin-bottom:24px}.section-title{color:#2c3e50}@media (max-width:768px){.theme-grid{grid-template-columns:repeat(3,1fr)}.layout-options{grid-template-columns:1fr}.preview-content{flex-direction:column}.preview-photo{width:100%;height:200px}.page-navigation{gap:12px}.page-navigation,.preview-actions,.print-option{flex-direction:column}.print-option{align-items:flex-start}.print-option label{min-width:auto;margin-bottom:4px}}.smart-scrollbox-story{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:20px}.scrollbox-section{margin-bottom:24px}.scrollbox-section:last-child{margin-bottom:0}.scrollbox-section .section-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.scrollbox-section .section-icon{font-size:18px}.scrollbox-section .section-title{color:#2d3748;font-size:16px;font-weight:600}.scrollbox-section .section-content{color:#4a5568;padding-left:26px;font-size:15px;line-height:1.6}.moment-section{border-left:3px solid #fbbf24;padding-left:16px}.story-section{border-left:3px solid #60a5fa;padding-left:16px}.meaning-section{border-left:3px solid #f97316;padding-left:16px}.time-capsule-message{background:linear-gradient(135deg,#fed7cc,#f6ad55);border-radius:12px;align-items:flex-start;gap:12px;margin:20px;padding:16px;display:flex}.time-capsule-message .capsule-icon{margin-top:2px;font-size:20px}.time-capsule-message .capsule-content{flex:1}.time-capsule-message .capsule-title{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.time-capsule-message .capsule-message{color:#4a5568;font-size:14px;line-height:1.5}.memory-header{margin-bottom:24px;padding:0 20px}.memory-header .memory-title{color:#1a202c;margin-bottom:12px;font-size:24px;font-weight:700}.memory-meta{flex-direction:column;gap:8px;display:flex}.memory-date,.memory-location{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.meta-icon{font-size:16px}.supporting-content{margin-top:32px}.content-section{margin-bottom:32px}.content-section:last-child{margin-bottom:0}.content-section .section-title{color:#2d3748;align-items:center;gap:8px;margin-bottom:16px;padding:0 20px;font-size:18px;font-weight:600;display:flex}.content-section .section-icon{font-size:20px}.people-section .people-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px;display:grid}.people-section .person-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.people-section .person-card:hover{background:#f1f5f9;border-color:#cbd5e1}.people-section .person-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.people-section .person-info{flex:1;min-width:0}.people-section .person-name{color:#2d3748;margin-bottom:2px;font-size:14px;font-weight:600}.people-section .person-relation{color:#64748b;font-size:12px}.media-carousel{padding:0 20px}.carousel-container{border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.carousel-track{touch-action:pan-y;transition:transform .3s;display:flex}.carousel-item{cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;min-width:280px;height:180px;margin-right:12px;transition:all .2s;position:relative;overflow:hidden}.carousel-item:hover{border-color:#cbd5e1;transform:translateY(-2px)}.carousel-item:last-child{margin-right:0}.media-content{background:linear-gradient(135deg,#68d391,#38a169);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.video-item .media-content{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.play-btn{color:#fff;cursor:pointer;z-index:2;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn:hover{background:#000000e6;transform:translate(-50%,-50%)scale(1.1)}.media-type{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.carousel-indicators{justify-content:center;gap:8px;margin-top:12px;display:flex}.indicator{cursor:pointer;background:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .2s}.indicator.active{background:#3b82f6;transform:scale(1.2)}.indicator:hover{background:#94a3b8}.tags-section{padding:0 20px}.tags-section .memory-tags{flex-wrap:wrap;gap:8px;display:flex}.tags-section .memory-tag{color:#4a5568;background:#e2e8f0;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.interactions-section{margin-top:32px;padding:0 20px}.interactions-section .section-title{color:#2d3748;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.interactions-section .section-icon{font-size:20px}.comment-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.comment-btn:hover{background:#e2e8f0;border-color:#94a3b8}.hero-media{margin-bottom:20px}.hero-media .hero-image{background:linear-gradient(135deg,#68d391,#38a169);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex;position:relative;overflow:hidden}@media (max-width:375px){.scrollbox-section .section-content{padding-left:20px}.people-section .people-grid{grid-template-columns:1fr}.carousel-item{min-width:240px}.media-carousel{padding:0 16px}}.person-profile{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:32px 20px;position:relative;overflow:hidden}.person-profile:before{content:"";background:radial-gradient(circle,#ffffff1a 0,#0000 70%);width:200%;height:200%;animation:gentle-pulse 4s ease-in-out infinite;position:absolute;top:-50%;right:-50%}.profile-header{z-index:1;gap:20px;margin-bottom:24px}.person-avatar,.profile-header{align-items:center;display:flex;position:relative}.person-avatar{background:#fff3;border-radius:50%;justify-content:center;width:80px;height:80px;font-size:28px;font-weight:600}.person-avatar.online:after{content:"";background:#38a169;border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;bottom:4px;right:4px}.profile-info{flex:1}.person-name{margin-bottom:4px;font-size:24px;font-weight:700}.person-relation{opacity:.9;margin-bottom:8px;font-size:16px}.person-status{opacity:.8;font-size:14px}.profile-stats{z-index:1;justify-content:space-between;gap:16px;display:flex;position:relative}.profile-stats .stat-item{text-align:center;flex:1}.profile-stats .stat-number{margin-bottom:4px;font-size:24px;font-weight:700}.profile-stats .stat-label{opacity:.9;font-size:14px}.loved-ones-person-page .header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.loved-ones-person-page .header .back-btn{color:#fff!important}.loved-ones-person-page .header .back-btn:hover{background:#ffffff1a!important}.loved-ones-person-page .header .action-btn{color:#fff!important}.loved-ones-person-page .header .action-btn:hover{background:#ffffff1a!important}.loved-ones-person-page .header .page-title,.person-profile .person-name,.person-profile .person-relation,.person-profile .person-status{color:#fff!important}.quick-actions{border-bottom:8px solid #f8fafc;padding:20px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-action{border:2px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:16px;display:flex}.quick-action:hover{background:#ff6b350d;border-color:#ff6b35}.content-section{border-bottom:8px solid #f8fafc;padding:24px 20px}.content-section:last-child{border-bottom:none;padding-bottom:100px}.section-header{justify-content:space-between}.section-title{color:#2d3748;align-items:center;gap:8px;display:flex}.section-action{cursor:pointer;color:#2d3748;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.section-action:hover{background:#ff6b350d;border-color:#ff6b35}.memories-grid{gap:16px;display:grid}.memory-card{border:2px solid #e2e8f0;overflow:hidden}.memory-card:hover{border-color:#cbd5e0;transform:translateY(-1px)}.memory-image{background:linear-gradient(135deg,#81c784,#4caf50);width:100%;height:100px;font-size:32px}.memory-content{padding:16px}.memory-description{line-height:1.4}.capsule-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;position:relative}.capsule-card:hover{border-color:#cbd5e0;transform:translateY(-1px)}.capsule-card.scheduled{background:#ff6b350d;border-color:#ff6b35}.capsule-status{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.capsule-status.scheduled{color:#ff6b35;background:#ff6b351a}.capsule-title{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.capsule-delivery{color:#ff6b35;margin-bottom:8px;font-size:14px;font-weight:500}.capsule-message{color:#64748b;font-size:14px;font-style:italic;line-height:1.4}.permissions-section{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:20px}.permissions-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.permissions-title{color:#2d3748;font-size:18px;font-weight:600}.permissions-grid{gap:12px;display:grid}.permission-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.permission-info{flex:1}.permission-name{color:#2d3748;margin-bottom:4px;font-size:16px;font-weight:600}.permission-description{color:#64748b;font-size:14px}.permission-toggle{cursor:pointer;background:#e2e8f0;border-radius:12px;width:48px;height:24px;transition:background .2s;position:relative}.permission-toggle.enabled{background:#38a169}.permission-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.permission-toggle.enabled:after{transform:translate(24px)}.estate-section{background:#ed89361a;border:2px solid #ed8936;border-radius:16px;margin-bottom:24px;padding:20px}.estate-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.estate-title{color:#2d3748;font-size:18px;font-weight:600}.estate-description{color:#64748b;margin-bottom:16px;font-size:14px;line-height:1.5}.trigger-options{gap:8px;display:grid}.trigger-option{cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.trigger-option:hover{background:#f8fafc}.trigger-option input[type=checkbox]{accent-color:#ed8936;width:18px;height:18px}.trigger-label{color:#2d3748;flex:1;font-size:14px;font-weight:500}.document-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #cbd5e0;border-radius:12px;padding:32px 20px;transition:all .2s}.document-upload:hover{background:#ff6b350d;border-color:#ff6b35}.upload-icon{color:#64748b;margin-bottom:16px}.upload-title{color:#2d3748;margin-bottom:8px;font-size:18px;font-weight:600}.upload-description{color:#64748b;font-size:14px;line-height:1.4}.header-actions{gap:8px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.action-btn:hover{background:#f8fafc}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:375px){.actions-grid{grid-template-columns:1fr}.quick-action{min-height:60px}.profile-stats{gap:12px}.profile-stats .stat-number{font-size:20px}}.document-manager-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.document-manager-header .back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.document-manager-header .back-btn:hover{background:#f8fafc}.document-manager-header .page-title{color:#2d3748;font-size:20px;font-weight:700}.document-manager-header .header-actions{gap:8px;display:flex}.document-manager-header .action-btn{color:#2d3748;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.document-manager-header .action-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.document-manager-header .action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none}.document-manager-header .action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.upload-section{background:#fff;border-bottom:8px solid #f8fafc;padding:20px}.upload-section .section-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.upload-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.upload-source{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.upload-source:hover{background:#ff6b350d;border-color:#ff6b35}.upload-source-icon{margin-bottom:8px;font-size:24px}.upload-source-label{margin-bottom:4px;font-size:13px;font-weight:600}.upload-source-subtitle{color:#64748b;font-size:11px}.scan-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.scan-btn:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.category-header{transition:background .2s}.category-header:hover{background:#f8fafc}.category-icon.legal{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.category-icon.financial{background:linear-gradient(135deg,#ed8936,#c05621)}.category-icon.insurance{background:linear-gradient(135deg,#805ad5,#553c9a)}.category-icon.medical{background:linear-gradient(135deg,#38a169,#2f855a)}.category-icon.personal{background:linear-gradient(135deg,#e53e3e,#c53030)}.category-name{color:#2d3748}.edit-btn{transition:all .2s}.edit-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.document-list{background:#f8fafc;padding:0 20px 16px;display:none}.document-list.expanded{display:block}.document-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;transition:all .2s;position:relative}.document-item:hover{border-color:#ff6b35;transform:translateY(-1px)}.document-item.selectable{padding-left:48px;position:relative}.document-item.selected{background:#ff6b351a;border-color:#ff6b35}.document-content{cursor:pointer;padding:12px 16px}.document-title{color:#2d3748;margin-bottom:4px;font-size:14px;font-weight:600}.document-meta{color:#64748b;justify-content:space-between;font-size:11px}.document-date,.document-meta{align-items:center;display:flex}.document-date{gap:4px}.document-status{border-radius:8px;padding:2px 6px;font-size:11px;font-weight:500}.document-status.current{color:#16a34a;background:#dcfce7}.document-status.expires-soon{color:#d97706;background:#fef3c7}.document-status.critical,.document-status.expired{color:#dc2626;background:#fee2e2}.document-menu{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s;position:absolute;top:8px;right:8px}.document-menu:hover{background:#f8fafc}.document-checkbox{cursor:pointer;width:16px;height:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.instructions-panel{background:#f8fafc;border-left:4px solid #ff6b35;border-radius:12px;margin:20px 20px 16px;padding:16px}.instructions-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.instructions-title{color:#2d3748;font-size:14px;font-weight:600}.edit-instructions-btn{color:#ff6b35;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background .2s}.edit-instructions-btn:hover{background:#ff6b351a}.instructions-text{color:#4a5568;font-size:13px;line-height:1.4}.advanced-filters{background:#f8fafc;border-radius:12px;margin:20px;padding:16px;display:none}.advanced-filters.active{display:block}.filter-section{margin-bottom:16px}.filter-section:last-child{margin-bottom:0}.filter-section label{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.filter-section input,.filter-section select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.filter-section input:focus,.filter-section select:focus{border-color:#ff6b35;outline:none}.filter-section span{color:#64748b;margin:0 8px;font-size:14px}.clear-filters-btn{cursor:pointer;color:#2d3748;background:#e2e8f0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.clear-filters-btn:hover{background:#cbd5e0}.search-results{background:#fff;border-radius:12px;margin:20px;padding:16px;display:none}.search-results.active{display:block}.search-results h3{color:#2d3748;margin-bottom:12px;font-size:16px}.search-result-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .2s}.search-result-item:hover{background:#ff6b350d;border-color:#ff6b35}.search-result-title{color:#2d3748;margin-bottom:4px;font-size:14px;font-weight:600}.search-result-meta{color:#64748b;font-size:12px}.search-highlight{color:#92400e;background:#fef3c7;border-radius:2px;padding:1px 2px}.bulk-panel{background:#f8fafc;border-left:4px solid #3182ce;border-radius:12px;margin:20px 20px 16px;padding:16px;display:none}.bulk-panel.active{display:block}.bulk-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bulk-title{color:#2d3748;font-size:14px;font-weight:600}.bulk-count{color:#fff;background:#3182ce;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.bulk-action-btn{cursor:pointer;color:#2d3748;background:#e2e8f0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.bulk-action-btn:hover{color:#fff;background:#3182ce}.bulk-action-btn.destructive{color:#dc2626;background:#fee2e2}.bulk-action-btn.destructive:hover{color:#fff;background:#dc2626}.document-preview{text-align:center;background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:20px}.document-preview-icon{margin-bottom:12px;font-size:48px}.document-preview-title{color:#2d3748;margin-bottom:8px;font-size:18px;font-weight:600}.document-preview-meta{color:#64748b;margin-bottom:16px;font-size:14px}.document-actions{justify-content:center;gap:8px;display:flex}.document-action-btn{cursor:pointer;color:#2d3748;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}.document-action-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.document-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none}.document-action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.document-status-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.status-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.status-item.success{background:#dcfce7;border-color:#16a34a}.status-value{color:#2d3748;margin-bottom:4px;font-size:14px;font-weight:600}.status-label{color:#64748b;font-size:12px}.modal-actions{gap:8px}.modal-btn{padding:10px 16px;font-weight:500}.modal-btn.secondary{background:#f8fafc;border:2px solid #e2e8f0}.modal-btn.secondary:hover{background:#e2e8f0;border-color:#cbd5e0}.modal-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.category-info-card{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.category-info-header{align-items:center;gap:12px;display:flex}.category-info-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.category-info-icon.legal{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.category-info-icon.financial{background:linear-gradient(135deg,#ed8936,#c05621)}.category-info-icon.insurance{background:linear-gradient(135deg,#805ad5,#553c9a)}.category-info-icon.medical{background:linear-gradient(135deg,#38a169,#2f855a)}.category-info-icon.personal{background:linear-gradient(135deg,#e53e3e,#c53030)}.category-info-details h3{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.category-info-details p{color:#64748b;font-size:14px}.upload-options{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.upload-option-modal{text-align:center;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.upload-option-modal:hover{background:#ff6b350d;border-color:#ff6b35}.upload-option-modal.selected{background:#ff6b351a;border-color:#ff6b35}.upload-option-modal-icon{margin-bottom:8px;font-size:32px}.upload-option-modal-label{color:#2d3748;margin-bottom:4px;font-size:14px;font-weight:600}.upload-option-modal-subtitle{color:#64748b;font-size:12px}.conflict-options{gap:12px;display:grid}.document-option{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.document-option:hover{background:#ff6b350d;border-color:#ff6b35}.document-option.selected{background:#ff6b351a;border-color:#ff6b35}.source-name{font-size:16px}.verify-btn{cursor:pointer;color:#2d3748;background:#e2e8f0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.verify-btn:hover{background:#cbd5e0}.document-details{gap:8px;display:grid}.detail-row{align-items:center}.detail-label,.detail-value{font-size:13px}.detail-value{font-weight:500}.resolution-btn{color:#2d3748;background:#f8fafc;padding:12px}.keep-both-note{color:#0c4a6e;background:#e0f2fe;border:1px solid #0284c7;font-size:14px}.password-manager-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.password-manager-header .back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.password-manager-header .back-btn:hover{background:#f8fafc}.password-manager-header .page-title{color:#2d3748;font-size:20px;font-weight:700}.password-manager-header .header-actions{gap:8px;display:flex}.password-manager-header .action-btn{color:#2d3748;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.password-manager-header .action-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.password-manager-header .action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none}.password-manager-header .action-btn.primary:hover{background:linear-gradient(135deg,#e55a2b,#e0861b)}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-content{max-height:80vh;padding:24px}.modal-header{margin-bottom:20px}.modal-title{color:#2d3748;font-size:18px;font-weight:600}.modal-close{color:#64748b}.modal-close:hover{background:#f8fafc}.stats-section{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:20px}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-label{color:#fff;opacity:.9}.last-sync{text-align:center;opacity:.8;margin-top:12px;font-size:12px}.import-section{background:#fff;border-bottom:8px solid #f8fafc;padding:20px}.import-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.import-source{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.import-source:hover{background:#ff6b350d;border-color:#ff6b35}.import-source-icon{margin-bottom:8px;font-size:24px}.import-source-label{margin-bottom:4px;font-size:13px;font-weight:600}.import-source-subtitle{color:#64748b;font-size:11px}.sync-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:600}.search-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px}.search-input{color:#1e293b;border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:12px;padding:12px 16px 12px 40px;font-size:14px}.search-icon{color:#64748b;position:absolute;top:28px;left:32px}.filter-chips{gap:8px;display:flex;overflow-x:auto}.filter-chip{cursor:pointer;white-space:nowrap;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.filter-chip.active{color:#ff6b35;background:#ff6b351a;border-color:#ff6b35}.categories-section{background:#fff;padding-bottom:100px}.category-card{border-bottom:1px solid #e2e8f0}.category-header{cursor:pointer;align-items:center;padding:16px 20px}.category-info{flex:1;align-items:center;gap:12px;display:flex}.category-icon{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px;width:40px;height:40px;font-size:18px}.category-icon.social{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.category-icon.utilities{background:linear-gradient(135deg,#ed8936,#c05621)}.category-icon.shopping{background:linear-gradient(135deg,#805ad5,#553c9a)}.category-details{flex:1}.category-name{margin-bottom:2px;font-size:16px;font-weight:600}.category-stats{color:#64748b;margin-bottom:2px;font-size:12px}.category-status{align-items:center;gap:4px;font-size:11px;display:flex}.category-status.complete{color:#38a169}.category-status.needs-attention{color:#ed8936}.category-actions{align-items:center}.edit-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:12px}.expand-icon{color:#64748b;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.accounts-list{background:#f8fafc;border-top:1px solid #e2e8f0}.account-item{cursor:pointer;border-bottom:1px solid #e2e8f0;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.account-item:hover{background:#ff6b350d}.account-item.has-conflict{background:#ed89361a;border-left:4px solid #ed8936}.account-item .account-icon{background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:16px;display:flex}.account-item .account-details{flex:1}.account-item .account-name{color:#2d3748;margin-bottom:2px;font-size:14px;font-weight:600}.account-item .account-username{color:#64748b;margin-bottom:4px;font-size:12px}.account-item .account-status{align-items:center;gap:4px;font-size:11px;display:flex}.account-item .account-status.has-instructions{color:#38a169}.account-item .account-status.no-instructions{color:#64748b}.account-item .account-status.conflict{color:#ed8936}.account-item .account-actions{align-items:center;gap:8px;display:flex}.quick-action{background:#f8fafc;border-radius:6px;padding:6px}.quick-action:hover{background:#e2e8f0}.resolve-btn{color:#fff;cursor:pointer;background:#ed8936;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.conflict-options{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.password-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.password-option.selected{background:#ff6b350d;border-color:#ff6b35}.option-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.source-name{color:#2d3748;font-weight:600}.test-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.test-btn:hover{background:#cbd5e0}.test-btn.works{color:#fff;background:#38a169}.detail-row{margin-bottom:4px}.detail-label{flex-shrink:0;width:70px;font-size:12px}.detail-value{color:#2d3748;word-break:break-all;font-family:monospace;font-size:12px}.password-masked{letter-spacing:2px}.show-password{color:#ff6b35;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:12px}.resolution-actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.resolution-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.resolution-btn:hover{background:#ff6b350d;border-color:#ff6b35}.resolution-btn.primary{color:#fff;background:#ff6b35;border-color:#ff6b35}.keep-both-note{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.instructions-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:12px;width:100%;min-height:120px;margin-bottom:16px;padding:16px;font-family:inherit;font-size:14px}.instructions-textarea:focus{border-color:#ff6b35;outline:none}.instructions-examples{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.examples-title{color:#2d3748;margin-bottom:8px;font-size:12px;font-weight:600}.examples-list{color:#64748b;font-size:11px;line-height:1.4}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn.secondary{color:#2d3748;background:#e2e8f0}.modal-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.time-capsule-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0}.time-capsule-header .back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:background .2s}.time-capsule-header .back-btn:hover{background:#f8fafc}.time-capsule-header .header-title{color:#2d3748;flex:1;font-size:18px;font-weight:600}.time-capsule-header .header-menu{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:background .2s}.time-capsule-header .header-menu:hover{background:#f8fafc}.capsule-header{color:#fff;text-align:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;margin-bottom:24px;padding:32px 24px;position:relative;overflow:hidden}.capsule-header:before{content:"";pointer-events:none;opacity:.6;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><radialGradient id="sparkle" cx="50%" cy="50%"><stop offset="0%" stop-color="rgba(255,255,255,0.4)"/><stop offset="100%" stop-color="rgba(255,255,255,0)"/></radialGradient></defs><circle cx="20" cy="10" r="1" fill="url(%23sparkle)"/><circle cx="80" cy="5" r="0.5" fill="url(%23sparkle)"/><circle cx="60" cy="15" r="0.8" fill="url(%23sparkle)"/></svg>');position:absolute;inset:0}.capsule-icon{z-index:1;margin-bottom:16px;font-size:56px;position:relative}.capsule-title{z-index:1;margin-bottom:8px;font-size:24px;font-weight:700;position:relative}.capsule-recipient{opacity:.9;z-index:1;margin-bottom:16px;font-size:16px;position:relative}.delivery-info{z-index:1;background:#ffffff26;border-radius:12px;padding:16px;position:relative}.delivery-label{opacity:.8;margin-bottom:4px;font-size:14px}.delivery-date{font-size:18px;font-weight:600}.status-badge{text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;padding:6px 12px;font-weight:600;position:absolute;top:16px;right:16px}.content-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:24px;animation:slideInUp .3s forwards}.content-section:nth-child(2){animation-delay:.1s}.content-section:nth-child(3){animation-delay:.2s}.content-section:nth-child(4){animation-delay:.3s}.section-icon{color:#fff;background:linear-gradient(135deg,#81c784,#4caf50);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.section-content{color:#4a5568;font-size:16px;line-height:1.6}.delivery-message{background:#f8fafc;border-left:4px solid #ff6b35;border-radius:8px;margin-top:16px;padding:16px;font-style:italic}.media-preview{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:16px;display:grid}.media-item{aspect-ratio:1;cursor:pointer;background:#f0f9ff;border:2px solid #e0f2fe;border-radius:12px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.media-item:hover{transform:scale(1.05)}.media-item .icon{color:#0284c7;font-size:24px}.conditions-list{margin-top:16px}.condition-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 0;display:flex}.condition-item:last-child{border-bottom:none}.condition-icon{color:#16a34a;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.condition-text{color:#475569;flex:1;font-size:15px}.detail-row{justify-content:space-between;margin-bottom:8px;display:flex}.detail-label{color:#64748b}.status-text{color:#ff6b35;font-weight:600}.days-text{color:#16a34a;font-weight:600}.bottom-spacing{height:100px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.action-buttons{max-width:calc(100% - 32px)}.capsule-header{padding:28px 20px}.capsule-title{font-size:22px}}.confirmation-modal-overlay{z-index:10000;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;display:flex;position:fixed;top:0;left:0}.confirmation-modal{background:#fff;border-radius:16px;width:90%;max-width:340px;margin:20px;animation:modalSlideIn .3s ease-out forwards;transform:scale(.8);box-shadow:0 20px 60px #0000004d}.confirmation-modal-header{border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.confirmation-modal-header h3{color:#2d3748;text-align:center;margin:0;font-size:20px;font-weight:600}.confirmation-modal-body{text-align:center;padding:16px 24px 24px}.confirmation-modal-body p{color:#4a5568;margin:0;font-size:16px;line-height:1.5}.confirmation-modal-actions{justify-content:center;gap:12px;padding:0 24px 24px;display:flex}.confirmation-modal-actions .primary-btn,.confirmation-modal-actions .secondary-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.confirmation-modal-actions .secondary-btn{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0}.confirmation-modal-actions .secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0}.confirmation-modal-actions .primary-btn{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e)}.confirmation-modal-actions .primary-btn:hover{background:linear-gradient(135deg,#e55a2b,#e6851a);transform:translateY(-1px)}.modal-options{flex-direction:column;gap:16px;margin:20px 0;display:flex}.option-item{text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.option-item:hover{background:#ff6b350d;border-color:#ff6b35}.option-icon{text-align:center;min-width:40px;font-size:24px}.option-text{flex-direction:column;gap:4px;display:flex}.option-text strong{color:#2d3748;font-weight:600}.option-text span{color:#64748b;font-size:12px}.story-placeholder{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:40px 20px;display:flex}.placeholder-icon{opacity:.7;margin-bottom:16px}.placeholder-text h3{color:#2d3748;margin:0 0 8px;font-size:18px;font-weight:600}.placeholder-text p{color:#64748b;margin:0;line-height:1.4}.format-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.format-actions{gap:8px;margin-top:4px;display:flex}.icon-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:8px;font-size:16px;transition:all .2s;display:flex}.icon-btn:hover{background:#ff6b350d;border-color:#ff6b35;transform:translateY(-1px)}.story-variants{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.story-variant-item{margin-bottom:8px}.variant-header{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.variant-header:hover{background:#ff6b350d;border-color:#ff6b35}.variant-header.active{background:#ff6b351a;border-color:#ff6b35}.variant-icon{margin-right:8px;font-size:16px}.variant-title{color:#2d3748;flex:1;font-size:14px;font-weight:500}.variant-toggle{color:#64748b;font-size:18px;font-weight:700;transition:transform .2s}.variant-toggle.open{transform:rotate(45deg)}.variant-content{background:#fff;border:1px solid #e2e8f0;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:16px}.detailed-story-content .story-section{margin-bottom:20px}.detailed-story-content .story-section:last-child{margin-bottom:0}.detailed-story-content h4{color:#2d3748;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:600;display:flex}.detailed-story-content p{color:#4a5568;margin:0;line-height:1.6}.original-story-content p{color:#64748b;margin:0 0 12px;font-size:14px;font-style:italic}.original-story-content blockquote{color:#2d3748;background:#f8fafc;border-left:4px solid #ff6b35;border-radius:0 8px 8px 0;margin:0;padding:16px;font-style:italic;line-height:1.6}.recording-complete .scrolli-character{animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.editing-mode{background:#ff6b350d;border:2px dashed #ff6b35;border-radius:12px;padding:16px;position:relative}.editing-mode:before{content:"✏️ Editing Mode";color:#fff;background:#ff6b35;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:16px}.editable-text{box-shadow:0 0 0 3px #ff6b351a;background:#fff!important;border:2px solid #ff6b35!important}.editable-text:focus{outline:none;box-shadow:0 0 0 3px #ff6b3533}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:375px){.confirmation-modal{max-width:300px;margin:15px}.confirmation-modal-header{padding:20px 20px 14px}.confirmation-modal-header h3{font-size:18px}.confirmation-modal-body{padding:14px 20px 20px}.confirmation-modal-body p{font-size:15px}.confirmation-modal-actions{flex-direction:column;padding:0 20px 20px}.confirmation-modal-actions .primary-btn,.confirmation-modal-actions .secondary-btn{flex:none;width:100%}}.header.memories-header,.header.memory-header{background:linear-gradient(135deg,#ed8936,#dd6b20)!important;padding:24px 20px 20px!important}.header.memories-header .back-btn,.header.memory-header .back-btn{color:#fff!important}.header.memories-header .back-btn:hover,.header.memory-header .back-btn:hover{background:#ffffff26!important}.header.memories-header .action-btn,.header.memories-header .page-title,.header.memory-header .action-btn,.header.memory-header .page-title{color:#fff!important}.header.memories-header .action-btn:hover,.header.memory-header .action-btn:hover{background:#ffffff26!important}.header.memory-view-header{padding:24px 20px 32px!important}.header-memory-info{margin-top:20px}.header-memory-title{color:#fff;margin:0 0 12px;font-size:24px;font-weight:700}.header-memory-meta{flex-direction:column;gap:8px;display:flex}.header-memory-date,.header-memory-location{color:#fff;opacity:.9;align-items:center;gap:8px;font-size:14px;display:flex}.header-memory-date .meta-icon,.header-memory-location .meta-icon{font-size:16px}.share-section{margin:24px 0}.share-options{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.share-option{cursor:pointer;background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.share-option:hover{background:#ff6b350d;border-color:#ff6b35}.share-option.selected{background:#ff6b351a;border-color:#ff6b35}.share-icon{margin-top:4px;font-size:24px}.share-label{color:#2c3e50;margin-bottom:4px;font-size:16px;font-weight:600}.share-description{color:#7f8c8d;font-size:14px}.memory-summary{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:20px}.summary-header{border-bottom:1px solid #e1e8ed;margin-bottom:16px;padding-bottom:12px}.summary-title{color:#2c3e50;font-size:18px;font-weight:600}.summary-content{flex-direction:column;gap:12px;display:flex}.summary-item{align-items:center;gap:8px;display:flex}.summary-label{color:#7f8c8d;min-width:80px;font-size:14px;font-weight:600}.summary-value{color:#2c3e50;flex:1;font-size:14px}.header.albums-header{background:linear-gradient(135deg,#3182ce,#2c5282)!important}.header.albums-header .action-btn{color:#fff!important}.header.albums-header .action-btn:hover{background:#ffffff26!important}.header.time-capsule-header{background:linear-gradient(135deg,#9f7aea,#805ad5)!important}.header.time-capsule-header .action-btn{color:#fff!important}.header.time-capsule-header .action-btn:hover{background:#ffffff26!important}.header.vault-header{background:linear-gradient(135deg,#38a169,#2f855a)!important}.header.vault-header .action-btn{color:#fff!important}.header.vault-header .action-btn:hover{background:#ffffff26!important}.header.loved-ones-header{background:linear-gradient(135deg,#f56565,#e53e3e)!important}.header.loved-ones-header .action-btn{color:#fff!important}.header.loved-ones-header .action-btn:hover{background:#ffffff26!important}.header.home-header{background:linear-gradient(135deg,#f6ad55,#ed8936)!important}.header.home-header .settings-btn{color:#fff!important}.header.home-header .settings-btn:hover{background:#ffffff26!important}.header.settings-header{background:linear-gradient(135deg,#718096,#4a5568)!important}.header.settings-header .action-btn{color:#fff!important}.header.settings-header .action-btn:hover{background:#ffffff26!important}.album-stats,.memory-stats{border-top:1px solid #ffffff1a;justify-content:space-around;margin-top:20px;padding-top:16px;display:flex}.album-stats .stat-item,.memory-stats .stat-item{text-align:center}.album-stats .stat-number,.memory-stats .stat-number{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700}.album-stats .stat-label,.memory-stats .stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.login-container{background:linear-gradient(135deg,#ff6b35,#f7931e);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header .logo{color:#ff6b35;margin-bottom:16px;font-size:32px;font-weight:700}.login-header h1{color:#1a202c;margin-bottom:8px;font-size:28px;font-weight:600}.login-header p{color:#64748b;font-size:16px}.error-message{background:#fee2e2}.error-message,.success-message{margin-bottom:20px;padding:12px 16px}.success-message{color:#065f46;text-align:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;font-size:14px}.login-form{margin-bottom:24px}.form-group label{margin-bottom:6px;display:block}.form-group input{color:#1e293b;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-group input:disabled{cursor:not-allowed;background:#f9fafb}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";background:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#6b7280;background:#fff;padding:0 16px;font-size:14px}.social-login{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.social-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover:not(:disabled){border-color:var(--provider-color);background:#fffc;transform:translateY(-1px)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn svg{flex-shrink:0}.login-footer{text-align:center}.link-btn{color:#ff6b35;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:14px;font-weight:500;text-decoration:underline}.link-btn:hover:not(:disabled){color:#f7931e}.link-btn:disabled{opacity:.6;cursor:not-allowed}.register-link{color:#6b7280;margin-top:16px;font-size:14px}.verification-loading{text-align:center;padding:40px 20px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#ff6b35;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.verification-info{text-align:center;margin-bottom:24px}.verification-info p{color:#6b7280;margin-bottom:20px;font-size:16px;line-height:1.6}.verification-tips{text-align:left;background:#f9fafb;border-radius:8px;margin-top:20px;padding:20px}.verification-tips h3{color:#374151;margin-bottom:12px;font-size:16px;font-weight:600}.verification-tips ul{margin:0;padding:0;list-style:none}.verification-tips li{color:#6b7280;margin-bottom:8px;padding-left:20px;font-size:14px;position:relative}.verification-tips li:before{content:"•";color:#ff6b35;font-weight:700;position:absolute;left:0}.resend-form{margin-bottom:24px}.empty-state,.error-state,.loading-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-state .loading-spinner{border:3px solid #e2e8f0;border-top-color:#ff6b35;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:spin 1s linear infinite}.error-state p{color:#ef4444;margin-bottom:16px}.retry-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.retry-btn:hover{background:#e55a2b}.status-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 8px;display:inline-block}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invitation-content{margin-top:20px}.success-modal{text-align:center;max-width:400px}.success-modal .modal-header{border-bottom:none;padding:32px 24px 16px;position:relative}.success-icon{margin-bottom:16px;font-size:48px;display:block}.success-modal .modal-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}.success-modal .modal-body{padding:16px 24px 32px}.success-content{margin-bottom:24px}.success-message{color:#1e293b;margin-bottom:12px;font-size:16px;line-height:1.5}.success-details{color:#64748b;margin:0;font-size:14px;line-height:1.4}.success-modal .modal-actions{justify-content:center}.success-modal .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.success-modal .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.modal-content.large{max-width:500px}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-header h2{color:#1a202c;margin:0;font-size:24px;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.pending-invitations-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.notice-content h4{color:#92400e;margin:0 0 8px;font-size:16px;font-weight:600}.notice-content p{color:#92400e;margin:0 0 12px;font-size:14px}.view-pending-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.view-pending-btn:hover{background:#d97706}.view-pending-btn:disabled{opacity:.5;cursor:not-allowed}.invite-form{gap:20px}.form-group,.invite-form{flex-direction:column;display:flex}.form-group{gap:8px}.form-group label{color:#1e293b;font-size:14px;font-weight:700}.form-group input,.form-group select{color:#1e293b;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-group input:disabled,.form-group select:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;font-size:14px}.btn-primary,.error-message{align-items:center;gap:8px;display:flex}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);justify-content:center;min-height:48px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:currentcolor;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.spinner.small{border-width:1px;width:12px;height:12px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:#374151;margin:0 0 8px;font-size:20px;font-weight:600}.empty-state p{color:#6b7280;margin:0}.invitations-list{flex-direction:column;gap:16px;display:flex}.invitation-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.invitation-header{align-items:flex-start;gap:16px}.invitation-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.invitation-info{flex:1}.invitation-info h4{color:#1a202c;margin:0 0 4px;font-size:16px;font-weight:600}.invitation-email{color:#6b7280;margin:0 0 4px;font-size:14px}.invitation-relationship{color:#374151;margin:0;font-size:14px}.invitation-status{flex-shrink:0}.status-badge{color:#fff;text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.invitation-meta{margin-bottom:16px}.invitation-date{font-size:12px}.invitation-actions{justify-content:flex-end;gap:12px}.btn-accept{align-items:center;gap:6px;transition:background .2s;display:flex}.btn-accept:hover:not(:disabled){background:#059669}.btn-accept:disabled{opacity:.5;cursor:not-allowed}.btn-reject{align-items:center;gap:6px;transition:background .2s;display:flex}.btn-reject:hover:not(:disabled){background:#dc2626}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.invitation-result{border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.invitation-result.accepted{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.invitation-result.rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.invitations-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.invitations-header h3{color:#1a202c;margin:0;font-size:18px;font-weight:600}.add-invitation-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.add-invitation-btn:hover:not(:disabled){background:#e5e7eb}.add-invitation-btn:disabled{opacity:.5;cursor:not-allowed}.invitation-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:20px;padding:20px;display:flex;position:relative}.invitation-number{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.invitation-fields{flex-direction:column;flex:1;gap:16px;display:flex}.remove-invitation-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.remove-invitation-btn:hover:not(:disabled){background:#dc2626}.remove-invitation-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.invitation-row{flex-direction:column;gap:12px}.invitation-number{align-self:flex-start}.remove-invitation-btn{align-self:flex-end;margin-top:8px;position:static}}.loved-ones-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.card-header{margin-bottom:20px}.card-header h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}.invitation-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.invitation-tabs-header{margin-bottom:20px}.invitation-tabs-header h3{color:#1f2937;margin:0 0 16px;font-size:20px;font-weight:600}.invitation-tabs{border-bottom:2px solid #e5e7eb;gap:8px;margin-bottom:20px;display:flex}.invitation-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.invitation-tab:hover{color:#374151;background:#f9fafb}.invitation-tab.active{color:#3b82f6;background:#eff6ff;border-bottom:2px solid #3b82f6}.invitation-tab-content{min-height:200px}.sent-invitations-list{flex-direction:column;gap:16px;display:flex}.invitation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.invitation-header{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.invitation-header-row{justify-content:space-between;align-items:center;display:flex}.invitation-status-container{justify-content:center;width:100%;display:flex}.invitation-email{color:#1f2937;font-size:16px;font-weight:600}.invitation-status{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.invitation-status.pending{color:#92400e;background:#fef3c7}.invitation-status.accepted{color:#065f46;background:#d1fae5}.invitation-status.rejected{color:#991b1b;background:#fee2e2}.invitation-details{color:#6b7280;justify-content:space-between;align-items:center;font-size:14px;display:flex}.invitation-relationship{font-weight:500}.invitation-date{color:#9ca3af}.received-invitations-preview{text-align:center;padding:40px 20px}.received-invitations-preview p{color:#6b7280;margin-bottom:20px;font-size:16px}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary:hover{background:#2563eb}.received-invitations-list{flex-direction:column;gap:16px;display:flex}.invitation-actions{gap:8px;margin-top:12px;display:flex}.btn-accept{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-accept:hover{background:#059669}.btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-reject:hover{background:#dc2626}.memory-recording-studio{background:#fff;max-width:400px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 20px #0000001a}.memory-recording-studio .header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:20px;position:relative}.memory-recording-studio .header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.memory-recording-studio .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.memory-recording-studio .close-btn:hover{background:#ffffff1a}.memory-recording-studio .page-title{text-align:center;flex:1;font-size:20px;font-weight:600}.memory-recording-studio .progress-steps{justify-content:center;align-items:center;gap:0;margin-bottom:12px;display:flex;position:relative}.memory-recording-studio .step{background:#ffffff4d;width:12px;height:3px;transition:all .3s;position:relative}.memory-recording-studio .step:not(:last-child){margin-right:2px}.memory-recording-studio .step.done{background:#fffc}.memory-recording-studio .step.active{background:#fff;animation:stepBlink 1.5s ease-in-out infinite}@keyframes stepBlink{0%,to{opacity:1;background:#fff}50%{opacity:.6;background:#fff6}}.memory-recording-studio .progress-text{text-align:center;opacity:.9;font-size:14px}.memory-recording-studio .save-draft-bar{background:#e2e8f0;border-bottom:1px solid #cbd5e1;padding:12px 20px}.memory-recording-studio .save-draft-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;display:flex}.memory-recording-studio .main-content{min-height:calc(100vh - 200px);padding:24px 20px}.memory-recording-studio .step-content{display:none}.memory-recording-studio .step-content.active{display:block}.memory-recording-studio .step-header{text-align:center;margin-bottom:32px}.memory-recording-studio .step-icon{margin-bottom:16px;font-size:48px}.memory-recording-studio .step-title{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:600}.memory-recording-studio .step-subtitle{color:#64748b;font-size:16px}.memory-recording-studio .scrolli-section{text-align:center;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .scrolli-character{cursor:pointer;margin-bottom:20px;font-size:64px;transition:transform .2s}.memory-recording-studio .scrolli-character:hover{transform:scale(1.1)}.memory-recording-studio .scrolli-message h3{color:#1e293b;margin-bottom:12px;font-size:20px;font-weight:600}.memory-recording-studio .scrolli-message p{color:#64748b;margin-bottom:24px;font-size:16px;line-height:1.6}.memory-recording-studio .talk-to-scrolli-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #ff6b354d}.memory-recording-studio .talk-to-scrolli-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3566}.memory-recording-studio .recording-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.memory-recording-studio .recording-wave{background:linear-gradient(90deg,#ff6b35,#f7931e,#ff6b35);border-radius:20px;width:200px;height:40px;animation:wave 1.5s ease-in-out infinite}@keyframes wave{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}.memory-recording-studio .stop-recording-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.memory-recording-studio .stop-recording-btn:hover{background:#dc2626;transform:translateY(-1px)}.memory-recording-studio .success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.memory-recording-studio .success-icon{font-size:32px}.memory-recording-studio .success-text{color:#166534;font-size:16px;font-weight:500}.memory-recording-studio .ai-formatted-story{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .format-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.memory-recording-studio .format-title{color:#1e293b;font-size:18px;font-weight:600}.memory-recording-studio .format-subtitle{color:#64748b;margin-top:4px;font-size:14px}.memory-recording-studio .format-actions{gap:8px;display:flex}.memory-recording-studio .icon-btn{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px;transition:all .2s}.memory-recording-studio .icon-btn:hover{background:#e2e8f0;transform:scale(1.1)}.memory-recording-studio .formatted-story-content{flex-direction:column;gap:16px;display:flex}.memory-recording-studio .story-main,.memory-recording-studio .story-meaning,.memory-recording-studio .story-moment{align-items:flex-start;gap:12px;display:flex}.memory-recording-studio .story-icon{flex-shrink:0;margin-top:2px;font-size:20px}.memory-recording-studio .story-text{color:#374151;font-size:16px;line-height:1.6}.memory-recording-studio .story-variants{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.memory-recording-studio .story-variant-item{margin-bottom:16px}.memory-recording-studio .variant-header{cursor:pointer;background:#f8fafc;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.memory-recording-studio .variant-header:hover{background:#f1f5f9}.memory-recording-studio .variant-icon{font-size:16px}.memory-recording-studio .variant-title{color:#374151;flex:1;font-size:14px;font-weight:500}.memory-recording-studio .variant-toggle{color:#64748b;font-size:18px;font-weight:600}.memory-recording-studio .variant-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px}.memory-recording-studio .detailed-story-content{flex-direction:column;gap:20px;display:flex}.memory-recording-studio .story-section h4{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:600}.memory-recording-studio .story-section p{color:#64748b;font-size:14px;line-height:1.6}.memory-recording-studio .original-story-content p{color:#64748b;margin-bottom:12px;font-size:14px}.memory-recording-studio .original-story-content blockquote{color:#374151;background:#f8fafc;border-left:4px solid #ff6b35;border-radius:0 8px 8px 0;padding:16px;font-size:14px;font-style:italic;line-height:1.6}.memory-recording-studio .story-edit-mode{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .edit-header{text-align:center;margin-bottom:24px}.memory-recording-studio .edit-title{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:600}.memory-recording-studio .edit-subtitle{color:#64748b;font-size:14px}.memory-recording-studio .edit-section{margin-bottom:20px}.memory-recording-studio .edit-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.memory-recording-studio .edit-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-height:100px;padding:12px;font-size:14px;line-height:1.6;transition:border-color .2s}.memory-recording-studio .edit-textarea:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.memory-recording-studio .edit-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.memory-recording-studio .album-preview{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .preview-header{text-align:center;margin-bottom:20px}.memory-recording-studio .preview-title{color:#1e293b;margin-bottom:4px;font-size:18px;font-weight:600}.memory-recording-studio .preview-subtitle{color:#64748b;font-size:14px}.memory-recording-studio .preview-page{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.memory-recording-studio .preview-page-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.memory-recording-studio .preview-page-title{color:#1e293b;font-size:16px;font-weight:600}.memory-recording-studio .preview-qr-code{flex-direction:column;align-items:center;gap:4px;display:flex}.memory-recording-studio .qr-icon{font-size:20px}.memory-recording-studio .qr-label{color:#64748b;font-size:10px}.memory-recording-studio .preview-story-content{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.memory-recording-studio .preview-main,.memory-recording-studio .preview-meaning,.memory-recording-studio .preview-moment{align-items:flex-start;gap:8px;display:flex}.memory-recording-studio .preview-icon{flex-shrink:0;margin-top:2px;font-size:14px}.memory-recording-studio .preview-text{color:#374151;font-size:12px;line-height:1.4}.memory-recording-studio .preview-footer{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;display:flex}.memory-recording-studio .capture-section{margin-bottom:24px}.memory-recording-studio .section-title{color:#1e293b;text-align:center;margin-bottom:16px;font-size:18px;font-weight:600}.memory-recording-studio .capture-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.memory-recording-studio .capture-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.memory-recording-studio .capture-btn:hover{border-color:#ff6b35;transform:translateY(-2px)}.memory-recording-studio .capture-btn.active{background:#fff7ed;border-color:#ff6b35}.memory-recording-studio .capture-icon{font-size:24px}.memory-recording-studio .capture-label{color:#374151;font-size:12px;font-weight:500}.memory-recording-studio .media-upload-section{margin-top:24px}.memory-recording-studio .media-upload-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.memory-recording-studio .media-upload-box{cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:all .2s;display:flex}.memory-recording-studio .media-upload-box:hover{background:#fff7ed;border-color:#ff6b35}.memory-recording-studio .upload-icon{font-size:32px}.memory-recording-studio .upload-text{color:#64748b;font-size:14px;font-weight:500}.memory-recording-studio .form-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .required-fields{flex-direction:column;gap:20px;display:flex}.memory-recording-studio .form-group{flex-direction:column;gap:8px;display:flex}.memory-recording-studio .form-label{color:#374151;font-size:14px;font-weight:600}.memory-recording-studio .required{color:#ef4444}.memory-recording-studio .form-input{border:2px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;transition:border-color .2s}.memory-recording-studio .form-input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.memory-recording-studio .image-upload{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.memory-recording-studio .image-upload:hover{background:#fff7ed;border-color:#ff6b35}.memory-recording-studio .image-upload.has-image{background:#f0fdf4;border-color:#22c55e}.memory-recording-studio .people-tags{flex-wrap:wrap;gap:8px;display:flex}.memory-recording-studio .person-tag{color:#374151;background:#f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.memory-recording-studio .remove-tag{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .2s;display:flex}.memory-recording-studio .remove-tag:hover{color:#374151;background:#e2e8f0}.memory-recording-studio .add-person-btn{color:#64748b;cursor:pointer;background:0 0;border:2px dashed #cbd5e1;border-radius:20px;padding:8px 12px;font-size:14px;transition:all .2s}.memory-recording-studio .add-person-btn:hover{color:#ff6b35;border-color:#ff6b35}.memory-recording-studio .share-section{background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .share-options{flex-direction:column;gap:12px;display:flex}.memory-recording-studio .share-option{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.memory-recording-studio .share-option.active,.memory-recording-studio .share-option:hover{background:#fff7ed;border-color:#ff6b35}.memory-recording-studio .share-icon{font-size:24px}.memory-recording-studio .share-label{color:#1e293b;font-size:16px;font-weight:600}.memory-recording-studio .share-description{color:#64748b;margin-left:auto;font-size:14px}.memory-recording-studio .memory-summary{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.memory-recording-studio .summary-header{text-align:center;margin-bottom:20px}.memory-recording-studio .summary-title{color:#1e293b;font-size:18px;font-weight:600}.memory-recording-studio .summary-content{flex-direction:column;gap:12px;display:flex}.memory-recording-studio .summary-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.memory-recording-studio .summary-item:last-child{border-bottom:none}.memory-recording-studio .summary-label{color:#64748b;font-size:14px;font-weight:500}.memory-recording-studio .summary-value{color:#1e293b;font-size:14px;font-weight:500}.memory-recording-studio .action-buttons{background:#fff;border-top:1px solid #e2e8f0;gap:12px;padding:20px;display:flex}.memory-recording-studio .secondary-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.memory-recording-studio .secondary-btn:hover{color:#374151;background:#e2e8f0}.memory-recording-studio .primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;flex:2;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #ff6b354d}.memory-recording-studio .primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 25px #ff6b3566}@media (max-width:480px){.memory-recording-studio{max-width:100%;box-shadow:none}.memory-recording-studio .step{width:10px;height:2px}.memory-recording-studio .step:not(:last-child){margin-right:1px}.memory-recording-studio .ai-formatted-story,.memory-recording-studio .album-preview,.memory-recording-studio .form-section,.memory-recording-studio .main-content,.memory-recording-studio .memory-summary,.memory-recording-studio .scrolli-section,.memory-recording-studio .share-section,.memory-recording-studio .story-edit-mode{padding:20px 16px}.memory-recording-studio .capture-options{grid-template-columns:repeat(2,1fr);gap:8px}.memory-recording-studio .media-upload-grid{grid-template-columns:1fr;gap:12px}.memory-recording-studio .action-buttons{flex-direction:column;padding:16px}.memory-recording-studio .primary-btn,.memory-recording-studio .secondary-btn{flex:none}}.memories-header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:20px;position:relative}.memories-header .header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.memories-header .back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.memories-header .back-btn:hover{background:#ffffff1a}.memories-header .page-title{text-align:center;flex:1;font-size:20px;font-weight:600}.memories-header .header-actions{gap:8px;display:flex}.memories-header .action-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.memories-header .action-btn:hover{background:#ffffff1a}.memory-stats{justify-content:space-around;gap:16px;display:flex}.stat-item{text-align:center;flex:1}.stat-number{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700}.stat-label{color:#fffc;font-size:12px;line-height:1.2}.view-toggle{background:#f1f5f9;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.toggle-btn.active{color:#1e293b;background:#fff;box-shadow:0 2px 4px #0000001a}.toggle-btn:hover:not(.active){color:#374151}.timeline-view{flex-direction:column;gap:20px;display:flex}.timeline-item{align-items:flex-start;gap:16px;display:flex}.timeline-marker{background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.memory-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.memory-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.memory-image{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:24px;display:flex;position:relative}.memory-status-badge{text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px}.status-published{color:#fff;background:#10b981}.status-ready{color:#fff;background:#f59e0b}.status-draft{color:#fff;background:#6b7280}.memory-content{flex:1}.memory-description{color:#64748b;margin-bottom:12px;font-size:14px;line-height:1.5}.memory-tags{flex-wrap:wrap;gap:6px;display:flex}.memory-tag{color:#64748b;background:#f1f5f9;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.empty-state{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex:1;padding:40px 20px;transition:all .2s}.empty-state:hover{background:#f1f5f9;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3526}.empty-state-icon{margin-bottom:12px;font-size:32px}.empty-state p{color:#64748b;font-size:14px}.map-view{flex-direction:column;gap:20px;display:flex}.map-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:200px;position:relative;overflow:hidden}.world-map-image{background-image:url(/assets/images/worldmap2.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.map-pin{cursor:pointer;background:#ff6b35;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;box-shadow:0 2px 4px #0003}.map-pin:hover{background:#f7931e;transform:scale(1.2)}.pin-1{top:30%;left:25%}.pin-2{top:40%;left:60%}.pin-3{top:60%;left:45%}.pin-4{top:50%;left:70%}.map-memories{flex-direction:column;gap:12px;display:flex}.map-memory-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.map-memory-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.map-memory-image{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.map-memory-content{flex:1}.map-memory-title{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600}.map-memory-location{color:#64748b;margin-bottom:2px;font-size:12px}.map-memory-date{color:#94a3b8;font-size:11px}.family-tree,.family-tree-view{flex-direction:column;gap:24px;display:flex}.generation{flex-direction:column;gap:12px;display:flex}.generation-title{color:#1e293b;text-align:center;border-bottom:2px solid #e2e8f0;padding:8px 0;font-size:16px;font-weight:600}.family-members{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.family-member{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.family-member:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.family-member.current-user{background:#fff7ed;border-color:#ff6b35}.family-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.family-member.current-user .family-avatar{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 12px #ff6b354d}.family-name{color:#1e293b;text-align:center;font-size:14px;font-weight:600}.family-relation{color:#64748b;text-align:center;font-size:12px}.memory-count{color:#94a3b8;text-align:center;font-size:11px}.add-memory-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50%;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .2s;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #ff6b354d}.add-memory-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b3566}@media (max-width:480px){.memory-stats{gap:8px}.stat-number{font-size:20px}.stat-label{font-size:11px}.view-toggle{margin-bottom:16px}.toggle-btn{padding:10px 12px;font-size:13px}.timeline-item{gap:12px}.timeline-marker{width:32px;height:32px;font-size:20px}.memory-card{padding:12px}.memory-image{width:50px;height:50px;font-size:20px}.memory-title{font-size:15px}.memory-description{font-size:13px}.map-container{height:150px}.family-members{gap:12px}.family-member{min-width:100px;padding:12px}.family-avatar{width:40px;height:40px;font-size:14px}.family-name{font-size:13px}.add-memory-btn{width:48px;height:48px;font-size:20px;bottom:70px;right:16px}}.albums-header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:20px;position:relative}.albums-header .header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.albums-header .page-title{text-align:center;flex:1;font-size:20px;font-weight:600}.albums-header .header-actions{gap:8px;display:flex}.albums-header .action-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.albums-header .action-btn:hover{background:#ffffff1a}.album-stats{justify-content:space-around}.album-stats .stat-item{text-align:center;flex:1}.album-stats .stat-number{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700}.album-stats .stat-label{color:#fffc;font-size:12px;line-height:1.2}.create-section{text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:32px 24px}.create-icon{margin-bottom:16px;font-size:48px}.create-title{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.create-subtitle{color:#64748b;margin-bottom:24px;font-size:16px;line-height:1.5}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ff6b354d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:100px;display:grid}.album-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.album-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.album-cover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;height:120px;font-size:48px;display:flex;position:relative}.album-cover.christmas{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.album-cover.family{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.album-cover.travel{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.album-cover.memories{background:linear-gradient(135deg,#fefce8,#fef3c7)}.album-status-badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.album-content{padding:20px}.album-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.album-title{color:#1e293b;margin-bottom:4px;font-size:18px;font-weight:600}.album-date{color:#64748b;font-size:12px}.album-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.album-menu-btn:hover{color:#374151;background:#f1f5f9}.album-description{color:#64748b;margin-bottom:16px;font-size:14px;line-height:1.5}.album-stats{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.album-stat{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.album-actions{flex-wrap:wrap;gap:8px;display:flex}.album-action-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:60px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.album-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.album-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000}.album-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.add-album-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50%;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .2s;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #ff6b354d}.add-album-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b3566}@media (max-width:768px){.albums-grid{grid-template-columns:1fr;gap:16px}.create-section{margin-bottom:24px;padding:24px 16px}.create-title{font-size:20px}.create-subtitle{font-size:14px}.album-stats{gap:8px}.album-stats .stat-number{font-size:20px}.album-stats .stat-label{font-size:11px}}@media (max-width:480px){.album-card{margin:0 4px}.album-content{padding:16px}.album-title{font-size:16px}.album-actions{flex-direction:column}.album-action-btn{flex:none}.add-album-btn{width:48px;height:48px;font-size:20px;bottom:70px;right:16px}}.album-creation-studio{background:#fff;max-width:400px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 20px #0000001a}.album-creation-studio .header{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);padding:20px;position:relative}.album-creation-studio .header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.album-creation-studio .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.album-creation-studio .close-btn:hover{background:#ffffff1a}.album-creation-studio .page-title{text-align:center;flex:1;font-size:20px;font-weight:600}.album-creation-studio .save-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.album-creation-studio .save-btn:hover{background:#ffffff4d}.album-creation-studio .progress-steps{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.album-creation-studio .step{background:#ffffff4d;border-radius:0;width:12px;height:3px;transition:all .3s}.album-creation-studio .step.done{background:#fffc}.album-creation-studio .step.active{background:#fff;animation:stepBlink 1.5s infinite}.album-creation-studio .progress-text{text-align:center;color:#fffc;font-size:12px}.step-content{padding:24px;display:none}.step-content.active{display:block}.step-header{text-align:center;margin-bottom:32px}.step-icon{margin-bottom:16px;font-size:48px}.step-title{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.step-subtitle{color:#64748b;font-size:16px;line-height:1.5}.form-group{margin-bottom:24px}.form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444}.form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-textarea{resize:vertical;min-height:100px}.cover-upload{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:32px;transition:all .2s}.cover-upload:hover{background:#fff7ed;border-color:#ff6b35}.cover-upload.has-image{background:#f0fdf4;border-color:#10b981}.upload-icon{margin-bottom:12px;font-size:48px}.upload-text{color:#1e293b;margin-bottom:4px;font-size:16px;font-weight:600}.upload-subtext{color:#64748b;font-size:14px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.theme-option{text-align:center;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.theme-option:hover{border-color:#ff6b35}.theme-option.selected{background:#fff7ed;border-color:#ff6b35}.theme-name{color:#1e293b;font-size:14px;font-weight:600}.selection-counter{color:#0369a1;text-align:center;background:#f0f9ff;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:600}.memory-grid{flex-direction:column;gap:16px;display:flex}.memory-item{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.memory-item:hover{border-color:#ff6b35}.memory-item.selected{background:#fff7ed;border-color:#ff6b35}.memory-thumbnail{text-align:center;margin-bottom:12px;font-size:32px}.memory-title{color:#1e293b;margin-bottom:4px;font-size:16px;font-weight:600}.memory-date{color:#64748b;margin-bottom:12px;font-size:12px}.memory-preview{color:#64748b;font-size:12px;line-height:1.4}.preview-meaning,.preview-moment,.preview-story{margin-bottom:4px}.page-designer{flex-direction:column;gap:24px;display:flex}.page-navigation{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.nav-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.nav-btn:hover{color:#475569;background:#cbd5e1}.page-indicator{text-align:center}.page-number{color:#1e293b;font-size:16px;font-weight:600;display:block}.page-counter{color:#64748b;font-size:12px}.memory-selector{flex-direction:column;gap:8px;display:flex}.selector-label{color:#374151;font-size:14px;font-weight:600}.memory-dropdown{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.memory-dropdown:hover{border-color:#ff6b35}.layout-selector{gap:12px}.layout-options,.layout-selector{flex-direction:column;display:flex}.layout-options{gap:8px}.layout-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.layout-option:hover{border-color:#ff6b35}.layout-option.selected{background:#fff7ed;border-color:#ff6b35}.layout-icon{margin-bottom:4px;font-size:20px}.layout-name{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600}.layout-desc{color:#64748b;font-size:12px}.page-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-title{color:#1e293b;font-size:14px;font-weight:600}.preview-qr{color:#64748b;font-size:12px}.preview-content{padding:16px}.preview-photo{text-align:center;background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:20px;font-size:48px}.preview-story{flex-direction:column;gap:8px;display:flex}.story-section{gap:8px;font-size:12px;line-height:1.4;display:flex}.story-icon{flex-shrink:0}.story-text{color:#64748b}.preview-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:12px;margin-bottom:24px;padding:16px;display:flex}.notice-icon{flex-shrink:0;font-size:24px}.notice-text{color:#0369a1;font-size:14px;line-height:1.4}.album-preview-container{text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;margin-bottom:24px;padding:48px 24px}.album-preview-placeholder{flex-direction:column;align-items:center;gap:16px;display:flex}.placeholder-icon{font-size:48px}.placeholder-text{color:#64748b;font-size:16px}.preview-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.preview-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.preview-actions{justify-content:center;gap:12px;display:flex}.publishing-options{flex-direction:column;gap:24px;display:flex}.publishing-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-icon{font-size:24px}.section-subtitle{color:#64748b;font-size:14px}.digital-options,.print-options{flex-direction:column;gap:12px;display:flex}.option-checkbox{cursor:pointer;color:#374151;align-items:center;gap:12px;font-size:14px;display:flex}.option-checkbox input[type=checkbox]{accent-color:#ff6b35;width:16px;height:16px}.print-details{background:#f8fafc;border-radius:8px;gap:12px;margin-top:16px;padding:16px}.print-details,.print-option{flex-direction:column;display:flex}.print-option{gap:4px}.print-option label{color:#374151;font-size:12px;font-weight:600}.form-select{background:#fff;border:1px solid #d1d5db;padding:8px 12px}.form-select,.print-cost{border-radius:6px;font-size:14px}.print-cost{color:#0369a1;text-align:center;background:#f0f9ff;padding:12px}.recipients-section{margin-top:24px}.recipients-section .section-title{color:#1e293b;margin-bottom:16px;font-size:18px;font-weight:600}.recipients-grid{flex-direction:column;gap:12px;display:flex}.recipient-item{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.recipient-item:hover{border-color:#ff6b35}.recipient-item.selected{background:#fff7ed;border-color:#ff6b35}.recipient-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.recipient-info h4{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:600}.recipient-info p{color:#64748b;margin:0;font-size:12px}.helper-text{background:#f8fafc;border-left:4px solid #ff6b35;border-radius:0 8px 8px 0;margin-top:24px;padding:12px 16px}.helper-text p{color:#64748b;margin:0;font-size:14px;line-height:1.4}.action-buttons{background:#fff;border-top:1px solid #e5e7eb;gap:12px;width:100%;max-width:400px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 12px #0000001a}.secondary-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.secondary-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;flex:2;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}@media (max-width:480px){.album-creation-studio{max-width:100%;box-shadow:none}.album-creation-studio .header{padding:16px}.album-creation-studio .page-title{font-size:18px}.step-content{padding:16px}.step-icon{font-size:40px}.step-title{font-size:20px}.step-subtitle{font-size:14px}.theme-grid{grid-template-columns:1fr}.memory-item{padding:12px}.memory-thumbnail{font-size:28px}.page-navigation{padding:12px}.nav-btn{padding:6px 10px;font-size:11px}.page-number{font-size:14px}.page-counter{font-size:11px}.preview-photo{padding:16px;font-size:40px}.publishing-section{padding:16px}.section-title{font-size:16px}.recipient-item{padding:12px}.recipient-avatar{width:36px;height:36px;font-size:12px}.action-buttons{padding:12px 16px}.primary-btn,.secondary-btn{padding:10px 12px;font-size:13px}}.vault-header{color:#fff;background:linear-gradient(135deg,#1e293b,#334155);padding:20px;position:relative}.vault-header .header-top{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.vault-header .page-title{text-align:center;font-size:20px;font-weight:600}.vault-stats{justify-content:space-around;gap:16px;display:flex}.vault-stats .stat-item{text-align:center;flex:1}.vault-stats .stat-number{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700}.vault-stats .stat-label{color:#fffc;font-size:12px;line-height:1.2}.security-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:12px;margin:20px;padding:16px;display:flex}.security-icon{flex-shrink:0;font-size:24px}.security-text{flex:1}.security-title{color:#0369a1;margin-bottom:2px;font-size:16px;font-weight:600}.security-subtitle{color:#0284c7;font-size:14px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px;display:grid}.vault-category{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.vault-category:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.category-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 0;display:flex}.category-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.category-icon.passwords{background:linear-gradient(135deg,#fef3c7,#fde68a)}.category-icon.documents{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.category-icon.photos{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.category-icon.wills{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.category-menu{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.category-menu:hover{color:#374151;background:#f1f5f9}.category-content{padding:0 20px 20px}.category-title{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:600}.category-description{color:#64748b;margin-bottom:16px;font-size:14px;line-height:1.5}.category-stats{gap:16px;margin-bottom:16px;display:flex}.category-count,.category-security{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.category-actions{gap:8px;display:flex}.category-action-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.category-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.category-action-btn.primary{color:#fff;background:linear-gradient(135deg,#1e293b,#334155);border-color:#0000}.category-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e293b4d}.quick-actions{margin-bottom:32px}.section-title{color:#1e293b;margin-bottom:16px;padding:0 20px;font-size:18px;font-weight:600}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px;display:grid}.quick-action{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.quick-action:hover{border-color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #1e293b1a}.quick-action-icon{margin-bottom:8px;font-size:32px}.quick-action-label{color:#1e293b;font-size:14px;font-weight:500}.security-section{margin-bottom:32px}.security-options{flex-direction:column;gap:12px;padding:0 20px;display:flex}.security-option{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.security-option:hover{border-color:#1e293b}.security-option.enabled{background:#f0fdf4;border-color:#10b981}.security-option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.security-option-icon.enabled{color:#fff;background:#10b981}.security-option-icon.disabled{color:#9ca3af;background:#f3f4f6}.security-option-content{flex:1}.security-option-title{color:#1e293b;margin-bottom:2px;font-size:16px;font-weight:600}.security-option-desc{color:#64748b;font-size:14px}.security-toggle{background:#e5e7eb;border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.security-toggle.enabled{background:#10b981}.security-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px}.security-toggle.enabled:after{transform:translate(20px)}.emergency-section{margin-bottom:100px;padding:0 20px}.emergency-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.emergency-icon{font-size:24px}.emergency-title{color:#1e293b;font-size:18px;font-weight:600}.emergency-description{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.5}.emergency-contacts{flex-direction:column;gap:12px;display:flex}.emergency-contact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.contact-avatar{color:#fff;background:linear-gradient(135deg,#1e293b,#334155);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.contact-info{flex:1}.contact-name{color:#1e293b;margin-bottom:2px;font-size:16px;font-weight:600}.contact-relation{color:#64748b;font-size:14px}.add-entry-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#1e293b,#334155);border:none;border-radius:50%;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .2s;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #1e293b4d}.add-entry-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #1e293b66}@media (max-width:768px){.vault-grid{grid-template-columns:1fr;gap:16px}.quick-actions-grid{grid-template-columns:1fr;gap:8px}.vault-stats{gap:8px}.vault-stats .stat-number{font-size:20px}.vault-stats .stat-label{font-size:11px}}@media (max-width:480px){.vault-category{margin:0 4px}.category-content{padding:0 16px 16px}.category-title{font-size:16px}.category-actions{flex-direction:column}.category-action-btn{flex:none}.quick-action{padding:16px}.quick-action-icon{font-size:28px}.security-option{padding:12px}.security-option-icon{width:36px;height:36px;font-size:18px}.emergency-contact{padding:12px}.contact-avatar{width:36px;height:36px;font-size:12px}.add-entry-btn{width:48px;height:48px;font-size:20px;bottom:70px;right:16px}}.pwa-install-prompt{z-index:1000;max-width:400px;margin:0 auto;animation:slideUp .3s ease-out;position:fixed;bottom:80px;left:20px;right:20px}.install-prompt-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 8px 32px #00000026}.install-prompt-icon{flex-shrink:0;font-size:32px}.install-prompt-text{flex:1}.install-prompt-text h3{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:600}.install-prompt-text p{color:#64748b;margin:0;font-size:14px;line-height:1.4}.install-prompt-actions{align-items:center;gap:8px;display:flex}.install-prompt-dismiss{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;line-height:1;transition:all .2s}.install-prompt-dismiss:hover{color:#374151;background:#f1f5f9}.install-prompt-install{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.install-prompt-install:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}@media (max-width:480px){.pwa-install-prompt{bottom:70px;left:16px;right:16px}.install-prompt-content{padding:12px}.install-prompt-icon{font-size:28px}.install-prompt-text h3{font-size:14px}.install-prompt-text p{font-size:12px}.install-prompt-install{padding:6px 12px;font-size:13px}}:root{--background:#fff;--foreground:#171717;--scrollbox-orange:#ff6b35;--scrollbox-orange-light:#f7931e;--scrollbox-orange-dark:#e55a2b;--scrollbox-blue:#3b82f6;--scrollbox-blue-light:#60a5fa;--scrollbox-blue-dark:#1d4ed8;--color-primary:var(--scrollbox-orange);--color-primary-light:var(--scrollbox-orange-light);--color-primary-dark:var(--scrollbox-orange-dark);--color-secondary:#64748b;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-scrollbox:0 4px 20px #ff6b3526;--shadow-scrollbox-lg:0 10px 40px #ff6b3533}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--color-secondary:#94a3b8}}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}input,label{color:#1e293b}label{font-weight:700}.text-gradient-scrollbox{background:linear-gradient(135deg,var(--scrollbox-orange)0,var(--scrollbox-orange-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-scrollbox{background:linear-gradient(135deg,var(--scrollbox-orange)0,var(--scrollbox-orange-light)100%)}.shadow-scrollbox{box-shadow:var(--shadow-scrollbox)}.shadow-scrollbox-lg{box-shadow:var(--shadow-scrollbox-lg)}.btn-scrollbox{background:linear-gradient(135deg,var(--scrollbox-orange)0,var(--scrollbox-orange-light)100%);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-scrollbox:hover{box-shadow:var(--shadow-scrollbox-lg);transform:translateY(-1px)}.btn-scrollbox:active{transform:translateY(0)}.btn-scrollbox-outline{border:2px solid var(--scrollbox-orange);color:var(--scrollbox-orange);border-radius:var(--radius-lg);cursor:pointer;background:0 0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-scrollbox-outline:hover{background:var(--scrollbox-orange);color:#fff;transform:translateY(-1px)}.card-scrollbox{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fff;padding:1.5rem;transition:all .2s}.card-scrollbox:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00000026}.input-scrollbox{border-radius:var(--radius-lg);color:#1e293b;background:#fff;border:2px solid #e2e8f0;padding:.75rem 1rem;transition:all .2s}.input-scrollbox:focus{border-color:var(--scrollbox-orange);outline:none;box-shadow:0 0 0 3px #ff6b351a}@media (prefers-color-scheme:dark){.card-scrollbox,.input-scrollbox{color:#f1f5f9;background:#1e293b}.input-scrollbox{border-color:#475569}.input-scrollbox:focus{border-color:var(--scrollbox-orange)}}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}