*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}body{margin:0;line-height:inherit}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0;background:transparent}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;cursor:pointer}button:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;text-indent:0;border-color:inherit}ul,ol{list-style:none;margin:0;padding:0}
.pointer-events-none{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}
.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-40{height:10rem}.h-full{height:100%}.w-2{width:.5rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-auto{width:auto}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.min-w-0{min-width:0}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.min-w-\[980px\]{min-width:980px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}
.-translate-y-1\/2{transform:translateY(-50%)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.object-cover{object-fit:cover}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.border-b-\[3px\]{border-bottom-width:3px}.border-black{border-color:#000}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-\[\#FCD34D\]{background-color:#fcd34d}.bg-\[\#FFFEF9\]{background-color:#fffef9}.bg-\[\#FFFEF9\]\/90{background-color:rgba(255,254,249,.9)}.accent-black{accent-color:#000}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pt-8{padding-top:2rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pr-10{padding-right:2.5rem}.pr-24{padding-right:6rem}
.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}.text-\[10px\]{font-size:10px;line-height:14px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-black{color:#000}.text-black\/60{color:rgba(0,0,0,.6)}.text-black\/70{color:rgba(0,0,0,.7)}.text-black\/80{color:rgba(0,0,0,.8)}.underline{text-decoration-line:underline}.decoration-black\/20{text-decoration-color:rgba(0,0,0,.2)}.decoration-black\/30{text-decoration-color:rgba(0,0,0,.3)}.whitespace-nowrap{white-space:nowrap}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.backdrop-blur{backdrop-filter:blur(8px)}.no-select{user-select:none}.placeholder\:text-black\/50::placeholder{color:rgba(0,0,0,.5)}.hover\:bg-\[\#FFFEF9\]:hover{background-color:#fffef9}.hover\:decoration-black:hover{text-decoration-color:#000}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px currentColor}.focus\:ring-black:focus{--tw-ring-color:#000}.group[open] .group-open\:bg-\[\#FCD34D\]{background-color:#fcd34d}
@media (min-width:640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:h-11{height:2.75rem}.sm\:h-56{height:14rem}.sm\:w-56{width:14rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}
:root{
--wa-bg:#F4F7F6;
--wa-bg-2:#EAF4EF;
--wa-card:#FFFFFF;
--wa-text:#10201A;
--wa-muted:#61716A;
--wa-border:#DDE6E2;
--wa-border-strong:#C7D5CF;
--wa-green:#19A463;
--wa-green-dark:#087443;
--wa-green-soft:#E4F7EE;
--wa-yellow:#F4C95D;
--wa-red:#DC5F5F;
--wa-shadow:0 14px 40px rgba(16,32,26,.08);
--wa-shadow-soft:0 8px 24px rgba(16,32,26,.06);
--wa-ring:0 0 0 4px rgba(25,164,99,.14);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
background:
radial-gradient(circle at 10% -10%,rgba(25,164,99,.12),transparent 34rem),
radial-gradient(circle at 90% 0%,rgba(244,201,93,.14),transparent 30rem),
var(--wa-bg) !important;
color:var(--wa-text) !important;
text-rendering:optimizeLegibility;
}
a{text-underline-offset:3px;}
.bg-\[\#FFFEF9\]{background-color:var(--wa-bg-2) !important;}
.bg-white{background-color:var(--wa-card) !important;}
.border-black{border-color:var(--wa-border) !important;}
.border-\[3px\],.border-2{border-width:1px !important;}
.hard-shadow{box-shadow:var(--wa-shadow-soft) !important;}
.bg-\[\#FCD34D\]{background-color:var(--wa-green) !important;color:#fff !important;border-color:transparent !important;}
.text-black{color:var(--wa-text) !important;}
.text-black\/60,.text-black\/70,.text-black\/80{color:var(--wa-muted) !important;}
.decoration-black\/20,.decoration-black\/30{text-decoration-color:rgba(25,164,99,.35) !important;}
.hover\:decoration-black:hover{text-decoration-color:var(--wa-green-dark) !important;}
.accent-black{accent-color:var(--wa-green) !important;}
.focus\:ring-black:focus{--tw-ring-color:var(--wa-green) !important;box-shadow:var(--wa-ring) !important;}
.group-open\:bg-\[\#FCD34D\]:is(.group[open] *){background-color:var(--wa-green) !important;color:#fff !important;}
header.sticky{
border-color:var(--wa-border) !important;
background:rgba(244,247,246,.82) !important;
backdrop-filter:blur(16px) saturate(1.1);
}
section,aside,article,.rounded-2xl,.rounded-3xl{border-radius:22px !important;}
article.cardRoot{
position:relative;
overflow:hidden;
transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
article.cardRoot::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:4px;
background:linear-gradient(90deg,var(--wa-green),rgba(25,164,99,.25),transparent);
opacity:.9;
}
article.cardRoot:hover{
border-color:var(--wa-border-strong) !important;
box-shadow:var(--wa-shadow) !important;
transform:translateY(-2px);
}
button,.pressable,a.pressable{
transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease,filter .16s ease;
}
.pressable:hover{transform:translateY(-1px) !important;box-shadow:var(--wa-shadow) !important;filter:none;}
.pressable:active{transform:translateY(0) !important;filter:brightness(.98);}
#tableClear.pressable:hover,
#tableClear.pressable:active{transform:translateY(-50%) !important;}
input,select,textarea{
border-color:var(--wa-border) !important;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
input:focus,select:focus,textarea:focus{
border-color:var(--wa-green) !important;
box-shadow:var(--wa-ring) !important;
}
.no-select{user-select:none;}
.cardRoot{cursor:pointer;}
.cardRoot a,.cardRoot button,.cardRoot input,.cardRoot select,.cardRoot label{cursor:pointer;}
.lowercase{text-transform:none !important;}
.ratingBlock{
width:min(100%,280px);
border:1px solid var(--wa-border);
border-radius:18px;
background:linear-gradient(180deg,#fff,var(--wa-green-soft));
padding:10px 12px;
box-shadow:0 6px 18px rgba(16,32,26,.05);
}
.ratingBlock__top{
display:flex;
align-items:center;
gap:8px;
line-height:1;
}
.ratingBlock__stars{
color:var(--wa-yellow);
letter-spacing:1px;
font-size:15px;
white-space:nowrap;
}
.ratingBlock__value{
margin-left:auto;
font-size:18px;
font-weight:900;
color:var(--wa-text);
}
.ratingBlock__label{
border:1px solid rgba(25,164,99,.24);
border-radius:999px;
background:#fff;
color:var(--wa-green-dark);
padding:3px 8px;
font-size:11px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.02em;
}
.ratingBlock__bar{
margin-top:9px;
height:8px;
overflow:hidden;
border-radius:999px;
background:#DDE6E2;
}
.ratingBlock__bar span{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,var(--wa-green),var(--wa-green-dark));
}
.ratingExplainer{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:8px;
max-width:620px;
}
.ratingExplainer span{
border:1px solid var(--wa-border);
border-radius:999px;
background:#fff;
padding:4px 8px;
color:var(--wa-muted);
font-size:11px;
font-weight:800;
}
.ratingMini{
display:inline-flex;
align-items:center;
gap:8px;
min-width:94px;
}
.ratingMini span{
font-size:14px;
font-weight:900;
color:var(--wa-text);
}
.ratingMini i{
display:block;
width:54px;
height:7px;
overflow:hidden;
border-radius:999px;
background:#DDE6E2;
}
.ratingMini b{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,var(--wa-green),var(--wa-green-dark));
}
#statAvg,#statBest,#statCheap{color:var(--wa-text) !important;}
#statBest{display:inline-block;max-width:100%;}
table{border-collapse:separate;border-spacing:0;}
thead{background:var(--wa-green-soft) !important;}
tbody tr{transition:background-color .14s ease;}
tbody tr:hover{background:#F7FBF9 !important;}
@media (max-width:640px){
section,aside,article,.rounded-2xl,.rounded-3xl{border-radius:18px !important;}
.ratingBlock{width:100%;}
article.cardRoot:hover{transform:none;}
}
.scoreDetails{
display:grid;
gap:6px;
margin-top:10px;
max-width:360px;
border:1px solid var(--wa-border);
border-radius:18px;
background:#fff;
padding:10px 12px;
}
.scoreDetails__row{
display:grid;
grid-template-columns:88px 1fr 48px;
align-items:center;
gap:8px;
font-size:11px;
font-weight:800;
color:var(--wa-muted);
}
.scoreDetails__row i{
display:block;
height:7px;
overflow:hidden;
border-radius:999px;
background:#DDE6E2;
}
.scoreDetails__row b{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,var(--wa-green),var(--wa-green-dark));
}
.scoreDetails__row strong{
color:var(--wa-text);
text-align:right;
font-weight:900;
}
.checkedLine{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:8px;
color:var(--wa-muted);
font-size:11px;
font-weight:900;
}
.checkedLine span{
border:1px solid var(--wa-border);
border-radius:999px;
background:var(--wa-green-soft);
padding:4px 8px;
}
code{
border:1px solid var(--wa-border);
border-radius:8px;
background:#fff;
padding:1px 5px;
font-weight:800;
}