html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bg:#fff8e8;--color-bg-soft:#fff3d6;--color-bg-softest:#f8ebcb;--color-panel:#fffdf5;--color-panel-warm:#fff8ea;--color-border:#e9d4af;--color-border-strong:#ddbf8e;--color-text:#5a351f;--color-text-muted:#8a684b;--color-green:#7fcc45;--color-green-dark:#5fae38;--color-green-soft:#7fcc4538;--color-blue:#8dccff;--color-blue-dark:#2f7cc8;--color-gold:#ffc83d;--color-gold-dark:#f5a623;--color-grid-empty:#fffdf6;--color-grid-empty-alt:#f8f1e3;--color-grid-filled:#252c3a;--color-grid-filled-soft:#303747;--color-grid-line:#ddd2be;--color-grid-line-strong:#cdb58d;--color-grid-x:#b7aaa0;--shadow-soft:0 .5rem 1.25rem #5a351f1f;--shadow-card:0 .875rem 2.25rem #5a351f29;--radius-card:1.5rem;--radius-button:1rem}html{font-size:100%}@media only screen and (min-width:768px){html{font-size:100%}}@media only screen and (min-width:1200px){html{font-size:62.5%}}@media only screen and (min-width:1400px){html{font-size:75%}}@media only screen and (min-width:1920px){html{font-size:100%}}body{background:radial-gradient(circle at top left, #ffffffb8, transparent 34%),radial-gradient(circle at bottom right, #7fcc4524, transparent 28%),linear-gradient(180deg, var(--color-bg), var(--color-bg-soft) 52%, var(--color-bg-softest));height:100%;min-height:100vh;min-height:100dvh;color:var(--color-text);font-family:Montserrat,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{height:100%;min-height:100vh;min-height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}*{box-sizing:border-box}.page-shell{isolation:isolate;width:100%;height:100%;min-height:100vh;background:radial-gradient(circle at top,#ffffffa6,#0000 24rem),linear-gradient(#fffdf5c7,#fff8e870);justify-content:center;align-items:stretch;min-height:100dvh;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden}.page-shell--scroll{align-items:flex-start;padding-top:1rem;padding-bottom:1.5rem;overflow:hidden auto}.page-shell>.nono-root,.page-shell>.size-directory,.page-shell>.print-page{width:100%}.size-directory{align-content:center;gap:1.5rem;display:grid}.size-directory__title{letter-spacing:.02em;font-size:1.75rem;font-weight:700}.size-directory__subtitle{opacity:.7;margin-top:-.75rem;font-size:1rem;font-weight:400}.size-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media only screen and (min-width:768px){.size-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (min-width:1200px){.size-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.size-directory__grid--difficulty{grid-template-columns:1fr;max-width:20rem;margin:0 auto}@media only screen and (min-width:768px){.size-directory__grid--difficulty{grid-template-columns:repeat(2,minmax(0,1fr));max-width:28rem}}@media only screen and (min-width:1200px){.size-directory__grid--difficulty{grid-template-columns:repeat(3,minmax(0,1fr));max-width:36rem}}.size-directory__link{color:#1a1a1a;background:#f2f4f7;border:.0625rem solid #d0d4da;border-radius:.75rem;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .12s,border-color .12s,transform .12s,box-shadow .12s;display:flex}.size-directory__link:hover{background:#e7ebf1;border-color:#2d7df6;transform:translateY(-.0625rem);box-shadow:0 .5rem 1.5rem #2d7df61f}.size-directory__link--easy{border-left:.1875rem solid #4caf50}.size-directory__link--medium{border-left:.1875rem solid #2196f3}.size-directory__link--hard{border-left:.1875rem solid #ff9800}.size-directory__link--expert{border-left:.1875rem solid #f44336}.size-directory__link--extreme{border-left:.1875rem solid #9c27b0}.size-directory__link--evil{border-left:.1875rem solid #880e4f}.size-directory__tools{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.size-directory__solver-link{color:#1a1a1a;background:0 0;border:.0625rem dashed #d0d4da;border-radius:.75rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .12s,border-color .12s;display:inline-flex}.size-directory__solver-link:hover{background:#e7ebf1;border-style:solid;border-color:#2d7df6}@media (prefers-color-scheme:dark){.size-directory__solver-link{color:#eef0f3;border-color:#343c48}.size-directory__solver-link:hover{background:#222935;border-color:#4c92ff}}.size-directory__back{opacity:.6;font-size:.875rem;transition:opacity .12s;display:inline-block}.size-directory__back:hover{opacity:1}.page-shell:before,.page-shell:after{content:"";pointer-events:none;z-index:0;border-radius:999rem;position:absolute;inset:auto}.page-shell:before{background:radial-gradient(circle,#fffc,#fff0);width:14rem;height:14rem;top:-4rem;left:-3rem}.page-shell:after{background:radial-gradient(circle,#7fcc452e,#7fcc4500);width:18rem;height:18rem;bottom:-6rem;right:-6rem}.page-shell>*{z-index:1;position:relative}.color-browser{align-content:start;gap:1.25rem;width:min(100%,72rem);margin:0 auto}.color-browser__hero{z-index:1;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:linear-gradient(#141518fa,#141518f0),radial-gradient(circle at 0 0,#4c92ff24,#0000 55%);border:.0625rem solid #ffffff14;border-radius:1rem;gap:.5rem;margin:-.25rem 0 0;padding:1rem 1rem 1.125rem;display:grid;position:sticky;top:0}.color-browser__categories{gap:1rem;display:grid}.color-category{background:#ffffff0a;border:.0625rem solid #ffffff14;border-radius:1rem;gap:.875rem;padding:1rem;display:grid}.color-category__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.color-category__title{letter-spacing:.01em;font-size:1.125rem;font-weight:700}.color-category__count{color:#9fc0ff;text-align:center;background:#4c92ff29;border-radius:999rem;flex:none;min-width:2rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:700}.color-category__grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media only screen and (min-width:1200px){.color-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-card{color:#eef0f3;background:#ffffff0a;border:.0625rem solid #ffffff14;border-radius:.875rem;gap:.375rem;min-height:4.5rem;padding:.875rem 1rem;transition:background-color .12s,border-color .12s,transform .12s,box-shadow .12s;display:grid}.color-card:hover{background:#4c92ff1f;border-color:#4c92ff;transform:translateY(-.0625rem);box-shadow:0 .75rem 1.75rem #00000038}.color-card__name{font-size:1rem;font-weight:700;line-height:1.25}.color-card__meta{color:#eef0f3b8;font-size:.875rem}.color-browser__back{padding-left:.125rem}@media (prefers-color-scheme:dark){.size-directory__link{color:#eef0f3;background:#1b2028;border-color:#343c48}.size-directory__link:hover{background:#222935;border-color:#4c92ff}.size-directory__link--easy{border-left-color:#66bb6a}.size-directory__link--medium{border-left-color:#42a5f5}.size-directory__link--hard{border-left-color:#ffa726}.size-directory__link--expert{border-left-color:#ef5350}.size-directory__link--extreme{border-left-color:#ba68c8}.size-directory__link--evil{border-left-color:#ad1457}}