*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.top-4{top:1rem}.z-\[10100\]{z-index:10100}.mx-4{margin-left:1rem;margin-right:1rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.w-5{width:1.25rem}.max-w-sm{max-width:24rem}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-8px\]{--tw-translate-y: -8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[\#e0dcd4\]{--tw-border-opacity: 1;border-color:rgb(224 220 212 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}html{overscroll-behavior-y:none}body{background:#f5f3ee;color:#1a1a1a;font-family:DM Sans,sans-serif;min-height:100vh;padding:0;margin:0;overscroll-behavior-y:none}*{box-sizing:border-box}body button{cursor:pointer}body:has(.review-modal.visible,.lyrics-modal.visible,.rasti-modal.visible,#export-modal.visible){overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8d4cc;border-radius:3px}#app-root{max-width:620px;width:100%;margin:0 auto;padding:0 28px 56px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:36px 0 0;max-width:620px;margin:0 auto}.app-header-spacer{width:40px;flex-shrink:0}.app-header-center{text-align:center;flex:1}.app-header-subtitle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:6px}.app-header-subtitle span{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#c4900e;font-weight:600}.app-header-line{height:1px;width:40px;background:#c4900e;opacity:.4}.app-header-title{font-family:Playfair Display,Georgia,serif;font-size:38px;font-weight:500;margin:0;letter-spacing:-.02em;color:#1a1a1a}.progress-bar-container{max-width:620px;margin:24px auto 0;padding:0}.progress-bar-card{background:#fff;border-radius:18px;padding:20px 24px;border:1.5px solid #eee}.progress-bar-track{position:relative;height:22px;background:#ebe7df;border-radius:11px;overflow:hidden;margin-bottom:14px}.progress-bar-published{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#e8d9a0,#d4c078);border-radius:11px;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-bar-reviewed{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#3d6a87,#5a8aab);border-radius:11px;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-bar-count{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:DM Sans,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.25)}.progress-bar-legend{display:flex;flex-wrap:wrap;gap:8px 20px}.progress-bar-legend-item{display:flex;align-items:center;gap:8px}.progress-bar-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.progress-bar-legend-dot.dot-reviewed{background:linear-gradient(135deg,#3d6a87,#5a8aab)}.progress-bar-legend-dot.dot-published{background:linear-gradient(135deg,#e8d9a0,#d4c078)}.progress-bar-legend-dot.dot-upcoming{background:#ebe7df;border:1px solid #d8d4cc}.progress-bar-legend-text{font-size:13px;color:#555;font-family:DM Sans,sans-serif}.progress-bar-legend-text strong{color:#1a1a1a}.progress-bar-legend-text.text-upcoming{color:#aaa}.progress-bar-rastaton{color:#c4900e;font-weight:700;animation:rastaton-pulse 2.5s ease-in-out infinite}.progress-bar-remaining{color:#c4900e;font-weight:600}@keyframes rastaton-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(95vh) rotate(600deg);opacity:0}}.confetti-particle{position:fixed;top:0;pointer-events:none;z-index:99999;animation:confetti-fall linear forwards}.sign-in-wrapper{margin-top:24px;text-align:center}#sign-in-btn{background:#1a1a1a;color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;border:none;font-size:15px;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #0000001a}#sign-in-btn:hover{background:#333;transform:translateY(-1px)}body #logged-out-user-info{display:none}body #logged-out-user-info a{color:#c4900e}body.logged-out #logged-out-user-info{display:block}body.logged-in #sign-in-btn{display:none}body.logged-out #sign-in-btn{display:inline-block}body #unregistered-user{display:none}body.logged-in.unregistered-user #unregistered-user{display:block}#logged-out-user-info,#unregistered-user{padding:24px;text-align:center;color:#666;font-size:15px;line-height:1.6}#unregistered-user a,#logged-out-user-info a{color:#c4900e}.user-profile-container{position:relative;z-index:10;flex-shrink:0}.user-profile-icon{width:40px;height:40px;border-radius:50%;background-color:#ebe7df;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.user-profile-icon:hover{background-color:#ddd8ce;color:#333}.user-profile-dropdown{position:absolute;top:48px;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000001a;border:1.5px solid #eee;min-width:230px;display:none;z-index:1000;overflow:hidden;animation:fadeSlideIn .2s ease}.user-profile-email{padding:15px 20px;border-bottom:1px solid #f0ece4;font-size:14px;color:#888}.user-profile-action{display:block;width:100%;text-align:left;padding:14px 20px;background:#f5f3ff;border:none;border-bottom:1px solid #f5f3ee;color:#4a5ad4;font-size:15px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:background .15s}.user-profile-action:hover{background:#eef}.user-profile-logout{display:block;width:100%;text-align:left;padding:14px 20px;background:#fff;border:none;color:#888;font-size:15px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:background .15s}.user-profile-logout:hover{background:#f5f3ee}.tab-panels{margin-top:16px}.tab-panel,body.logged-in #user-reviews{display:block}body.logged-in.unregistered-user #user-reviews,body.logged-out #user-reviews,#no-songs,#loading{display:none}body.data-loading #loading{display:block}body.data-loading #toolbar,body.data-loading #reviews,body.no-songs #toolbar,body.no-songs #reviews{display:none}body.no-songs #no-songs{display:block}#user-reviews{text-align:center}#user-reviews h2{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:500;color:#1a1a1a;margin:16px 0}#toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:4px;margin-top:16px}.search-wrapper{position:relative}#song-search{width:100%;padding:13px 40px 13px 44px;background:#fff;border:1.5px solid #e0dcd4;border-radius:14px;color:#1a1a1a;font-size:16px;font-family:DM Sans,sans-serif;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center;transition:border-color .15s}#song-search:focus{border-color:#c4900e}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px}.search-clear:hover{color:#555}#sort-filter-row{display:flex;align-items:center;gap:10px}#sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;padding:11px 40px 11px 16px;border-radius:12px;border:1.5px solid #e0dcd4;background:#fff;color:#2a2a2a;font-size:14px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aaa' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .15s}#sort-select:focus{border-color:#c4900e}.filter-group{display:flex;flex-shrink:0;background:#ebe7df;border-radius:12px;padding:3px;gap:2px}.filter-opt{padding:8px 16px;font-size:14px;font-weight:600;background:transparent;border:none;border-radius:10px;cursor:pointer;color:#888;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,box-shadow .15s;font-family:DM Sans,sans-serif}.filter-opt:hover:not(.active){color:#555}.filter-opt.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001f}body.all-done .filter-group{opacity:.35;pointer-events:none}body.hide-done li.done{display:none}li.hidden-by-search{display:none!important}#review-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.album-header{list-style:none;padding:10px 4px 4px;margin-top:8px;border-bottom:2px solid #C4900E}.album-header:first-child{margin-top:0}.album-header-inner{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.album-header-title{font-size:1.05rem;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.album-header-meta{display:flex;align-items:baseline;gap:10px;flex-shrink:0}.album-header-year{font-size:.85rem;color:#888;font-weight:500}.album-header-progress{font-size:.8rem;color:#c4900e;font-weight:600}.song-card{background:#fff;border:1.5px solid #eee;border-radius:18px;padding:18px 20px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.song-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000d;border-color:#ddd}.song-card.not-done{border-color:#c4900e30}.song-card.not-done:before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:2.5px;background:#c4900e;border-radius:0 0 2px 2px;opacity:.45}.song-card.not-done:hover{border-color:#c4900e4d}.song-card-inner{display:flex;align-items:center;gap:16px}.rating-circle{width:52px;height:52px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.rating-circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000026;z-index:0}.rating-circle span{position:relative;z-index:1;font-family:Playfair Display,Georgia,serif;font-size:19px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.95),1px 1px 3px rgba(0,0,0,.95),-1px -1px 3px rgba(0,0,0,.95),1px -1px 3px rgba(0,0,0,.95),-1px 1px 3px rgba(0,0,0,.95);letter-spacing:-.03em;font-weight:700}.rating-circle.tier-ecstatic{box-shadow:0 0 0 2.5px #c4900ebf}.rating-circle.tier-happy{box-shadow:0 0 0 2.5px #4a7f4abf}.rating-circle.tier-neutral{box-shadow:0 0 0 2.5px #3d6a87bf}.rating-circle.tier-meh{box-shadow:0 0 0 2.5px #7a6345bf}.rating-circle.tier-grim{box-shadow:0 0 0 2.5px #7a4e4ebf}.rating-circle.rating-empty{background:#f0ece4;border:2px dashed #d0ccc0;filter:none}.rating-circle.rating-empty:before{display:none}.rating-circle.rating-empty span{font-size:20px;color:#bbb;text-shadow:none;font-family:DM Sans,sans-serif}.song-card-info{flex:1;min-width:0}.song-card-title{font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:500;color:#1a1a1a;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-meta{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:14px;color:#999;font-family:DM Sans,sans-serif;overflow:hidden;white-space:nowrap}.song-card-meta .meta-order{color:#bbb}.song-card-meta .meta-sep{color:#ddd}.song-card-meta .meta-album{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.song-card-meta .meta-date{color:#aaa;flex-shrink:0}.song-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.badge-reviewed{font-size:13px;color:#4a7f4a;font-family:DM Sans,sans-serif;font-weight:500;background:#4a7f4a14;padding:4px 12px;border-radius:20px}.badge-unreviewed{font-size:13px;color:#c4900e;font-family:DM Sans,sans-serif;font-weight:500;background:#c4900e14;padding:4px 12px;border-radius:20px}.song-card-count{font-size:13px;color:#bbb;font-family:DM Sans,sans-serif}.song-card-stars{display:flex;gap:20px;margin-top:14px;padding-top:14px;border-top:1px solid #f0ece4}.song-card-stars .star-item{display:flex;align-items:center;gap:6px}.song-card-stars .star-label{font-size:13px;color:#aaa}.song-card-stars .star-icons{display:flex;gap:1px;font-size:14px;color:#c4900e}.song-card-stars .star-icons .star-empty{color:#d8d4cc}.privacy-note{margin-top:24px;text-align:center;font-size:.7rem;color:#bbb}.privacy-note a{color:inherit;text-decoration:none}.privacy-note a:hover{text-decoration:underline}.zero-state{text-align:center;padding:48px 24px}.zero-state h2{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:500;color:#1a1a1a;margin-bottom:16px}.zero-state p{font-size:15px;color:#666;line-height:1.6}.zero-state a{color:#c4900e;text-decoration:underline}.load-error{text-align:center;padding:48px 24px}.load-error-title{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500;color:#1a1a1a;margin-bottom:14px}.load-error-body{font-size:15px;color:#666;line-height:1.7;margin-bottom:24px}.load-error-body a{color:#c4900e;text-decoration:underline}.load-error-retry{display:inline-block;padding:10px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.load-error-retry:hover{background:#333}.review-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000002e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;justify-content:center;align-items:center;padding:16px;animation:fadeIn .2s ease}.review-modal.visible{display:flex}.review-modal-content{width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;background:#fafaf7;border-radius:22px;box-shadow:0 25px 80px #0000001f,0 4px 20px #0000000f;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.review-modal-scroll{flex:1;overflow-y:auto;min-height:0}.review-modal-header{padding:26px 28px 22px;border-bottom:1.5px solid #eee;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.review-modal-title{font-family:Playfair Display,Georgia,serif;font-size:28px;color:#1a1a1a;font-weight:500;margin:0;letter-spacing:-.02em;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.review-close{background:#ebe7df;border:none;width:34px;height:34px;border-radius:50%;color:#888;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:all .15s}.review-close:hover{background:#ddd8ce;color:#333}.review-metadata{display:flex;gap:16px;align-items:flex-start;padding:20px 28px;border-bottom:1.5px solid #eee}.review-album-cover{width:92px;height:92px;border-radius:12px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;box-shadow:0 3px 12px #00000014}.review-metadata-text{flex:1;min-width:0}.review-meta-line{font-size:15px;color:#444;font-family:DM Sans,sans-serif;line-height:1.7}.review-meta-line .meta-label{color:#888}.review-main-lines{margin-top:10px}.review-main-lines p{font-style:italic;font-size:14px;color:#4a5ad4;line-height:1.5;font-family:Playfair Display,Georgia,serif;margin:0}.review-action-bar{display:flex;gap:8px;padding:14px 28px;border-bottom:1.5px solid #eee}.review-action-btn{flex:1;padding:12px 10px;border-radius:12px;background:#fff;border:1.5px solid #e0dcd4;color:#555;cursor:pointer;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .15s}.review-action-btn:hover{background:#f5f3ee;border-color:#ccc}.review-action-btn.active,.review-listen-btn{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.review-listen-btn:hover{background:#333}.review-listen-arrow{font-size:11px;opacity:.5}.review-listen-wrapper{position:relative;flex:1}.review-listen-dropdown{position:absolute;top:48px;left:0;right:0;z-index:20;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000001a;border:1.5px solid #eee;overflow:hidden;animation:fadeSlideIn .15s ease}.review-listen-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;background:#fff;border:none;border-bottom:1px solid #f5f3ee;color:#1a1a1a;font-size:15px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;text-align:left;text-decoration:none;transition:background .1s}.review-listen-option:hover{background:#fafaf7}.review-listen-option:last-child{border-bottom:none}#lyrics-panel{padding:28px}.lyrics-text{font-family:DM Sans,sans-serif;font-size:16px;line-height:2;color:#444;white-space:pre-wrap;margin:0}#review-form-content{padding:28px 28px 20px}.form-section{margin-bottom:24px}.form-label{display:block;font-size:12px;color:#777;letter-spacing:.08em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:10px;line-height:1.4}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.form-label-row .form-label{margin-bottom:0}.copy-text-btn{font-size:11px;font-family:DM Sans,sans-serif;font-weight:600;color:#c4900e;background:none;border:1px solid #C4900E;border-radius:6px;padding:3px 10px;cursor:pointer;letter-spacing:.04em;transition:background .15s,color .15s;white-space:nowrap}.copy-text-btn:hover{background:#c4900e;color:#fff}.optional-section-divider{font-size:15px;color:#1a1a1a;font-weight:600;font-family:DM Sans,sans-serif;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ebe7df}.rating-tier-container{display:flex;align-items:center;gap:20px;border-radius:16px;padding:18px 20px;transition:all .3s;background:#9999990a;border:1.5px solid rgba(153,153,153,.15)}.rating-tier-container.tier-ecstatic{background:#c4900e0a;border-color:#c4900e26}.rating-tier-container.tier-happy{background:#4a7f4a0a;border-color:#4a7f4a26}.rating-tier-container.tier-neutral{background:#3d6a870a;border-color:#3d6a8726}.rating-tier-container.tier-meh{background:#7a63450a;border-color:#7a634526}.rating-tier-container.tier-grim{background:#7a4e4e0a;border-color:#7a4e4e26}.rating-bubble{width:68px;height:68px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.rating-bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000026;z-index:0}.rating-bubble .rating-display{position:relative;z-index:1;font-family:Playfair Display,Georgia,serif;font-size:26px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.95),1px 1px 3px rgba(0,0,0,.95),-1px -1px 3px rgba(0,0,0,.95),1px -1px 3px rgba(0,0,0,.95),-1px 1px 3px rgba(0,0,0,.95);letter-spacing:-.03em;font-weight:700}.rating-bubble.rating-empty{background:#f0ece4;border:2px dashed #d0ccc0;filter:none}.rating-bubble.rating-empty:before{display:none}.rating-bubble.rating-empty .rating-display{color:#bbb;text-shadow:none;font-family:DM Sans,sans-serif}.rating-slider.rating-untouched{background:#e0dcd4!important}.rating-slider.rating-untouched::-webkit-slider-thumb{background-image:none;background-color:#d8d4cc;border:2px dashed #bbb;filter:none}.rating-slider.rating-untouched::-moz-range-thumb{background-image:none;background-color:#d8d4cc;border:2px dashed #bbb;filter:none}.slider-wrapper{flex:1}.rating-slider{width:100%;height:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#99999940,#999 50%,#e0dcd4 50%);border-radius:4px;outline:none;cursor:pointer;--thumb-image: url(/i/ratingfaces/md.png)}.rating-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:36px;border-radius:50%;background-image:var(--thumb-image);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #FAFAF7;box-shadow:0 2px 8px #00000026;cursor:pointer}.rating-slider::-moz-range-thumb{width:36px;height:36px;border-radius:50%;background-image:var(--thumb-image);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #FAFAF7;box-shadow:0 2px 8px #00000026;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#aaa;margin-top:6px;font-family:DM Sans,sans-serif;font-weight:500}.star-ratings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.star-rating{display:flex;gap:0;cursor:pointer;font-size:1.625rem;line-height:1}.star-rating .star{color:#d8d4cc;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 4px}.star-rating .star:hover,.star-rating .star.active{color:#c4900e}.text-review-input{width:100%;padding:16px;border-radius:14px;background:#fff;border:1.5px solid #e0dcd4;color:#1a1a1a;font-size:16px;font-family:DM Sans,sans-serif;resize:vertical;outline:none;line-height:1.7;box-sizing:border-box;min-height:80px;transition:border-color .15s}.text-review-input:focus{border-color:#c4900e}#review-form-content select,#review-form-content .form-section select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 36px 12px 16px;border-radius:12px;border:1.5px solid #e0dcd4;background:#fff;color:#1a1a1a;font-size:15px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aaa' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}#review-form-content select:focus{border-color:#c4900e}.form-actions-fixed{border-top:1.5px solid #eee;background:#fafaf7;padding:14px 28px 18px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.modal-nav{display:flex;align-items:center;justify-content:space-between}.modal-nav-btn{padding:9px 18px;border-radius:10px;background:transparent;border:1.5px solid #ddd8ce;color:#555;font-size:14px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .15s}.modal-nav-btn:hover:not(:disabled){background:#f0ece4}.modal-nav-btn:disabled{border-color:#ebe7df;color:#ccc;cursor:default}.modal-order-display{font-size:13px;color:#bbb;font-family:DM Sans,sans-serif;font-weight:500}.modal-main-actions{display:flex;gap:12px}#review-cancel{flex:1;padding:15px 20px;border-radius:14px;background:#fff;border:1.5px solid #ddd8ce;color:#888;font-size:15px;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}#review-cancel:hover{background:#f5f3ee}#review-submit{flex:2;padding:15px 20px;border-radius:14px;background:#1a1a1a;border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;position:relative}#review-submit:hover:not(:disabled){background:#333;transform:translateY(-1px)}#review-submit:disabled{background:#ccc;color:#888;cursor:not-allowed;transform:none}#review-submit.loading{background:#1a1a1a;opacity:.8;cursor:wait}#review-submit .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}@media screen and (max-height: 500px){.review-modal{align-items:flex-start}.review-modal-content{border-radius:0;width:100%;max-width:100%;max-height:100dvh}}.lyrics-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:#fafaf7;border-radius:18px;box-shadow:0 25px 80px #0000001f;overflow:hidden;z-index:10002;display:none}.lyrics-modal.visible{display:block}.lyrics-modal-header{background:#fafaf7;padding:16px 22px;border-bottom:1.5px solid #eee;display:flex;justify-content:space-between;align-items:center}.lyrics-modal-title{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500;color:#1a1a1a;margin:0}.lyrics-close{cursor:pointer;font-size:1.5rem;color:#888;line-height:1}.lyrics-close:hover{color:#333}.lyrics-content{padding:22px;overflow-y:auto;max-height:calc(80vh - 60px);white-space:pre-wrap;font-size:16px;line-height:2;color:#444;font-family:DM Sans,sans-serif}.youtube-miniplayer{position:fixed;bottom:20px;right:20px;width:320px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000002e;z-index:10001;display:none;flex-direction:column;overflow:hidden}.youtube-miniplayer.visible{display:flex}#yt-hidden-player-wrap{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;top:0;left:0}.audio-player-body{display:flex;flex-direction:column;padding:10px 12px;gap:8px}.audio-player-top{display:flex;align-items:center;gap:10px}.audio-album-art{width:52px;height:52px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#e8e4de}.audio-track-info{flex:1;min-width:0}.audio-track-title{font-size:.8125rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-track-album{font-size:.6875rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.youtube-miniplayer-close{cursor:pointer;font-size:1.25rem;color:#888;line-height:1;flex-shrink:0}.youtube-miniplayer-close:hover{color:#333}.audio-player-controls{display:flex;align-items:center;gap:8px}.audio-play-btn{background:none;border:none;cursor:pointer;padding:0;width:26px;height:26px;font-size:1rem;color:#c4900e;flex-shrink:0;display:flex;align-items:center;justify-content:center}.audio-play-btn:hover{color:#a0760a}.audio-time{font-size:.6875rem;color:#888;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;display:inline-block;min-width:2.8em}#audio-time-current{text-align:right}#audio-time-total{text-align:left}.audio-progress{flex:1;height:4px;cursor:pointer;accent-color:#C4900E}.stats-chart-container{flex:1;min-height:320px;position:relative}.rasti-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;flex-direction:column;background:#f5f3ee}.rasti-modal.visible{display:flex}.rasti-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:620px;margin:0 auto;background:#fafaf7;box-shadow:0 0 0 1px #eee}.rasti-view{display:flex;flex-direction:column;flex:1;min-height:0}.rasti-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1.5px solid #eee;background:#fafaf7;flex-shrink:0}.rasti-title{flex:1;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500;color:#1a1a1a;margin:0}.rasti-close{cursor:pointer;font-size:1.5rem;color:#888;line-height:1;flex-shrink:0}.rasti-close:hover{color:#333}.rasti-back-btn{background:none;border:none;font-size:1.1rem;color:#888;cursor:pointer;padding:0 4px;flex-shrink:0}.rasti-back-btn:hover{color:#333}.rasti-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 18px 32px;display:flex;flex-direction:column;gap:12px;min-height:0}#rasti-search{width:100%;padding:11px 16px;border:1.5px solid #e0dcd4;border-radius:12px;font-size:15px;font-family:DM Sans,sans-serif;outline:none;flex-shrink:0;transition:border-color .15s}#rasti-search:focus{border-color:#c4900e}.rasti-results{display:flex;flex-direction:column;gap:4px}.rasti-participant-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:11px 16px;border:1.5px solid #eee;border-radius:12px;background:#fff;cursor:pointer;font-size:1rem;color:#1a1a1a;font-family:DM Sans,sans-serif;transition:background-color .12s,border-color .12s}.rasti-participant-progress{flex-shrink:0;font-size:12px;font-weight:600;color:#999;letter-spacing:.02em}.rasti-participant-done{color:#4a7f4a}.rasti-participant-btn:hover{background:#f0f0ff;border-color:#c4900e}.rasti-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.rasti-loading .rasti-spinner{display:block;width:22px;height:22px;border:2px solid rgba(196,144,14,.2);border-top-color:#c4900e;border-radius:50%;animation:spin .8s linear infinite}.rasti-loading,.rasti-empty,.rasti-error{color:#888;font-size:.9rem;text-align:center;padding:20px 0}.rasti-error{color:#dc2626}.rasti-stats{flex-shrink:0}.rasti-stat-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.rasti-stat{font-size:.9rem;color:#888}.rasti-stat-pct{font-size:1.5rem;font-weight:700;color:#1a1a1a}.rasti-progress-bar{height:6px;background:#ebe7df;border-radius:3px;overflow:hidden}.rasti-progress-fill{height:100%;background:#22c55e;border-radius:3px;transition:width .4s ease}.rasti-legend{display:flex;align-items:center;gap:14px;font-size:.8rem;color:#888;flex-shrink:0;flex-wrap:wrap}.rasti-legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:3px}.rasti-song-grid{display:flex;flex-wrap:wrap;gap:4px}.rasti-cell{width:34px;height:34px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.rasti-cell-reviewed{background:#bbf7d0;color:#15803d}.rasti-cell-missing{background:#fecaca;color:#b91c1c}.rasti-cell-unpublished{background:#ebe7df;color:#bbb}.export-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;align-items:center;justify-content:center;padding:16px}.export-modal.visible{display:flex}.export-panel{background:#fafaf7;border-radius:18px;width:100%;max-width:420px;box-shadow:0 25px 80px #0000001f;overflow:hidden}.export-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1.5px solid #eee}.export-title{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:500;margin:0;color:#1a1a1a}.export-close{font-size:1.4rem;cursor:pointer;color:#888;line-height:1;padding:2px 6px;border-radius:4px}.export-close:hover{background:#ebe7df;color:#333}.export-body{padding:22px;display:flex;flex-direction:column;gap:16px}.export-description{margin:0;font-size:.9rem;color:#888}.export-buttons{display:flex;flex-direction:column;gap:10px}.export-format-btn{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1.5px solid #eee;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.export-format-btn:hover{border-color:#c4900e;background:#fafaf7}.export-format-name{font-size:1rem;font-weight:700;color:#1a1a1a;flex-shrink:0;width:44px}.export-format-desc{font-size:.85rem;color:#888;line-height:1.35}.export-status{font-size:.85rem;min-height:1.2em;text-align:center;margin:0}.export-status-ok{color:#16a34a}.export-status-error{color:#dc2626}@media (max-width: 640px){#app-root{padding:0 16px 48px}.app-header{padding:24px 0 0}.app-header-title{font-size:32px}.review-modal-header{padding:20px 20px 16px}.review-metadata{padding:16px 20px}.review-action-bar{padding:12px 20px}#review-form-content{padding:22px 20px 14px}.form-actions-fixed{padding:12px 20px 14px}.review-modal-title{font-size:23px}.star-ratings-grid{grid-template-columns:1fr 1fr;gap:16px}}.hover\:bg-\[\#333\]:hover{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}