*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Inter,Nunito,Arial,sans-serif}.top-controls{position:fixed;top:20px;right:20px;z-index:100;opacity:0;filter:alpha(opacity=0);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.top-controls.visible{opacity:1;filter:alpha(opacity=100);transform:translateY(0);pointer-events:auto}.control-btn{padding:10px 15px;background:#ca8a04;color:#fff8f0f2;border:none;border-radius:12px;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;box-shadow:0 4px 16px #0000001a}.control-btn:hover{background:#eab308;box-shadow:0 6px 20px #00000026}#toggle-icon{font-size:16px;display:inline-block}html,body{height:100%;margin:0;padding:0;background:#1a1a0f}.app{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;padding:0}.container{display:inline-block;vertical-align:middle;width:100%;max-width:480px;padding:20px}.app-title{font-family:Nunito,Arial,sans-serif;font-size:35px;font-weight:300;color:#fff8f0f2;margin:0 0 40px}.title-text{font-weight:400}.calculator-section{margin-bottom:30px;overflow:hidden}.calculator-section.collapsed{max-height:0;margin-bottom:0;opacity:0;filter:alpha(opacity=0)}.calculator-section:not(.collapsed){max-height:1000px;opacity:1;filter:alpha(opacity=100)}.calculator-card{background:#ffffff2e;border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.input-normal{padding:18px 24px;font-family:Inter,Arial,sans-serif;font-size:18px;background:#ffffff14;border:none;border-radius:16px;color:#fff8f0f2;font-weight:400}.input-section,.date-section{margin-bottom:30px}.input-label{display:block;font-family:Nunito,Arial,sans-serif;font-size:18px;color:#fff8f0f2;margin-bottom:15px;font-weight:600;text-align:left}.memory-input{width:100%;text-align:center}.date-input{text-align:center}.date-year{width:160px}.date-month,.date-day{width:100px}.memory-input:focus,.date-input:focus{outline:none;background:#ffffff26}.memory-input::-webkit-input-placeholder,.date-input::-webkit-input-placeholder{color:#fff8f099;font-weight:300}.memory-input::-moz-placeholder,.date-input::-moz-placeholder{color:#fff8f099;font-weight:300}.memory-input:-ms-input-placeholder,.date-input:-ms-input-placeholder{color:#fff8f099;font-weight:300}.calculate-btn{width:100%;padding:22px;font-family:Nunito,Arial,sans-serif;font-size:18px;font-weight:700;background:#ca8a04;color:#fff;border:none;border-radius:18px;cursor:pointer;margin-top:20px;position:relative;overflow:hidden;text-align:center}.calculate-btn:hover{background:#eab308}.btn-icon{font-size:20px;margin-right:10px;vertical-align:middle}.calculate-btn span{vertical-align:middle}.result-section{padding:30px 0;background:#ffffff14;border-radius:20px;margin-top:15px}.result-title{font-family:Nunito,Arial,sans-serif;font-size:18px;color:#fff8f0cc;margin-bottom:15px;font-weight:600}.result-days{text-align:center;margin-bottom:15px}.days-number{font-family:Inter,Arial,sans-serif;font-size:56px;font-weight:800;color:#eab308;line-height:1;vertical-align:baseline}.days-unit{font-family:Nunito,Arial,sans-serif;font-size:20px;color:#fff8f0cc;font-weight:600;margin-left:8px}.result-subtitle{font-family:Inter,Arial,sans-serif;font-size:15px;color:#fff8f099;font-weight:400}.memories-list{background:#ffffff2e;border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000004d}.memories-container{max-height:400px;overflow-y:auto}.memory-item{padding:15px;margin-bottom:12px;background:#ffffff14;border-radius:12px;font-size:14px;position:relative;overflow:hidden}.memory-item:last-child{margin-bottom:0}.memory-item:hover{background:#ffffff26}.memory-title{font-family:Nunito,sans-serif;color:#fff8f0f2;font-weight:600;float:left;max-width:70%}.memory-days{font-family:Inter,sans-serif;color:#eab308;font-weight:700;font-size:13px;float:right}.memory-item:after{content:"";display:table;clear:both}.toast-container{position:fixed;top:80px;right:20px;z-index:1000}.toast{background:#ffffff2e;color:#fff8f0f2;padding:15px 24px;border-radius:12px;margin-bottom:8px;max-width:300px;font-family:Inter,Arial,sans-serif;font-weight:500;box-shadow:0 8px 32px #0000004d}.toast-success{background:#4caf50e6}.toast-error{background:#f44336e6}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:9999;text-align:center;padding-top:45%}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #eab308;border-radius:50%;display:inline-block;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-o-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}@media (max-width: 520px){.container{padding:15px}.top-controls{top:15px;right:15px}.control-btn{padding:8px 12px;font-size:12px}.calculator-card{padding:30px 24px}.memories-list{padding:24px}.app-title{font-size:29px;margin-bottom:30px}.days-number{font-size:45px}.toast-container{top:60px;right:15px;left:15px}}@media (max-width: 380px){.calculator-card{padding:24px 15px}.memories-list{padding:15px}.memory-input,.date-input,.calculate-btn{padding:15px;font-size:16px}.days-number{font-size:35px}.app-title{font-size:25px}}.top-controls[data-login=false] #logout-btn,.top-controls[data-login=true] #login-btn{display:none}.date-inputs{display:flex;gap:8px}.date-input::-webkit-outer-spin-button,.date-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}