*{margin:0;padding:0}body{color:#fff;background-color:#18121e;width:100%;margin:0;padding:0;font-family:Playfair Display,Georgia,serif}.content{min-height:100vh;padding-bottom:90px}.page{color:#fff;justify-content:center;align-items:center;height:calc(100vh - 90px);font-size:2rem;font-weight:600;display:flex}.golovna{max-width:680px;margin:0 auto;padding-bottom:100px}.golovna-hero{width:100%;height:80vh;min-height:420px;position:relative;overflow:hidden}.golovna-photo{object-fit:cover;object-position:center 20%;filter:grayscale(30%)brightness(.75);width:100%;height:100%;display:block}.golovna-overlay{background:linear-gradient(#0000 50%,#18121ebf 80%,#18121e 100%);position:absolute;inset:0}.golovna-hero-text{position:absolute;bottom:12px;left:20px;right:20px}.golovna-name{color:#fff;letter-spacing:.01em;margin:0 0 6px;font-size:1.7rem;font-weight:700;line-height:1.2}.golovna-subtitle{color:#ffffffa6;margin:0 0 10px;font-size:.85rem;line-height:1.4}.golovna-date{color:#ffffff80;letter-spacing:.05em;margin:0;font-size:.9rem}.golovna-bio{flex-direction:column;gap:16px;padding:24px 20px 0;display:flex}.golovna-bio p{color:#ffffffc7;margin:0;font-size:.95rem;line-height:1.75}.menu-button{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#1e142899;border:1px solid #ffffff1f;border-radius:24px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:480px;padding:8px 12px;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.menu-button button{cursor:pointer;color:#ffffff73;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 12px;transition:color .2s,background .2s;display:flex}.menu-button button:hover{color:#ffffffb3;background:#ffffff0f}.menu-button button.active{color:#fff}.interview{max-width:680px;margin:0 auto;padding:32px 20px 100px}.interview-title{color:#ffffffd9;letter-spacing:.02em;margin-bottom:48px;font-size:2.2rem;font-weight:500}.interview-list{flex-direction:column;gap:32px;display:flex}.interview-item{border-bottom:1px solid #ffffff14;flex-direction:column;gap:10px;padding-bottom:32px;display:flex}.interview-item:last-child{border-bottom:none}.interview-label{color:#ffffffd9;margin:0;font-size:1rem;font-style:normal;line-height:1.4}.interview-video{background:#000;border-radius:12px;outline:none;width:100%}.memory-page{max-width:680px;margin:0 auto;padding:32px 20px 100px}.memory-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.memory-title{color:#ffffffd9;letter-spacing:.02em;margin:0;font-size:2.2rem;font-weight:500}.memory-add-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.85rem;transition:background .2s,color .2s}.memory-add-btn:hover{color:#fff;background:#ffffff24}.memory-empty{text-align:center;color:#ffffff59;padding:60px 0;font-size:1rem}.memory-empty-sub{color:#fff3;margin-top:8px;font-size:.85rem}.memory-list{flex-direction:column;gap:24px;display:flex}.memory-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.memory-card-photo{object-fit:cover;width:100%;max-height:300px;display:block}.memory-card-body{padding:16px 20px}.memory-card-text{color:#ffffffc7;white-space:pre-wrap;margin:0 0 14px;font-size:.95rem;line-height:1.7}.memory-card-footer{justify-content:space-between;align-items:center;display:flex}.memory-card-name{color:#ffffff80;font-size:.85rem;font-style:italic}.memory-card-date{color:#ffffff4d;font-size:.8rem}.memory-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.memory-modal{background:#1e1528;border:1px solid #ffffff1a;border-radius:24px 24px 16px 16px;width:100%;max-width:600px;padding:28px 24px 32px}.memory-modal-title{color:#ffffffd9;margin:0 0 24px;font-size:1.3rem;font-weight:500}.memory-form{flex-direction:column;gap:12px;display:flex}.memory-input,.memory-textarea{color:#fff;resize:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.memory-input::placeholder,.memory-textarea::placeholder{color:#ffffff4d}.memory-input:focus,.memory-textarea:focus{border-color:#ffffff40}.memory-form-preview{object-fit:cover;border-radius:10px;width:100%;max-height:200px}.memory-photo-btn{color:#ffffff73;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:12px;padding:10px;font-family:inherit;font-size:.9rem;transition:border-color .2s,color .2s}.memory-photo-btn:hover{color:#ffffffb3;border-color:#fff6}.memory-submit-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:12px;margin-top:4px;padding:13px;font-family:inherit;font-size:1rem;transition:background .2s}.memory-submit-btn:hover:not(:disabled){background:#fff3}.memory-submit-btn:disabled{opacity:.5;cursor:default}.memory-modal-done{text-align:center;color:#ffffffb3;flex-direction:column;align-items:center;gap:12px;padding:16px 0;font-size:1.1rem;display:flex}.memory-modal-done-sub{color:#ffffff59;margin:0;font-size:.85rem}.memory-modal-close-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;margin-top:12px;padding:10px 24px;font-family:inherit;font-size:.9rem}.placeholder{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:calc(100vh - 90px);display:flex}.placeholder-title{color:#ffffff80;margin:0;font-size:1.5rem;font-weight:500}.placeholder-sub{color:#ffffff40;margin:0;font-size:.9rem}.menu-label{letter-spacing:.01em;white-space:nowrap;font-size:.65rem;font-weight:500}
