:root{font-family:CygnitoMono,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#7d8382;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--padding: 8px}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;font-size:16px}body{margin:0;padding:var(--padding);overflow-x:hidden}#root{background-color:#000;width:100%;max-height:calc(100svh - 2 * var(--padding));min-height:calc(100svh - 2 * var(--padding));padding:calc(2 * var(--padding));overflow:scroll}.container{max-width:800px;margin:0 auto}.header{margin-bottom:4em;display:flex;justify-content:space-between;align-items:center;height:50px}.header .logo{display:inline-flex;align-items:center;gap:8px}.header .logo img:first-child{max-height:50px}.player{min-height:74px;margin-bottom:calc(2 * var(--padding));display:flex;gap:calc(1 * var(--padding));align-items:center;background:linear-gradient(135deg,#6496ff08,#a046ff08);border:1px solid rgba(120,120,255,.2);border-radius:8px;padding:calc(1.5 * var(--padding));position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.player:not(.player--playing):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,150,255,.4),transparent)}.player:hover{border-color:#7896ff66;box-shadow:0 0 15px #7896ff1a}.player--playing{border:1px solid rgba(0,255,0,.4);position:relative;background:linear-gradient(135deg,#6496ff08,#a046ff08);animation:led-fade-in .8s ease-out forwards,led-border 6s linear infinite .8s;transition:all .5s ease}.player--playing:before{display:none}.player--playing:after{background:linear-gradient(90deg,transparent,rgba(0,255,0,.4),transparent);content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:1}@keyframes led-fade-in{0%{box-shadow:0 0 0 1px #7878ff33,0 0 5px #7878ff1a}to{box-shadow:0 0 0 1px #0f0c,0 0 10px #00ff004d}}@keyframes led-border{0%{box-shadow:0 0 0 1px #0f0c,0 0 10px #00ff004d}25%{box-shadow:0 0 0 1px #7896ffcc,0 0 10px #7896ff4d}50%{box-shadow:0 0 0 1px #a046ffcc,0 0 10px #a046ff4d}75%{box-shadow:0 0 0 1px #7896ffcc,0 0 10px #7896ff4d}to{box-shadow:0 0 0 1px #0f0c,0 0 10px #00ff004d}}.player-info{min-width:150px;max-width:150px}.player-info h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:700}.player-info h4{margin:0;font-size:.875rem;font-weight:400;opacity:.75}.player-controls{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#7896ff0d);border:1px solid rgba(120,150,255,.3);cursor:pointer;color:#ffffffe6;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;position:relative;overflow:hidden}.player-controls:hover{border-color:#7896ff80;box-shadow:0 0 10px #7896ff33;transform:scale(1.05)}.player-controls:active{transform:scale(.95)}.player-controls svg{width:16px;height:16px;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.player-controls-waveform{display:flex;gap:calc(1 * var(--padding));align-items:center;flex:1}.player-waveform{flex:1}@media (max-width: 768px){.player{flex-direction:column;gap:calc(1.5 * var(--padding));align-items:stretch}.player-info{min-width:unset;max-width:unset;display:flex;align-items:baseline;gap:8px}}:root{--rating-bg: #0a0a0a;--rating-text: #e5e5e5;--rating-face-bg: #1a1a1a;--rating-eye: #0a0a0a;--rating-mouth: #0a0a0a;--rating-slider-bg: #333;--rating-slider-thumb: #e5e5e5;--rating-slider-thumb-hover: #ccc;--rating-transition: .3s}.rating-container{margin-top:4em;padding:0;max-width:60em}.rating-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1em;align-items:stretch;width:100%}.rating-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;background:#ffffff05;border-radius:.5em;border:1px solid rgba(255,255,255,.1)}.rating-column--face{justify-content:center}.rating-column--comment{align-items:stretch}.rating-column--submit{justify-content:center;align-items:center;gap:1em}@media (max-width: 768px){.rating-columns{grid-template-columns:1fr;gap:1.5em}.rating-column{min-height:auto}.rating-column--face,.rating-column--comment,.rating-column--submit{justify-content:center}}.rating-face{--face-hue1: 60;--face-hue2: 30;background-image:linear-gradient(135deg,hsl(var(--face-hue1),90%,55%),hsl(var(--face-hue2),90%,45%));border-radius:50%;box-shadow:0 .5em .75em hsla(var(--face-hue2),90%,55%,.3);margin:0;position:relative;width:4em;height:4em}.rating-eye,.rating-mouth{position:absolute;transition:background-color var(--rating-transition),box-shadow var(--rating-transition),color var(--rating-transition)}.rating-eye{background-color:var(--rating-eye);border-radius:50%;top:1em;width:.8em;height:.8em}.rating-eye--right{--delay-right: 0s;animation:eye-right 1s var(--delay-right) linear paused;clip-path:polygon(0 75%,100% 0,100% 100%,0 100%);left:.8em}.rating-eye--left{--delay-left: 0s;animation:eye-left 1s var(--delay-left) linear paused;clip-path:polygon(0 0,100% 75%,100% 100%,0 100%);right:.8em}.rating-mouth{color:var(--rating-mouth);top:1.96em;left:1em;width:2em;height:1em}.rating-mouth--lower{--delay-mouth-lower: 0s;animation:mouth-lower 1s var(--delay-mouth-lower) linear paused;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 .125em inset}.rating-mouth--upper{--delay-mouth-upper: 0s;animation:mouth-upper 1s var(--delay-mouth-upper) linear paused;border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 -.125em inset}.rating-label{display:block;margin-bottom:1em;text-align:center;color:var(--rating-text);font-size:.9em;font-weight:500}.rating-input{--input-hue: 60;--percent: 50%;background-color:var(--rating-slider-bg);background-image:linear-gradient(hsl(var(--input-hue),90%,45%),hsl(var(--input-hue),90%,45%));background-size:var(--percent) 100%;background-repeat:no-repeat;border-radius:.25em;display:block;margin:1.5em 0 0;width:100%;max-width:200px;height:.6em;transition:background-color var(--rating-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.rating-input:focus{outline:transparent}.rating-input::-webkit-slider-thumb{background-color:var(--rating-slider-thumb);border:0;border-radius:50%;box-shadow:0 .125em .5em #0000004d;width:1.5em;height:1.5em;transition:background-color .15s linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rating-input:focus::-webkit-slider-thumb,.rating-input::-webkit-slider-thumb:hover{background-color:var(--rating-slider-thumb-hover)}.rating-input::-moz-range-thumb{background-color:var(--rating-slider-thumb);border:0;border-radius:50%;box-shadow:0 .125em .5em #0000004d;width:1.5em;height:1.5em;transition:background-color .15s linear}.rating-input:focus::-moz-range-thumb,.rating-input::-moz-range-thumb:hover{background-color:var(--rating-slider-thumb-hover)}.rating-comment{width:100%;height:100%;display:flex;flex-direction:column}.rating-comment-label{display:block;margin-bottom:.75em;color:var(--rating-text);font-size:.9em;font-weight:500;text-align:left}.rating-comment-input{width:100%;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.35);border-radius:.25em;color:var(--rating-text);padding:.75em;font-family:inherit;font-size:.9em;transition:border-color var(--rating-transition);margin-bottom:1em}.rating-comment-input[type=text]{height:auto;min-height:44px}.rating-comment-input[type=textarea]{resize:none;min-height:100px;flex:1}.rating-comment-input:focus{outline:none;border-color:#ffffffb3;background-color:#ffffff17}.rating-comment-input::placeholder{color:#ffffff80}.rating-comment-display{margin-top:1em;padding:1em;background-color:#ffffff0d;border-radius:.25em;border-left:3px solid rgba(0,255,0,.6)}.rating-comment-display strong{color:var(--rating-text);display:block;margin-bottom:.5em}.rating-comment-display p{color:#fffc;margin:0;font-style:italic}.rating-submit-btn,.rating-download-btn{background:linear-gradient(135deg,#7896ffcc,#a046ffcc);border:1px solid rgba(120,150,255,.3);border-radius:.5em;color:var(--rating-text);padding:1em 1.5em;font-family:inherit;font-weight:600;cursor:pointer;transition:all var(--rating-transition);display:flex;align-items:center;gap:.5em;justify-content:center;margin:0;width:100%;min-height:50px;text-align:center}.rating-submit-btn:hover,.rating-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7896ff4d}.rating-download-btn{background:linear-gradient(135deg,#0f0c,#00c800cc);border-color:#00ff004d}.rating-download-btn:hover{box-shadow:0 4px 12px #00ff004d}.rating-submit-btn:disabled{background:linear-gradient(135deg,#64646466,#50505066);border-color:#64646433;color:#fff6;cursor:not-allowed;transform:none}.rating-submit-btn:disabled:hover{transform:none;box-shadow:none}.rating-name-required{color:#ff6464cc;font-size:.8em;text-align:center;margin-top:.5em;font-style:italic}.rating-success{padding:2em 0}.rating-success h3{color:var(--rating-text);margin:0 0 .5em;font-size:1.2em;text-align:center}.rating-success p{color:#ffffffb3;margin:0;text-align:center}.rating-instagram{margin-top:1em;padding:1em;background:#ffffff05;border-radius:.5em;border:1px solid rgba(255,255,255,.1);text-align:center}.rating-instagram-link{display:inline-block;font-size:.9em;padding:.6em 1.2em;border-radius:.4em;border:1px solid rgba(200,100,200,.4);background:linear-gradient(135deg,#823cb440,#c83c6440);color:#ffb4dce6;text-decoration:none;transition:all .3s}.rating-instagram-link:hover{border-color:#c864c8cc;background:linear-gradient(135deg,#823cb473,#c83c6473);color:#fff;box-shadow:0 4px 12px #b43c964d;transform:translateY(-1px)}@keyframes eye-right{0%{clip-path:polygon(0 75%,100% 0,100% 100%,0 100%)}50%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes eye-left{0%{clip-path:polygon(0 0,100% 75%,100% 100%,0 100%)}50%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes mouth-lower{0%{border-radius:50% 50% 0 0/100% 100% 0 0;top:1.96em;height:1em;visibility:visible}40%{border-radius:50% 50% 0 0/100% 100% 0 0;top:2.23em;height:.33em;visibility:visible}50%,to{border-radius:0;top:2.3em;height:.167em;visibility:hidden}}@keyframes mouth-upper{0%,50%{border-radius:0;box-shadow:0 -.167em inset;top:2.3em;height:.167em;visibility:hidden}62.5%{border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 -.167em inset;top:2.23em;height:.33em;visibility:visible}75%{border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 -.167em inset;top:2.06em;height:.67em;visibility:visible}to{border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 -1.07em inset;top:1.96em;height:1em;visibility:visible}}.feedbacks-page{display:flex;flex-direction:column;align-items:center;gap:20px;padding:8px 0 40px}.feedbacks-topbar{display:flex;align-items:center;gap:10px;width:100%;max-width:540px}.feedbacks-topbar__logo{height:20px;opacity:.45}.feedbacks-topbar__brand{flex:1;font-size:.7rem;letter-spacing:.22em;color:#ffffff47}.feedbacks-topbar__counter{font-size:.7rem;color:#ffffff2e}.feedbacks-card{width:540px;height:675px;container-type:inline-size;background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;box-shadow:0 0 0 6px #000,0 24px 64px #000c;display:flex;flex-direction:column;padding:28px 36px;gap:0}@media (max-width: 600px){.feedbacks-card{width:calc(100vw - 32px);height:calc((100vw - 32px)/.8);padding:5% 6.5%;border-radius:4%}}.feedbacks-card__topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-bottom:16px}.feedbacks-card__brand-group{display:flex;align-items:center;gap:8px}.feedbacks-card__logo{height:clamp(28px,6.5cqi,40px);filter:brightness(0) invert(1);opacity:.5}.feedbacks-card__brand{font-size:clamp(.9rem,4.2cqi,1.25rem);letter-spacing:.22em;color:#ffffff80}.feedbacks-card__stars{display:flex;gap:4px;font-size:clamp(1rem,4.8cqi,1.4rem);letter-spacing:1px}.star--filled{color:#ffffff8c}.star--empty{color:#ffffff26}.feedbacks-card__rule{height:1px;background:#ffffff17;flex-shrink:0}.feedbacks-card__spacer{flex:1}.feedbacks-card__body{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.feedbacks-card__quote{margin:0;font-family:CygnitoMono,monospace;font-style:italic;font-size:clamp(1.45rem,10cqi,2.4rem);line-height:1.5;color:#ffffffeb;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}.feedbacks-card__reviewer{margin:0;font-family:CygnitoMono,monospace;font-size:clamp(.95rem,4.2cqi,1.2rem);color:#ffffff4d;text-align:right}.feedbacks-card__meta{display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0;padding-top:12px}.feedbacks-card__meta-fields{display:grid;grid-template-columns:max-content 1fr;row-gap:4px;column-gap:10px}.feedbacks-card__meta-row{display:contents}.feedbacks-card__meta-label{font-family:CygnitoMono,monospace;font-size:clamp(.72rem,2.8cqi,.88rem);letter-spacing:.08em;color:#ffffff38;align-self:baseline}.feedbacks-card__meta-value{font-family:CygnitoMono,monospace;font-size:clamp(.9rem,4cqi,1.15rem);letter-spacing:.06em;color:#fff9;align-self:baseline}.feedbacks-card__release{font-family:CygnitoMono,monospace;font-size:clamp(.9rem,4cqi,1.15rem);letter-spacing:.1em;color:#ffffff47}.feedbacks-controls{display:flex;align-items:center;gap:8px;width:100%;max-width:540px}.feedbacks-btn{font-family:CygnitoMono,monospace;font-size:.78rem;border-radius:4px;cursor:pointer;transition:opacity .15s ease,transform .15s ease;letter-spacing:.06em}.feedbacks-btn--nav{width:40px;height:38px;background:transparent;border:1px solid rgba(255,255,255,.14);color:#ffffff59;flex-shrink:0}.feedbacks-btn--nav:hover:not(:disabled){color:#ffffffb3;border-color:#ffffff4d}.feedbacks-btn--nav:disabled{opacity:.1;cursor:not-allowed}.feedbacks-btn--download{flex:1;height:38px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff9}.feedbacks-btn--download:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6}.feedbacks-btn--download:active:not(:disabled){transform:scale(.98)}.feedbacks-btn--download:disabled{opacity:.4;cursor:not-allowed}.feedbacks-status{color:#ffffff40;font-size:.8rem;padding:60px 0;text-align:center;margin:0}