:root{--pink-light: #FEC7D7;--pink-medium: #FB85AC;--pink: #EC4899;--pink-dark: #C41E3A;--purple-light: #D8BFD8;--purple: #A855F7;--purple-dark: #6B21A8;--lilac-light: #E879D9;--lilac: #D946EF;--blue: #006EFF;--blue-light: #E0F2FE;--green: #00C853;--red: #FF3232;--white: #FFFFFF;--gray-50: #FDF2F8;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-700: #374151;--gray-900: #1F2937;--black: #000000;--text-heading: #1E1E1E;--text-body: #374151;--text-placeholder: #9CA3AF;--text-white: #FFFFFF;--font-primary: "Inter", "Segoe UI", "Roboto", sans-serif;--font-display: "Playfair Display", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-pink-sm: 0 4px 12px rgba(236, 72, 153, .3);--shadow-pink-md: 0 8px 24px rgba(236, 72, 153, .15);--shadow-pink-lg: 0 12px 32px rgba(236, 72, 153, .2);--shadow-purple-sm: 0 2px 8px rgba(168, 85, 247, .2);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, .6, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: all .15s var(--ease-out);--transition-normal: all .3s var(--ease-out);--transition-slow: all .5s var(--ease-in-out);--transition-spring: all .3s var(--ease-out-back);--container-max: 1280px;--sidebar-width: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);color:var(--text-body);background-color:var(--white);line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}h1,.h1{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-heading)}h2,.h2{font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1.25;color:var(--text-heading)}h3,.h3{font-size:1.5rem;font-weight:600;line-height:1.35;color:var(--text-heading)}h4,.h4{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-heading)}.body-large{font-size:1.125rem;line-height:1.6}.body-small{font-size:.875rem;line-height:1.57}.caption{font-size:.75rem;font-weight:500;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;transition:var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--pink);color:var(--text-white);box-shadow:var(--shadow-pink-sm)}.btn-primary:hover{background:var(--pink-medium);box-shadow:var(--shadow-pink-md);transform:scale(1.02)}.btn-primary:active{background:var(--pink-dark);transform:scale(.98)}.btn-primary:disabled{background:var(--gray-100);color:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--purple);color:var(--text-white);box-shadow:var(--shadow-purple-sm)}.btn-secondary:hover{background:var(--purple-dark);box-shadow:0 4px 16px #a855f74d;transform:scale(1.02)}.btn-ghost{background:transparent;color:var(--pink);border:2px solid var(--pink)}.btn-ghost:hover{background:var(--pink-light);border-color:var(--pink-dark)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md);background:var(--gray-100);color:var(--pink);font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.btn-icon:hover{background:var(--gray-50);color:var(--pink-medium);transform:scale(1.05)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--gray-50);border-color:var(--pink);box-shadow:var(--shadow-pink-md);transform:translateY(-4px) scale(1.01)}.card-interactive.active{background:var(--pink-light);border:2px solid var(--pink);box-shadow:var(--shadow-pink-lg)}.content-container{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--pink-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}::selection{background:var(--pink-light);color:var(--pink-dark)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1024px){:root{--sidebar-width: 260px}.content-container{padding:var(--space-lg)}}@media(max-width:640px){html{font-size:14px}h1,.h1{font-size:2.25rem}h2,.h2{font-size:1.75rem}.content-container{padding:var(--space-md)}.btn{height:48px;padding:12px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,#fff 40%,var(--pink-light) 100%);padding:var(--space-lg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(168,85,247,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);box-shadow:0 20px 60px #00000014,0 1px 3px #0000000a;max-width:420px;width:100%;text-align:center;position:relative;overflow:hidden}.login-decoration{position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none}.login-decoration--top-left{top:-40px;left:-40px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%)}.login-decoration--bottom-right{bottom:-40px;right:-40px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%)}.login-logo{margin-bottom:var(--space-xl)}.logo-icon{display:inline-flex;margin-bottom:var(--space-md)}.logo-text{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;line-height:1.2}.logo-tagline{font-size:.875rem;color:var(--gray-400);margin-top:var(--space-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.login-subtitle{color:var(--gray-400);font-size:.95rem;line-height:1.6}.pin-label{font-size:.925rem;color:var(--text-body);margin-bottom:var(--space-lg);font-weight:500}.pin-container{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.pin-input-wrapper{position:relative;width:60px;height:60px}.pin-input{width:100%;height:100%;text-align:center;font-size:2rem;font-weight:700;color:var(--text-heading);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition-fast);caret-color:var(--pink)}.pin-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ec48991a}.pin-input-wrapper.filled .pin-input{background:var(--gray-50);border-color:var(--pink)}.pin-input-wrapper.error .pin-input{border-color:var(--red);background:#fee2e2}.pin-dot{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--pink);border-radius:50%}.error-message{color:var(--red);font-size:.875rem;font-weight:600;margin-bottom:var(--space-md)}.success-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--green);font-size:1rem;font-weight:600;padding:var(--space-md);background:#00c85314;border-radius:var(--radius-md)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--green);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700}.loading-indicator{color:var(--pink);font-size:.925rem;font-weight:600}@media(max-width:640px){.login-card{padding:var(--space-xl) var(--space-lg)}.logo-text{font-size:2rem}.pin-input-wrapper{width:52px;height:52px}.pin-input{font-size:1.5rem}}.gallery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}.gallery-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#ffffff1a;color:#fff;z-index:10;transition:var(--transition-fast)}.gallery-close:hover{background:#fff3;transform:scale(1.1)}.gallery-counter{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;z-index:10;letter-spacing:.05em}.gallery-slide-area{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;flex:1;min-height:0;position:relative;gap:var(--space-md);overflow:hidden}.gallery-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#ffffff1a;color:#fff;transition:var(--transition-fast);flex-shrink:0;z-index:10}.gallery-arrow:hover:not(.disabled){background:#fff3;transform:scale(1.1)}.gallery-arrow.disabled{opacity:.3;cursor:not-allowed}.gallery-media-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-width:100%;overflow:hidden}.gallery-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.gallery-media-content{max-width:calc(100vw - 120px);max-height:calc(100vh - 200px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md)}.gallery-info{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;color:#fff;max-width:600px;z-index:10}.gallery-info-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:var(--space-xs)}.gallery-info-desc{font-size:.875rem;opacity:.8;text-shadow:0 1px 4px rgba(0,0,0,.5)}.gallery-thumbs{display:flex;gap:var(--space-sm);padding:var(--space-md);overflow-x:auto;scrollbar-width:none;max-width:100%}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;opacity:.6;transition:var(--transition-fast)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{border-color:var(--pink);opacity:1;box-shadow:0 0 16px #ec489980}.gallery-thumb-video{width:100%;height:100%;background:var(--gray-900);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}@media(max-width:640px){.gallery-modal{padding:var(--space-xs)}.gallery-media-content{max-width:calc(100vw - 16px);max-height:calc(100vh - 140px);width:auto;height:auto}.gallery-arrow{width:36px;height:36px;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow--left{left:var(--space-xs)}.gallery-arrow--right{right:var(--space-xs)}.gallery-close{top:var(--space-xs);right:var(--space-xs)}.gallery-info{bottom:80px}.gallery-thumb{width:44px;height:44px}}.home-page{display:flex;min-height:100vh;background:var(--gray-50);max-width:100vw;overflow-x:hidden}.sidebar{width:var(--sidebar-width);min-width:0;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 16px #0000000a;flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-200);background:var(--white)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.logout-btn{width:36px;height:36px;font-size:1rem;color:var(--gray-400)}.logout-btn:hover{color:var(--red);background:#ff32320f}.sidebar-years{flex:1;overflow-y:auto;padding:var(--space-lg)}.sidebar-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:var(--space-md)}.year-list{display:flex;flex-direction:column;gap:var(--space-md)}.year-card{padding:0;overflow:hidden;border-radius:var(--radius-lg)}.year-card-cover{position:relative;height:100px;overflow:hidden;background:var(--gray-100)}.year-card-cover img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.year-card:hover .year-card-cover img{transform:scale(1.05)}.year-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);display:flex;align-items:flex-end;padding:var(--space-sm) var(--space-md)}.year-card-year{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.year-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.year-card-title{font-size:.925rem;font-weight:600;color:var(--text-heading)}.year-card-desc{font-size:.8rem;color:var(--gray-400);line-height:1.4}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-md)}.year-skeleton{height:160px}.date-skeleton{height:64px}.main-content{flex:1;min-width:0;padding:var(--space-xl);overflow-y:auto;overflow-x:hidden;min-height:100vh}.year-header{margin-bottom:var(--space-xl)}.year-header-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-heading);margin-bottom:var(--space-xs)}.year-header-year{font-size:1rem;color:var(--pink);font-weight:600}.content-split{display:grid;grid-template-columns:340px 1fr;gap:var(--space-xl);align-items:start;max-width:100%;overflow:hidden}.dates-panel{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);max-height:calc(100vh - 140px);overflow-y:auto}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:var(--space-lg)}.date-list{display:flex;flex-direction:column;gap:var(--space-sm)}.date-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--gray-200);cursor:pointer;transition:var(--transition-fast);background:var(--white)}.date-card:hover{border-color:var(--pink-medium);box-shadow:0 4px 12px #ec48991a}.date-card.active{background:var(--pink-light);border-color:var(--pink)}.date-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--gray-50);flex-shrink:0}.date-card.active .date-card-icon{background:#ec48991a}.date-card-info{flex:1;min-width:0}.date-card-title{display:block;font-size:.925rem;font-weight:600;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-card-date{display:block;font-size:.75rem;color:var(--gray-400);margin-top:2px}.date-card-count{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--gray-100);font-size:.75rem;font-weight:700;color:var(--pink);flex-shrink:0}.date-card.active .date-card-count{background:var(--pink);color:#fff}.empty-state{color:var(--gray-400);text-align:center;padding:var(--space-xl);font-size:.925rem}.media-panel{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);min-height:500px;width:100%;max-width:1280px;justify-self:start;overflow:hidden}.media-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);color:var(--pink);font-weight:600}.media-skeleton{width:100%;height:400px}.media-display{display:flex;flex-direction:column;gap:var(--space-lg)}.media-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.media-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-heading)}.media-date{font-size:.8rem;color:var(--gray-400);font-weight:500}.media-subtitle{font-size:.9rem;color:var(--purple);font-weight:600;background:#a855f714;padding:4px 12px;border-radius:var(--radius-sm)}.media-viewer{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--black);min-height:320px;height:clamp(320px,30vw,620px);max-height:60vh;display:flex;align-items:center;justify-content:center}.media-content{width:100%;height:100%;object-fit:contain}.media-fullscreen-hint{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:var(--radius-sm);opacity:0;transition:var(--transition-fast)}.media-viewer:hover .media-fullscreen-hint{opacity:1}.media-description{font-size:.925rem;line-height:1.7;color:var(--text-body);background:var(--gray-50);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:3px solid var(--pink)}.timeline{background:var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-md);position:relative}.timeline-track{display:flex;gap:var(--space-md);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--space-xs)}.timeline-track::-webkit-scrollbar{display:none}.timeline-thumb{position:relative;width:76px;height:76px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:3px solid transparent;flex-shrink:0;background:var(--gray-200);opacity:.7;transition:var(--transition-spring)}.timeline-thumb img{width:100%;height:100%;object-fit:cover}.timeline-thumb:hover{opacity:1}.timeline-thumb.active{border-color:var(--pink);opacity:1}.timeline-thumb-video{width:100%;height:100%;background:var(--gray-900);display:flex;align-items:center;justify-content:center}.timeline-thumb-index{position:absolute;bottom:4px;left:4px;background:#000000b3;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;opacity:0;transition:var(--transition-fast)}.timeline-thumb:hover .timeline-thumb-index,.timeline-thumb.active .timeline-thumb-index{opacity:1}.media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);color:var(--gray-400)}.year-preview{display:flex;flex-direction:column;gap:var(--space-lg)}.year-preview-cover{border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100);min-height:260px;max-height:62vh}.year-preview-cover img{width:100%;height:100%;max-height:62vh;object-fit:cover;display:block}.year-preview-fallback{min-height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec489924,#ec48990a)}.year-preview-fallback span{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--pink)}.year-preview-content{display:flex;flex-direction:column;gap:var(--space-sm)}.year-preview-title{font-family:var(--font-display);font-size:1.7rem;color:var(--text-heading)}.year-preview-year{font-size:.95rem;font-weight:700;color:var(--pink)}.year-preview-desc{font-size:.925rem;color:var(--text-body);line-height:1.6}.year-preview-hint{display:inline-flex;align-items:center;width:fit-content;font-size:.875rem;color:var(--gray-700);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.media-empty-icon{animation:float 3s ease-in-out infinite}.error-toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:var(--red);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-md);box-shadow:0 8px 24px #ff32324d;z-index:1000;font-weight:600;font-size:.9rem}.error-toast button{color:#fff;font-size:1.1rem;opacity:.7}.error-toast button:hover{opacity:1}@media(max-width:1024px){.content-split{grid-template-columns:280px 1fr;gap:var(--space-lg)}}@media(max-width:768px){.home-page{flex-direction:column;overflow-x:hidden}.sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--gray-200);box-shadow:0 4px 12px #0000000a}.sidebar-header{padding:var(--space-md)}.sidebar-years{max-height:none;padding:var(--space-md)}.year-list{flex-direction:row;overflow-x:auto;gap:var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs)}.year-list::-webkit-scrollbar{display:none}.year-card{min-width:160px;max-width:180px;flex-shrink:0;scroll-snap-align:start}.year-card-cover{height:80px}.year-card-body{padding:var(--space-sm)}.year-card-title{font-size:.8rem}.year-card-desc{display:none}.main-content{padding:var(--space-md);min-height:auto;overflow-x:hidden}.year-header{margin-bottom:var(--space-md)}.year-header-title{font-size:1.4rem}.content-split{grid-template-columns:1fr;gap:var(--space-md)}.dates-panel{max-height:none;padding:var(--space-md)}.section-title{font-size:.9rem;margin-bottom:var(--space-md)}.date-card{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.date-card-icon{width:32px;height:32px}.date-card-icon svg{width:16px;height:16px}.date-card-title{font-size:.85rem}.media-panel{padding:var(--space-md);min-height:300px;overflow:hidden}.media-title{font-size:1.15rem}.media-viewer{height:auto;min-height:0;max-height:none;aspect-ratio:4 / 3;border-radius:var(--radius-md)}.media-content{width:100%;height:100%;object-fit:contain}.media-description{font-size:.85rem;padding:var(--space-sm) var(--space-md)}.timeline{padding:var(--space-sm)}.timeline-thumb{width:56px;height:56px}.media-empty{padding:var(--space-xl)}.media-empty-icon svg{width:48px;height:48px}.error-toast{bottom:var(--space-md);right:var(--space-md);left:var(--space-md);font-size:.85rem;padding:var(--space-sm) var(--space-md)}}@media(max-width:420px){.sidebar-logo-text{font-size:1rem}.year-card{min-width:140px;max-width:160px}.year-card-cover{height:64px}.year-card-year{font-size:1.25rem}.main-content{padding:var(--space-sm)}.year-header-title{font-size:1.2rem}.media-title{font-size:1rem}.media-viewer{height:auto;min-height:0;max-height:none;aspect-ratio:3 / 2}.media-content{width:100%;height:100%;object-fit:contain}.timeline-thumb{width:48px;height:48px}.date-card-count{width:24px;height:24px;font-size:.65rem}}