*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5efe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E");color:#555;font-family:Montserrat,sans-serif}.monogram,h1,h2,h3{font-family:Playfair Display,serif}.script-font{font-family:Great Vibes,cursive}button,input{font-family:inherit}.video-recorder{margin:0 auto;max-width:600px;width:100%}.video-container{background:#000;border-radius:24px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;overflow:hidden;position:relative}.countdown-overlay{animation:countdownPop 1s ease-out infinite;color:#fff;font-size:8rem;font-weight:800;left:50%;position:absolute;text-shadow:0 0 20px #00000080;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes countdownPop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.video-preview{display:block;height:auto;width:100%}.recording-indicator{align-items:center;background:#c97d60e6;border-radius:50px;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:1px;padding:.5rem 1rem;position:absolute;right:20px;text-transform:uppercase;top:20px}.rec-dot{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.controls{align-items:center;display:flex;flex-direction:column;gap:1.2rem}.btn{border:none}.btn:hover{transform:translateY(-2px)}.btn-record{background-color:var(--color-primary);box-shadow:0 4px 15px #d88c734d;color:#fff}.btn-stop{background-color:#555;color:#fff}.btn-secondary{border:2px solid var(--color-primary)}.preview-controls{align-items:center;display:flex;flex-direction:column;gap:1.2rem;width:100%}.upload-confirmation{color:#555;font-size:1.1rem;margin-bottom:.5rem;text-align:center}.button-row{display:flex;gap:1rem;width:100%}.name-input{border:2px solid #eee;box-sizing:border-box;padding:1.1rem;text-align:center;transition:border-color .3s ease}.name-input:focus{border-color:var(--color-primary)}.error-message{color:#d32f2f;font-size:.9rem;padding:1rem;text-align:center}.success-message{color:var(--color-terracotta);font-size:1.1rem;font-weight:600;padding:1rem;text-align:center}.uploading{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (max-width:480px){.button-row{flex-direction:column}}.recording-page{background-color:var(--color-bg);min-height:100vh;padding:40px 20px}.recording-header,.recording-page{align-items:center;display:flex;flex-direction:column}.recording-header{gap:1.5rem;margin-bottom:2rem;max-width:600px;text-align:center;width:100%}.back-link{transition:opacity .2s}.back-link:hover{opacity:.7}.recording-header h1{color:var(--color-terracotta);font-family:Playfair Display,serif;font-size:1.8rem;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.recording-header h1{font-size:1.5rem}}.video-player{margin:0 auto;max-width:900px;width:100%}.player-container{background:#000;border-radius:24px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;overflow:hidden;position:relative}.player-video{display:block;height:auto;width:100%}.player-info{background:#ffffffe6;border-radius:50px;bottom:20px;box-shadow:0 4px 10px #0000001a;color:var(--color-text);font-size:.85rem;font-weight:600;left:20px;padding:.6rem 1.2rem;position:absolute}.player-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;width:100%}.btn-nav{background-color:var(--color-white);border:none;border-radius:50px;box-shadow:0 4px 10px #0000000d;color:var(--color-terracotta);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:1rem;text-transform:uppercase;transition:all .3s ease}.btn-nav:hover{background-color:var(--color-terracotta);color:#fff;transform:translateY(-2px)}.video-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:1rem 0}.video-thumbnail{align-items:center;background:var(--color-white);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000008;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .3s ease}.video-thumbnail:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.video-thumbnail.active{background:#c9a96e0d;border-color:var(--color-gold)}.thumbnail-number{color:var(--color-gold);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.thumbnail-name{font-size:.75rem;font-weight:600;word-break:break-all}.no-videos,.thumbnail-name{color:var(--color-text);text-align:center}.no-videos{padding:4rem 2rem}.no-videos h2{color:var(--color-terracotta);font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #c97d601a;border-radius:50%;border-top:3px solid var(--color-terracotta);height:30px;margin:0 auto;width:30px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.player-controls{flex-direction:column}}.display-page{background-color:var(--color-bg);min-height:100vh;padding:40px 20px}.display-header,.display-page{align-items:center;display:flex;flex-direction:column}.display-header{gap:1.5rem;margin-bottom:2rem;max-width:800px;text-align:center;width:100%}.back-link{align-items:center;align-self:flex-start;color:var(--color-terracotta);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;text-decoration:none}.display-header h1{color:var(--color-terracotta);font-family:Playfair Display,serif;font-size:1.8rem;letter-spacing:1px;text-transform:uppercase}:root{--color-bg:#f5efe6;--color-terracotta:#c97d60;--color-gold:#c9a96e;--color-primary:#d88c73;--color-text:#555;--color-white:#fff}.home{background-color:#f5efe6;background-color:var(--color-bg);flex-direction:column;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.home,.view-gallery-link{align-items:center;display:flex;justify-content:center}.view-gallery-link{color:#c97d60;color:var(--color-terracotta);opacity:.4;padding:10px;position:absolute;right:25px;top:25px;transition:all .3s ease;z-index:10}.view-gallery-link:hover{opacity:1;transform:scale(1.1)}.home:after,.home:before{background-repeat:no-repeat;background-size:contain;content:"";height:250px;opacity:.6;pointer-events:none;position:absolute;width:250px;z-index:0}.home:before{right:-30px;top:-30px}.home:after,.home:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d88c73' opacity='.2' d='M20 80q-20 20 0-20t60-40q20-20-20 0T20 80'/%3E%3Cpath fill='%23c9a96e' opacity='.1' d='M80 80q20 20-20 0T20 20Q0 0 40 20t40 60'/%3E%3C/svg%3E")}.home:after{bottom:-30px;left:-30px}.container{align-items:center;animation:fadeIn 1.2s ease-out;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo{height:auto;margin-bottom:1rem;max-width:150px}.title{color:#c97d60;color:var(--color-terracotta);font-size:1.8rem;font-weight:700;letter-spacing:2px;line-height:1.2;margin-bottom:.5rem;text-transform:uppercase}.description{color:#555;color:var(--color-text);font-size:1rem;line-height:1.6;margin-bottom:1rem}.name-input{background-color:#fff;background-color:var(--color-white);border:none;border-radius:50px;box-shadow:inset 0 2px 4px #0000000d,0 4px 6px #00000005;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.name-input:focus{box-shadow:inset 0 2px 4px #0000000d,0 0 0 2px #d88c7333}.button-group{flex-direction:column;gap:1rem}.btn,.button-group{display:flex;width:100%}.btn{align-items:center;border:2px solid #0000;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:1px;padding:1.1rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{background-color:#d88c73;background-color:var(--color-primary);box-shadow:0 4px 15px #d88c734d;color:#fff;color:var(--color-white)}.btn-primary:hover{background-color:#ca7b62;box-shadow:0 6px 20px #d88c7366;transform:translateY(-2px)}.btn-secondary{background-color:initial;border-color:#d88c73;border-color:var(--color-primary);color:#d88c73;color:var(--color-primary)}.btn-secondary:hover{background-color:#d88c730d;transform:translateY(-2px)}.footer{color:#888;font-size:.85rem;margin-top:2rem}.footer p{margin:.3rem 0}.footer .names{color:#555;color:var(--color-text);font-family:Great Vibes,cursive;font-size:1.4rem}@media (max-width:480px){.monogram{font-size:3.5rem}.title{font-size:1.5rem}.home:after,.home:before{height:180px;width:180px}}
/*# sourceMappingURL=main.4ba3a80d.css.map*/