*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lora,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0e5d8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0e5d8}::-webkit-scrollbar-thumb{background:#c4a882;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a08968}:root{--cream: #f0e5d8;--cream-dark: #e3d6c8;--gold: #8b7d3c;--gold-light: #a09050;--olive: #5e5535;--rose: #c4766e;--rose-light: #d4968f;--burgundy: #3d2c2e;--warm-white: #faf6f1;--taupe: #c4a882;--sage: #6e8b74;--glass: rgba(255, 255, 255, .18);--glass-border: rgba(255, 255, 255, .25);--shadow-soft: 0 8px 32px rgba(61, 44, 46, .08);--shadow-medium: 0 12px 40px rgba(61, 44, 46, .12);--shadow-strong: 0 20px 60px rgba(61, 44, 46, .15);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--kuru-green: #4a7c59;--russ-silver: #8a8a8f}.color-k{color:var(--kuru-green);text-shadow:0 0 20px rgba(74,124,89,.15)}.color-r{color:var(--russ-silver);text-shadow:0 0 20px rgba(138,138,143,.2)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede1d4,#e3d4c4,#ecddd0 60%,#ede1d4);position:relative;overflow:hidden}.login-ambient-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.glow-1{width:400px;height:400px;background:radial-gradient(circle,#c4766e33,transparent);top:-100px;right:-100px;animation:glowDrift 8s ease-in-out infinite alternate}.glow-2{width:350px;height:350px;background:radial-gradient(circle,#8b7d3c22,transparent);bottom:-80px;left:-80px;animation:glowDrift 10s ease-in-out infinite alternate-reverse}.glow-3{width:300px;height:300px;background:radial-gradient(circle,#6e8b7422,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 6s ease-in-out infinite}@keyframes glowDrift{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}@keyframes glowPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}.login-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:3rem 2.5rem;width:420px;max-width:90vw;text-align:center;box-shadow:var(--shadow-strong);position:relative;animation:cardEntry .8s ease-out}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-hearts{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.login-heart{font-size:1.4rem;color:var(--rose);animation:floatHeart 3s ease-in-out infinite}.login-heart.h1{animation-delay:0s}.login-heart.h2{animation-delay:.4s}.login-heart.h3{animation-delay:.8s}.login-heart.h4{animation-delay:1.2s}@keyframes floatHeart{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:400;color:var(--burgundy);margin-bottom:.3rem;letter-spacing:3px}.login-title .color-k{font-style:italic}.login-title .color-k,.login-title .color-r{transition:text-shadow .6s ease}.login-card:hover .login-title .color-k{text-shadow:0 0 18px rgba(74,124,89,.4)}.login-card:hover .login-title .color-r{text-shadow:0 0 18px rgba(138,138,143,.45)}.login-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold);margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:.8rem;align-items:center}.login-input{width:100%;padding:14px 20px;border:1.5px solid rgba(139,125,60,.2);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:1rem;color:var(--burgundy);text-align:center;outline:none;transition:all .3s ease}.login-input::placeholder{color:var(--taupe);font-style:italic}.login-input:focus{border-color:var(--gold);background:#ffffffb3;box-shadow:0 0 0 3px #8b7d3c1a}.login-input.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-btn{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--warm-white);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b7d3c4d}.login-btn:active{transform:translateY(0)}.login-error{color:var(--rose);font-size:.85rem;font-style:italic;animation:shake .4s ease}.login-footer{font-family:Caveat,cursive;font-size:1rem;color:var(--taupe);margin-top:1.5rem}.login-ghibli{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid var(--glass-border);box-shadow:0 8px 24px #3d2c2e26;margin-bottom:1rem;pointer-events:none;-webkit-user-select:none;user-select:none}.main-app{min-height:100vh;background:var(--cream);padding-bottom:80px;position:relative}.main-app:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:1}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#f0e5d8d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(196,168,130,.2)}.app-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:var(--burgundy);cursor:pointer;transition:all .4s ease;letter-spacing:3px;position:relative}.app-logo .color-k{font-style:italic}.app-logo:hover{letter-spacing:5px}.app-logo:hover .color-k{text-shadow:0 0 12px rgba(74,124,89,.35)}.app-logo:hover .color-r{text-shadow:0 0 12px rgba(138,138,143,.4)}.app-header-right{display:flex;align-items:center;gap:1rem}.app-user-badge{font-family:Caveat,cursive;font-size:1rem;color:var(--gold)}.app-logout-btn{padding:6px 16px;border:1.5px solid var(--rose);border-radius:20px;background:transparent;color:var(--rose);font-family:Lora,serif;font-size:.8rem;cursor:pointer;transition:all .3s}.app-logout-btn:hover{background:var(--rose);color:#fff}.app-content{padding-top:60px}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f0e5d8e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(196,168,130,.25);padding:.4rem .5rem .6rem}.navbar-inner{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border:none;background:transparent;color:var(--taupe);cursor:pointer;transition:all .3s;border-radius:12px;position:relative}.nav-item.active{color:var(--gold)}.nav-item.active:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--gold);border-radius:2px}.nav-item:hover{color:var(--gold)}.nav-icon{font-size:1.2rem;line-height:1}.nav-label{font-family:Lora,serif;font-size:.6rem;text-transform:lowercase;letter-spacing:.5px}.home-page{padding:2rem}.home-hero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.home-title{font-family:Playfair Display,serif;font-size:4rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem;letter-spacing:4px;animation:fadeUp .8s ease-out}.home-title .color-k{font-style:italic}.home-subtitle{font-family:Caveat,cursive;font-size:1.6rem;color:var(--rose);margin-bottom:.5rem;animation:fadeUp .8s ease-out .2s backwards}.home-welcome{font-family:Lora,serif;font-size:1rem;color:var(--taupe);font-style:italic;animation:fadeUp .8s ease-out .4s backwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-gallery{max-width:900px;margin:0 auto 4rem}.home-gallery-title{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.home-gallery-title h2{font-family:Caveat,cursive;font-size:1.4rem;color:var(--gold);white-space:nowrap}.gallery-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--taupe),transparent)}.home-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:200px 280px;gap:1rem}.home-photo-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:all .4s ease;cursor:pointer}.home-photo-card:hover{transform:translateY(-4px) rotate(.5deg);box-shadow:var(--shadow-medium)}.home-photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.home-photo-card:hover img{transform:scale(1.05)}.home-photo-card.card-1{grid-column:1 / 3;grid-row:1}.home-photo-card.card-2{grid-column:3;grid-row:1}.home-photo-card.card-3{grid-column:1;grid-row:2}.home-photo-card.card-4{grid-column:2;grid-row:2}.home-photo-card.card-5{grid-column:3;grid-row:2}.timeline-page{padding:2rem;max-width:1000px;margin:0 auto}.timeline-header{text-align:center;padding:3rem 0}.timeline-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.timeline-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.timeline-container{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--taupe),var(--rose),var(--taupe),transparent);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:4rem;position:relative;animation:fadeUp .6s ease-out backwards}.timeline-item.left{justify-content:flex-start;padding-right:52%}.timeline-item.right{justify-content:flex-end;padding-left:52%}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--rose);border:3px solid var(--cream);border-radius:50%;z-index:2;box-shadow:0 0 0 3px var(--rose-light)}.timeline-card{width:100%}.timeline-polaroid{background:#fff;padding:12px 12px 0;border-radius:4px;box-shadow:var(--shadow-medium);transition:all .4s ease;cursor:pointer}.timeline-polaroid:hover{transform:rotate(-1deg) scale(1.02);box-shadow:var(--shadow-strong)}.timeline-polaroid img{width:100%;height:300px;object-fit:cover;border-radius:2px}.timeline-polaroid-caption{padding:12px 4px 14px;display:flex;justify-content:space-between;align-items:baseline}.timeline-caption-text{font-family:Caveat,cursive;font-size:1.2rem;color:var(--burgundy)}.timeline-caption-date{font-family:Lora,serif;font-size:.75rem;color:var(--taupe);font-style:italic}.dot-spicy{background:var(--rose)!important;box-shadow:0 0 0 3px #c4766e66!important}.polaroid-locked{min-height:300px;display:flex;flex-direction:column}.locked-overlay{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;background:linear-gradient(135deg,#2a1f20,#3d2c2e);border-radius:2px;min-height:260px}.locked-icon{font-size:2.5rem;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.locked-text{font-family:Caveat,cursive;font-size:1.2rem;color:#ffffffb3}.locked-btn{padding:8px 24px;border:1.5px solid var(--rose);border-radius:20px;background:transparent;color:var(--rose-light);font-family:Lora,serif;font-size:.85rem;cursor:pointer;transition:all .3s}.locked-btn:hover{background:var(--rose);color:#fff}.locked-form{display:flex;flex-direction:column;align-items:center;gap:.4rem}.locked-input{width:160px;padding:8px 14px;border:1.5px solid rgba(196,118,110,.5);border-radius:8px;background:#ffffff14;font-family:Lora,serif;font-size:.9rem;color:#fff;text-align:center;outline:none;transition:all .3s}.locked-input::placeholder{color:#ffffff4d}.locked-input:focus{border-color:var(--rose)}.locked-input.shake{animation:shake .4s ease}.locked-error{font-family:Caveat,cursive;font-size:.9rem;color:var(--rose)}.aboutus-page{padding:2rem;max-width:800px;margin:0 auto}.aboutus-header{text-align:center;padding:3rem 0 2rem}.aboutus-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.aboutus-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.aboutus-tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.aboutus-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:25px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--olive);font-family:Lora,serif;font-size:.85rem;cursor:pointer;transition:all .3s}.aboutus-tab.active{background:var(--burgundy);color:var(--warm-white);border-color:var(--burgundy)}.aboutus-tab:hover:not(.active){border-color:var(--gold)}.aboutus-tab-emoji{font-size:1rem}.aboutus-tab-label{text-transform:lowercase}.aboutus-content{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-soft)}.aboutus-section-header h2{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;color:var(--burgundy);margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(196,168,130,.3)}.aboutus-empty{font-family:Caveat,cursive;font-size:1.2rem;color:var(--taupe);text-align:center;padding:2rem}.aboutus-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.aboutus-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff6;border-radius:var(--radius-sm);transition:all .3s}.aboutus-item:hover{background:#fff9;transform:translate(4px)}.aboutus-item-content{flex:1}.aboutus-item-text{font-family:Lora,serif;font-size:1rem;color:var(--burgundy)}.aboutus-item-by{font-family:Caveat,cursive;font-size:.85rem;color:var(--taupe)}.aboutus-item-remove{background:none;border:none;color:var(--rose);font-size:1.3rem;cursor:pointer;opacity:0;transition:opacity .3s;padding:0 6px}.aboutus-item:hover .aboutus-item-remove{opacity:1}.aboutus-add-form{display:flex;gap:.5rem}.aboutus-add-input{flex:1;padding:12px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;transition:all .3s}.aboutus-add-input::placeholder{color:var(--taupe);font-style:italic}.aboutus-add-input:focus{border-color:var(--gold);background:#ffffffb3}.aboutus-add-btn{width:46px;height:46px;border:none;border-radius:var(--radius-sm);background:var(--gold);color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.aboutus-add-btn:hover{background:var(--gold-light);transform:scale(1.05)}.movies-page{padding:2rem;max-width:900px;margin:0 auto}.movies-header{text-align:center;padding:3rem 0 2rem}.movies-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.movies-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.movies-split{display:flex;gap:2rem;align-items:flex-start}.movies-column{flex:1;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-soft)}.movies-column-header{margin-bottom:1.5rem}.movies-column-header h2{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.movies-film-strip{height:4px;background:repeating-linear-gradient(90deg,var(--burgundy) 0px,var(--burgundy) 8px,transparent 8px,transparent 12px);border-radius:2px;opacity:.3}.movies-divider{display:flex;align-items:center;justify-content:center;padding-top:3rem}.movies-vs{font-family:Caveat,cursive;font-size:1.5rem;color:var(--rose);font-style:italic}.movies-list{display:flex;flex-direction:column;gap:.5rem}.movies-empty{font-family:Caveat,cursive;font-size:1.1rem;color:var(--taupe);text-align:center;padding:1.5rem}.movie-card{display:flex;align-items:center;gap:1rem;padding:10px 14px;background:#ffffff4d;border-radius:var(--radius-sm);transition:all .3s;position:relative}.movie-card:hover{background:#ffffff80;transform:translate(4px)}.movie-poster-placeholder{width:42px;height:58px;border-radius:6px;background:linear-gradient(135deg,var(--burgundy),var(--olive));display:flex;align-items:center;justify-content:center;flex-shrink:0}.movie-poster-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:6px}.movie-poster-num{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;color:var(--warm-white)}.movie-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.movie-card-title{font-family:Lora,serif;font-size:.95rem;color:var(--burgundy)}.movie-card-year{font-family:Caveat,cursive;font-size:.85rem;color:var(--taupe)}.movie-card-remove{background:none;border:none;color:var(--rose);font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity .3s}.movie-card:hover .movie-card-remove{opacity:1}.movies-add-form{display:flex;gap:.5rem;margin-top:2rem;max-width:500px;margin-left:auto;margin-right:auto}.movies-add-input{flex:1;padding:12px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;transition:all .3s}.movies-add-input::placeholder{color:var(--taupe);font-style:italic}.movies-add-input:focus{border-color:var(--gold)}.movies-add-btn{width:46px;height:46px;border:none;border-radius:var(--radius-sm);background:var(--gold);color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s}.movies-add-btn:hover{background:var(--gold-light);transform:scale(1.05)}.stats-page{padding:2rem;max-width:800px;margin:0 auto}.stats-header{text-align:center;padding:3rem 0 2rem}.stats-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.stats-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold);margin-bottom:1rem}.stats-edit-btn{padding:6px 20px;border:1.5px solid var(--gold);border-radius:20px;background:transparent;color:var(--gold);font-family:Lora,serif;font-size:.85rem;cursor:pointer;transition:all .3s}.stats-edit-btn:hover{background:var(--gold);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;box-shadow:var(--shadow-soft);transition:all .4s ease;animation:fadeUp .5s ease-out backwards}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.stat-big{grid-column:span 2}.stat-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.stat-value{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:var(--burgundy);display:block;margin-bottom:.3rem}.stat-big .stat-value{font-size:3rem;color:var(--rose)}.stat-label{font-family:Caveat,cursive;font-size:1rem;color:var(--taupe)}.stat-edit-input{width:80px;padding:6px 10px;border:1.5px solid var(--gold);border-radius:8px;background:#ffffff80;font-family:Playfair Display,serif;font-size:1.5rem;color:var(--burgundy);text-align:center;outline:none}.stat-date-input{padding:8px 14px;border:1.5px solid var(--gold);border-radius:8px;background:#ffffff80;font-family:Lora,serif;font-size:1rem;color:var(--burgundy);outline:none}.stats-nicknames{text-align:center;padding:2rem;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:1rem}.stats-nicknames h3{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:400;color:var(--burgundy);margin-bottom:.8rem}.stat-nicknames-input{width:100%;padding:10px 14px;border:1.5px solid var(--gold);border-radius:8px;background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;text-align:center}.nickname-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.nickname-tag{padding:6px 16px;background:#4a7c591f;border:1px solid rgba(74,124,89,.25);border-radius:20px;font-family:Caveat,cursive;font-size:1.05rem;color:var(--burgundy)}.stats-milestone{text-align:center;padding:2rem;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.stats-milestone h3{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.stats-milestone-date{font-family:Caveat,cursive;font-size:1.5rem;color:var(--rose)}.mixtape-page{padding:2rem;max-width:700px;margin:0 auto}.mixtape-header{text-align:center;padding:3rem 0 1rem}.mixtape-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.mixtape-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.cassette-container{display:flex;justify-content:center;padding:2rem 0}.cassette{width:320px;background:linear-gradient(180deg,#4a3f35,#3d2c2e,#2a1f20);border-radius:12px;padding:20px;box-shadow:var(--shadow-strong),inset 0 1px #ffffff1a;position:relative}.cassette:before{content:"";position:absolute;top:6px;left:12px;right:12px;height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 4px,transparent 4px,transparent 8px);border-radius:2px}.cassette-top{display:flex;justify-content:center;margin-bottom:16px}.cassette-label{background:linear-gradient(135deg,#f5ebe0,#e8ddd0);border-radius:6px;padding:10px 24px;text-align:center;width:200px}.cassette-label-title{font-family:Playfair Display,serif;font-size:.85rem;font-weight:600;color:var(--burgundy);letter-spacing:2px}.cassette-label-sub{font-family:Caveat,cursive;font-size:.75rem;color:var(--taupe)}.cassette-reels{display:flex;justify-content:space-around;align-items:center;padding:8px 0}.cassette-reel{width:60px;height:60px;border-radius:50%;background:#0006;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;animation:reelSpin 4s linear infinite}@keyframes reelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-inner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.15);background:#0000004d}.mixtape-spotify{margin:1.5rem 0;text-align:center}.mixtape-spotify iframe{max-width:100%;border-radius:12px}.spotify-note{font-family:Caveat,cursive;font-size:.95rem;color:var(--taupe);margin-top:.5rem;font-style:italic}.mixtape-tracklist{margin:1rem 0 2rem}.mixtape-empty{font-family:Caveat,cursive;font-size:1.2rem;color:var(--taupe);text-align:center;padding:2rem}.mixtape-track{display:flex;align-items:center;gap:1rem;padding:12px 16px;border-bottom:1px solid rgba(196,168,130,.15);transition:all .3s}.mixtape-track:hover{background:#ffffff4d;border-radius:var(--radius-sm)}.track-number{font-family:Playfair Display,serif;font-size:.85rem;color:var(--taupe);min-width:26px}.track-info{flex:1;display:flex;flex-direction:column;gap:2px}.track-title{font-family:Lora,serif;font-size:1rem;color:var(--burgundy)}.track-artist{font-family:Caveat,cursive;font-size:.9rem;color:var(--taupe)}.track-added{font-family:Caveat,cursive;font-size:.8rem;color:var(--rose-light);white-space:nowrap}.track-remove{background:none;border:none;color:var(--rose);font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity .3s}.mixtape-track:hover .track-remove{opacity:1}.mixtape-add-form{display:flex;gap:.5rem;flex-wrap:wrap}.mixtape-add-input{flex:1;min-width:140px;padding:12px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;transition:all .3s}.mixtape-add-input::placeholder{color:var(--taupe);font-style:italic}.mixtape-add-input:focus{border-color:var(--gold)}.title-input{flex:2}.artist-input{flex:1.5}.mixtape-add-btn{width:46px;height:46px;border:none;border-radius:var(--radius-sm);background:var(--gold);color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s}.mixtape-add-btn:hover{background:var(--gold-light);transform:scale(1.05)}.vision-page{padding:2rem;max-width:1000px;margin:0 auto}.vision-header{text-align:center;padding:3rem 0 1rem}.vision-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.vision-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.vision-toggle{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.vision-toggle-btn{padding:10px 24px;border:1.5px solid rgba(196,168,130,.3);border-radius:25px;background:transparent;color:var(--olive);font-family:Lora,serif;font-size:.9rem;cursor:pointer;transition:all .3s}.vision-toggle-btn.active{background:var(--burgundy);color:var(--warm-white);border-color:var(--burgundy)}.vision-toggle-btn:hover:not(.active){border-color:var(--gold)}.vision-controls{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-soft)}.vision-color-picker{display:flex;gap:8px;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.vision-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s}.vision-color-btn.selected{transform:scale(1.2);box-shadow:0 2px 8px #00000026}.vision-color-btn:hover{transform:scale(1.15)}.vision-add-form{display:flex;flex-direction:column;gap:.8rem}.vision-add-textarea{width:100%;padding:12px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;resize:vertical;transition:all .3s}.vision-add-textarea::placeholder{color:var(--taupe);font-style:italic}.vision-add-textarea:focus{border-color:var(--gold)}.vision-add-actions{display:flex;gap:.5rem}.vision-add-btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:Lora,serif;font-size:.9rem;cursor:pointer;transition:all .3s}.vision-add-btn.text-btn{background:var(--gold);color:#fff}.vision-add-btn.text-btn:hover{background:var(--gold-light)}.vision-add-btn.image-btn{background:var(--rose);color:#fff}.vision-add-btn.image-btn:hover{background:var(--rose-light)}.vision-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem 0}.vision-empty{grid-column:1 / -1;text-align:center;font-family:Caveat,cursive;font-size:1.3rem;color:var(--taupe);padding:3rem}.vision-card{border-radius:var(--radius);border:1.5px solid;padding:1.2rem;position:relative;box-shadow:var(--shadow-soft);transition:all .3s ease;min-height:120px}.vision-card:hover{box-shadow:var(--shadow-medium);z-index:2}.vision-card-pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#e0e0e0,#999);border-radius:50%;box-shadow:0 2px 4px #0003}.vision-card-text{font-family:Caveat,cursive;font-size:1.15rem;color:#3d3d3d;line-height:1.5;word-wrap:break-word}.vision-card.image{padding:8px}.vision-card-image{width:100%;border-radius:8px;object-fit:cover;max-height:250px}.vision-card-remove{position:absolute;top:4px;right:8px;background:none;border:none;color:#0000004d;font-size:1.2rem;cursor:pointer;opacity:0;transition:all .3s}.vision-card:hover .vision-card-remove{opacity:1}.vision-card-remove:hover{color:var(--rose)}.todo-page{padding:2rem;max-width:700px;margin:0 auto}.todo-header{text-align:center;padding:3rem 0 2rem}.todo-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:400;color:var(--burgundy);margin-bottom:.5rem}.todo-subtitle{font-family:Caveat,cursive;font-size:1.3rem;color:var(--gold)}.todo-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.todo-item{display:flex;align-items:center;gap:.8rem;padding:14px 18px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);transition:all .3s}.todo-item:hover{transform:translate(4px);box-shadow:var(--shadow-medium)}.todo-item.done{opacity:.55}.todo-item.done .todo-text{text-decoration:line-through;color:var(--taupe)}.todo-number{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;color:var(--gold);min-width:24px}.todo-checkbox{width:24px;height:24px;border:2px solid var(--gold);border-radius:6px;background:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--kuru-green);transition:all .3s;flex-shrink:0}.todo-item.done .todo-checkbox{background:var(--kuru-green);border-color:var(--kuru-green);color:#fff}.todo-checkbox:hover{border-color:var(--kuru-green)}.todo-text{font-family:Lora,serif;font-size:1rem;color:var(--burgundy);flex:1}.todo-remove{background:none;border:none;color:var(--rose);font-size:1.3rem;cursor:pointer;opacity:0;transition:opacity .3s}.todo-item:hover .todo-remove{opacity:1}.todo-add-form{display:flex;gap:.5rem}.todo-add-input{flex:1;padding:12px 16px;border:1.5px solid rgba(196,168,130,.3);border-radius:var(--radius-sm);background:#ffffff80;font-family:Lora,serif;font-size:.95rem;color:var(--burgundy);outline:none;transition:all .3s}.todo-add-input::placeholder{color:var(--taupe);font-style:italic}.todo-add-input:focus{border-color:var(--gold);background:#ffffffb3}.todo-add-btn{width:46px;height:46px;border:none;border-radius:var(--radius-sm);background:var(--gold);color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s}.todo-add-btn:hover{background:var(--gold-light);transform:scale(1.05)}@media(max-width:768px){.home-title{font-size:2.8rem}.home-subtitle{font-size:1.3rem}.home-hero{min-height:35vh;padding:3rem 1.5rem}.home-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px}.home-photo-card.card-1{grid-column:1 / 3;grid-row:1}.home-photo-card.card-2,.home-photo-card.card-3,.home-photo-card.card-4,.home-photo-card.card-5{grid-column:auto;grid-row:auto}.timeline-page{padding:1rem}.timeline-header{padding:2rem 0}.timeline-line{left:20px}.timeline-item{margin-bottom:2.5rem}.timeline-item.left,.timeline-item.right{padding-left:50px;padding-right:0;justify-content:flex-start}.timeline-dot{left:20px;transform:translate(-50%)}.timeline-polaroid img{height:220px}.timeline-title,.aboutus-title,.movies-title,.stats-title,.mixtape-title,.vision-title,.todo-title{font-size:2.2rem}.movies-split{flex-direction:column}.movies-divider{padding:1rem 0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-big{grid-column:span 2}.vision-board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.cassette{width:260px}.login-title{font-size:2.2rem}.login-ghibli{width:110px;height:110px}.navbar{padding:.3rem 0 .5rem}.navbar-inner{overflow-x:auto;justify-content:flex-start;gap:2px;padding:0 .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navbar-inner::-webkit-scrollbar{display:none}.nav-item{min-width:48px;padding:4px 6px}.nav-label{font-size:.5rem}.nav-icon{font-size:1rem}.aboutus-page{padding:1rem}.aboutus-content{padding:1.2rem}.aboutus-item{padding:10px 12px}.movies-page{padding:1rem}.movie-poster-placeholder{width:36px;height:50px}.stats-page{padding:1rem}.stat-card{padding:1rem .8rem}.stat-value{font-size:1.6rem}.stat-big .stat-value{font-size:2.2rem}.mixtape-page{padding:1rem}.mixtape-track{gap:.6rem;padding:10px 12px}.track-added{display:none}.vision-page,.vision-controls,.todo-page{padding:1rem}.todo-item{padding:12px 14px}.locked-overlay{min-height:220px;padding:1.5rem}}@media(max-width:480px){.home-title{font-size:2.2rem;letter-spacing:2px}.home-page{padding:1rem}.home-gallery{margin-bottom:2rem}.home-photo-grid{grid-template-rows:160px 160px 160px;gap:.6rem}.app-user-badge{display:none}.app-header{padding:.6rem 1rem}.aboutus-tabs{gap:.3rem}.aboutus-tab{padding:6px 10px;font-size:.75rem}.aboutus-tab-emoji{font-size:.85rem}.aboutus-section-header h2{font-size:1.2rem}.mixtape-add-form{flex-direction:column}.mixtape-add-btn{width:100%}.movies-add-form{flex-direction:column}.movies-add-btn{width:100%}.todo-add-form{flex-direction:column}.todo-add-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:.6rem}.stats-milestone,.stats-nicknames{padding:1.2rem}.vision-toggle-btn{padding:8px 16px;font-size:.8rem}.login-card{padding:2rem 1.5rem}.login-ghibli{width:100px;height:100px}.cassette{width:240px;padding:14px}.timeline-polaroid img{height:180px}.locked-overlay{min-height:180px}}