*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(#0305127a,#030512ad),url(/assets/bg-aPn5TFeB.png) 50%/cover fixed;justify-content:center;align-items:center;min-height:100vh;padding:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow-x:hidden}.app{text-align:center;width:100%;max-width:850px}.logo{margin-bottom:38px}.logo-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;font-size:28px;display:inline-flex;box-shadow:0 0 40px #785aff40}.logo h1{letter-spacing:.16em;background:linear-gradient(100deg,#fff 10%,#d6caff 45%,#8d6cff 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,9vw,5.5rem);font-weight:800;line-height:1}.logo p{color:#ffffffb3;letter-spacing:.16em;text-transform:uppercase;margin-top:12px;font-size:13px}.date-box{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080a1c94;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:9px;width:min(100%,570px);margin:0 auto;padding:9px;display:flex;box-shadow:0 25px 70px #0006,inset 0 1px #ffffff14}.date-wrapper{flex:1;min-width:0;position:relative}.date-wrapper:before{content:"📅";pointer-events:none;z-index:1;font-size:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.date-box input{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 15px 0 46px;font-size:15px;transition:border-color .2s,background .2s}.date-box input:hover{background:#ffffff1a}.date-box input:focus{background:#ffffff1a;border-color:#9274ffcc;box-shadow:0 0 0 3px #7e5cff26}.date-box input::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}.show-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7658ff,#a052e8);border:0;border-radius:13px;min-height:52px;padding:0 25px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #734bff4d}.show-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #734bff73}.show-button:active{transform:translateY(0)}.result{text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060919a6;border:1px solid #ffffff29;border-radius:24px;margin-top:30px;overflow:hidden;box-shadow:0 30px 90px #00000080}.image-container{position:relative}.image-container img{object-fit:cover;width:100%;max-height:520px;display:block}.image-container:after{content:"";pointer-events:none;background:linear-gradient(#0000,#050714b3);height:120px;position:absolute;bottom:0;left:0;right:0}.result-content{padding:28px 30px 32px}.result-date{color:#c1b5ff;letter-spacing:.08em;text-transform:uppercase;background:#785aff1f;border-radius:8px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.result-title{font-size:clamp(2.5rem);margin-top:20px;margin-left:30px;padding-right:20px;line-height:1}.result-description{color:#ffffffad;margin-top:16px;font-size:15px;line-height:2}.credit{color:#fff6;text-align:center;margin-top:15px;font-size:12px}@media (width<=600px){body{padding:20px}.logo{margin-bottom:28px}.date-box{flex-direction:column;padding:10px}.date-wrapper,.show-button{width:100%}.result-content{padding:22px}.image-container img{max-height:400px}}.hd-button{color:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff29;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex;box-shadow:0 8px 25px #0000002e,inset 0 1px #ffffff14}.hd-button:hover{color:#fff;cursor:pointer;background:#785aff29;border-color:#967dff80;transform:translateY(-2px)}.hd-button:active{transform:translateY(0)}.hd-icon{color:#c9bdff;background:#8c73ff2e;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;transition:transform .2s,background .2s;display:inline-flex}.hd-button:hover .hd-icon{background:#8c73ff4d;transform:translate(2px,-2px)}