:root{--color-accent: #E53935;--color-border: #E53935;--color-accent-light: #FFEBEE;--color-error: #B71C1C;--space-xs: .25rem;--space-sm: .5rem;--space-md: 2.5rem;--space-lg: 1.5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--key-size: clamp(44px, 11vw, 75px);--key-gap: 1.4rem;--dot-size: 14px;--dot-gap: .4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#fff;color:#333;font-family:system-ui,sans-serif;overscroll-behavior:none;overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.pin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;padding:var(--space-lg) var(--space-md);background:#fff;position:relative}.pin-hidden-input{position:absolute;opacity:0;pointer-events:none}.pin-dots{display:flex;justify-content:space-between;width:calc((var(--key-size) * 3 + var(--key-gap) * 2) / 2);max-width:calc(var(--key-size) * 3 + var(--key-gap) * 2);gap:var(--dot-gap);margin-bottom:var(--space-md)}.pin-container.shake .pin-dots{animation:shake .4s ease-in-out}.pin-dot{width:var(--dot-size);height:var(--dot-size);border:2px solid var(--color-border);border-radius:50%;transition:background .2s,border-color .2s}.pin-dot.filled{background:var(--color-border);border-color:var(--color-border)}.pin-container.shake .pin-dot{background:var(--color-error);border-color:var(--color-error)}.pin-keypad{display:grid;grid-template-columns:repeat(3,var(--key-size));gap:var(--key-gap)}.key{width:var(--key-size);height:var(--key-size);background:#fff;border:1px solid var(--color-border);border-radius:50%;color:var(--color-accent);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s}.key:active{background:var(--color-accent-light);transform:scale(.95)}.key-empty{background:transparent;border:none;pointer-events:none}.key-del{background:transparent;border:none;color:var(--color-accent);font-size:1.2rem;cursor:pointer;transition:color .2s,transform .1s}.key-del:active{color:var(--color-error);transform:translateY(1px)}.links-container{position:relative;max-width:480px;margin:4rem auto;padding:var(--space-lg) var(--space-md) var(--space-md);background:#fff;border-radius:var(--radius-lg);background-color:transparent;box-shadow:none;text-align:center}.links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 640px){.links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.pin-dots.shake{animation:shake .4s ease-in-out}.pin-dots.shake .pin-dot{background-color:var(--color-error)!important;border-color:var(--color-error)!important}@media (max-width: 600px){:root{--key-size: clamp(60px, 18vw, 100px);--key-gap: .75rem}.pin-container{justify-content:flex-start;padding-top:9.5rem;padding-left:.5rem;padding-right:.5rem}.pin-dots{width:calc((var(--key-size) * 3 + var(--key-gap) * 2) / 2);margin-bottom:3.5rem}.pin-container{padding-left:1.5rem;padding-right:1.5rem}:root{--key-gap: 2rem}.key,.key-del{font-weight:700}}.hint-button{margin-top:-1rem;margin-bottom:1rem;padding:.5rem 1.5rem;background:transparent;border:2px solid #E53935;border-radius:20px;color:#e53935;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.hint-button:hover{background:#e53935;color:#fff}.pin-dot.locked{background:#4caf50!important;border-color:#4caf50!important}.attempts-counter{position:absolute;bottom:2rem;font-size:.8rem;color:#999;opacity:.5}.hint-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.hint-dialog{background:#fff;padding:2rem;border-radius:20px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003}.hint-dialog h3{color:#e53935;margin-bottom:1rem;font-size:1.5rem}.hint-question{font-size:1.1rem;margin-bottom:1.5rem;color:#333}.hint-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hint-option{display:flex;align-items:center;padding:1rem;border:2px solid #E53935;border-radius:12px;cursor:pointer;transition:all .2s}.hint-option:hover{background:#ffebee}.hint-option.selected{background:#e53935;color:#fff}.hint-option input{display:none}.hint-error{color:#b71c1c;text-align:center;margin-bottom:1rem;font-weight:500}.hint-buttons{display:flex;gap:1rem;justify-content:flex-end}.hint-cancel,.hint-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.hint-cancel{background:transparent;color:#e53935}.hint-cancel:hover{background:#ffebee}.hint-submit{background:#e53935;color:#fff}.hint-submit:hover:not(:disabled){background:#d32f2f}.hint-submit:disabled{opacity:.5;cursor:not-allowed}.picture-of-day-box.link-card{padding:calc(var(--space-sm) * 2) calc(var(--space-sm) * 1.5) calc(var(--space-sm) * 2) var(--space-sm);cursor:pointer;background:transparent;border:none;transition:transform .1s;position:relative}.picture-of-day-box.link-card:hover{background:transparent;transform:translateY(-2px)}.snap-content{display:flex;align-items:center;gap:14px;width:100%;position:relative}.snap-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;flex-shrink:0}.snap-avatar img{width:100%;height:100%;object-fit:cover}.snap-info{flex:1;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.snap-name{font-weight:600;font-size:17px;color:#000;line-height:19px}.snap-status{display:flex;align-items:center;gap:5px;font-size:13px}.snap-indicator{width:9px;height:9px;background:#e92754;border-radius:2px;display:inline-block}.snap-text{font-weight:500;color:#e92754;line-height:15px}.snap-separator{color:#999;font-weight:400;margin:0 2px}.snap-time{font-weight:500;color:#999;line-height:15px}.message-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#ccc;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.message-icon svg{width:20px;height:20px}.picture-of-day-box.link-card:hover .message-icon{color:#999}.image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:2000;padding:0;cursor:pointer;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-container{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100vh;object-fit:contain}.countdown-timer{position:absolute;top:20px;right:20px;background:#0009;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.1)}@media (max-width: 600px){.countdown-timer{width:45px;height:45px;font-size:13px;top:15px;right:15px}}@media (min-width: 640px){.picture-of-day-box.link-card{grid-column:1 / -1}}.lock-box{width:100%;border:2px dashed var(--color-border);background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);font-size:1.3rem;color:var(--color-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s}.lock-box:hover{background:var(--color-accent-light);transform:translateY(-2px)}.secret-heading{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.25rem;color:var(--color-border)}.links-grid.secret{gap:var(--space-sm);margin-bottom:var(--space-lg)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.overlay .dialog{background:#fff;padding:var(--space-md);margin:var(--space-md);border-radius:var(--radius-lg);width:90%;max-width:360px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:var(--space-sm)}.overlay .dialog input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem}.overlay .dialog .buttons{display:flex;justify-content:flex-end;gap:var(--space-sm)}.overlay .dialog button{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.overlay .dialog button.submit{background:var(--color-accent);color:#fff}.overlay .dialog button.submit:hover{opacity:.9}.overlay .dialog button.cancel{background:transparent;color:var(--color-accent)}.overlay .dialog button.cancel:hover{background:var(--color-accent-light)}.links-container{height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:400px;margin:1rem auto;padding:1rem}.links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media (min-width: 640px){.links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}.link-card{display:block;padding:var(--space-md) var(--space-md);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-accent);text-decoration:none;font-weight:500;transition:background .2s,transform .1s}.link-card.phone-number{cursor:default;background:var(--color-accent-light);border-color:var(--color-error);color:var(--color-error)}.link-card:not(.phone-number):hover{background:var(--color-accent-light);transform:translateY(-2px)}.dark-overlay .dialog{background-color:#18181b;border:1px solid rgb(58,58,60);color:#f4f4f5}.dark-overlay .dialog input{background-color:#1e1e21;border:1px solid rgb(58,58,60);color:#f4f4f5}.dark-overlay .dialog button{background-color:#27272a;color:#f4f4f5}.dark-overlay .dialog button.submit{background-color:var(--color-accent);color:#fff}.dark-overlay .dialog button.cancel{background:transparent;color:#f4f4f5}.dark-overlay .dialog button:hover{opacity:.9}@media (max-width: 600px){.links-container{margin:1rem 1.25rem;padding:1rem}.lock-box{width:100%;font-size:1.35rem}.overlay .dialog{width:95%;max-width:300px}.overlay .dialog input{font-size:1rem}.overlay .dialog .buttons button{flex:1}}.email-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.email-dialog{background:#fff;padding:2rem;border-radius:20px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003}.email-dialog h3{color:#e53935;margin-bottom:.5rem;font-size:1.5rem}.email-dialog p{color:#666;margin-bottom:1.5rem;font-size:.9rem}.email-dialog input[type=email]{width:100%;padding:.75rem;border:2px solid #E53935;border-radius:8px;font-size:1rem;margin-bottom:1rem}.code-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.code-input{width:45px;height:50px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #E53935;border-radius:8px;color:#333;transition:all .2s}.code-input:focus{outline:none;border-color:#d32f2f;box-shadow:0 0 0 3px #e539351a}.code-input:disabled{background:#f5f5f5;cursor:not-allowed}@media (max-width: 400px){.code-input{width:40px;height:45px;font-size:1.3rem}.code-inputs{gap:.4rem}}.email-error{color:#b71c1c;font-size:.9rem;margin-bottom:1rem;text-align:center}.email-buttons{display:flex;gap:1rem;justify-content:flex-end}.email-cancel,.email-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.email-cancel{background:transparent;color:#e53935}.email-cancel:hover{background:#ffebee}.email-submit{background:#e53935;color:#fff}.email-submit:hover:not(:disabled){background:#d32f2f}.email-submit:disabled{opacity:.5;cursor:not-allowed}.email-success{text-align:center}.email-success h3{color:#4caf50;margin-bottom:1rem}.alerts-button{position:fixed;bottom:2rem;right:2rem;background:#e53935;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #e539354d;transition:all .2s;z-index:100}.alerts-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e5393566}@media (max-width: 600px){.alerts-button{bottom:1rem;right:1rem;font-size:.85rem;padding:.6rem 1.2rem}}.alerts-button-image{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#fff;border:none;border-radius:12px;padding:0;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s;z-index:100;overflow:hidden}.alerts-button-image img{width:100%;height:100%;object-fit:cover}.alerts-button-image:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0003}@media (max-width: 600px){.alerts-button-image{bottom:1rem;right:1rem;width:50px;height:50px}}.email-logo{width:80px;height:80px;margin:0 auto 1rem;display:block;border-radius:12px;object-fit:cover}body.secret-active,.secret-page{background-color:#09090b;color:#f4f4f5}body.secret-active{overflow-y:auto;-webkit-overflow-scrolling:touch}.secret-page{width:100%;min-height:100vh;padding:var(--space-lg) var(--space-md);box-sizing:border-box}.secret-page h2{margin-bottom:var(--space-md);text-align:center;font-size:1.5rem;letter-spacing:.5px}.secret-page .link-card{background-color:#18181b;border:1px solid rgb(58,58,60);color:#f4f4f5;box-shadow:0 1px 3px #0003;transition:background .2s,transform .1s}.secret-page .link-card:hover{background-color:#27272a;transform:translateY(-1px)}.secret-page .link-card.phone-number{background-color:#1e1e21;border-color:#58585a;color:#f4f4f5}.secret-page .links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-md)}@media (min-width: 640px){.secret-page .links-grid{grid-template-columns:repeat(2,1fr)}}.secret-page::-webkit-scrollbar,body.secret-active::-webkit-scrollbar{width:8px}.secret-page::-webkit-scrollbar-thumb,body.secret-active::-webkit-scrollbar-thumb{background-color:#3a3a3c;border-radius:4px}.secret-page::-webkit-scrollbar-track,body.secret-active::-webkit-scrollbar-track{background-color:#09090b}.links-container.secret-page{max-width:none;margin:0;padding:var(--space-lg) var(--space-md)}@media (max-width: 600px){.links-container.secret-page{padding:var(--space-sm) var(--space-sm)}}.admin-container{max-width:640px;margin:1rem auto;padding:0 1rem;font-family:system-ui,sans-serif;height:100vh;overflow-y:auto;background:#fafafa}.admin-section{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d}.admin-section h3{margin-bottom:.75rem;color:#e53935}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.5rem;border-bottom:1px solid #ddd;text-align:left}.admin-table th{background:#f4f4f4}.admin-config{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-card{background:#fff;padding:1rem;border:1px solid #eee;border-radius:6px}.admin-input{width:100%;padding:.5rem;margin:.5rem 0;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.admin-btn{display:inline-block;padding:.5rem 1rem;margin-top:.5rem;background:#e53935;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem}.admin-btn:hover{opacity:.9}.admin-msg{margin:.5rem 0;font-size:.9rem}.admin-msg.success{color:green}.admin-msg.error{color:red}@media (max-width: 600px){.admin-config{grid-template-columns:1fr}}