*{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-slide-out .42s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:vt-slide-in .5s cubic-bezier(.2,.7,.2,1) both}@keyframes vt-slide-out{to{opacity:0;transform:translateY(-40px) scale(.98)}}@keyframes vt-slide-in{0%{opacity:0;transform:translateY(48px) scale(.98)}}.masthead{view-transition-name:site-header}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}body{margin:0;font-family:Trebuchet MS,Lucida Grande,Segoe UI,Tahoma,sans-serif;color:#333;font-size:14px;line-height:1.55;background-color:#cfe3f2;background-image:linear-gradient(180deg,#eaf4fb,#cfe3f2 260px,#b9d6ea),repeating-linear-gradient(-45deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.14) 2px,transparent 0,transparent 6px);background-attachment:fixed}a{color:#1c6fb3;text-decoration:none}a:hover{text-decoration:underline}code{font-family:Courier New,Courier,monospace;background:#fff4d6;border:1px solid #e6d9a8;color:#8a6d1a;padding:0 4px;border-radius:3px;font-size:.92em}.container{width:980px;max-width:calc(100% - 24px);margin:0 auto}.page{position:relative;padding-bottom:30px}.beta-ribbon{position:fixed;top:22px;right:-46px;z-index:100;transform:rotate(45deg);background:linear-gradient(180deg,#ff8a3c,#e8620f);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:6px 60px;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.35);border-top:1px solid #ffb37a;border-bottom:1px solid #b74d09;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.masthead{background:linear-gradient(180deg,#4a4a4a,#2a2a2a 48%,#1a1a1a 52%,#000);border-bottom:3px solid #ff8a3c;box-shadow:0 3px 8px rgba(0,0,0,.4);padding:18px 0 0}.masthead .container{position:relative}.logo{display:flex;align-items:center;gap:12px}.logo:hover{text-decoration:none}.logo-emoji{font-size:46px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.logo-text{font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;color:#fff;text-shadow:0 1px 0 #000,0 2px 4px rgba(0,0,0,.6);letter-spacing:-1px}.logo-text b{color:#ff9a4d;font-weight:700}.two-oh{font-size:16px;color:#8fd14f;background:linear-gradient(180deg,#a4e06a,#6fb034);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:4px;font-family:Trebuchet MS,sans-serif;font-weight:700}.slogan{color:#cfcfcf;font-style:italic;margin:4px 0 14px 58px;font-size:15px;text-shadow:0 1px 0 #000}.topnav{display:flex;gap:6px;padding-bottom:0;transform:translateY(1px);flex-wrap:wrap}.btn2010{display:inline-block;padding:8px 18px;color:#333!important;font-weight:700;font-size:13px;border:1px solid #9aa;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#fff,#eef3f7 48%,#dbe6ef 52%,#c7d7e6);box-shadow:inset 0 1px 0 #fff;text-shadow:0 1px 0 #fff}.btn2010:hover{text-decoration:none;background:linear-gradient(180deg,#fff,#fdf1dc 48%,#ffe1b0 52%,#ffcf87)}.btn2010.rss{color:#fff!important;border-color:#d06a12;background:linear-gradient(180deg,#ffb15a,#ff8a2b 48%,#f2760f 52%,#d9640a);text-shadow:0 -1px 0 rgba(0,0,0,.35)}.hero{background:linear-gradient(180deg,#fff,#eef6ff);border-bottom:1px solid #b9d6ea;box-shadow:inset 0 -8px 14px -8px rgba(0,0,0,.12);padding:26px 0 22px}.hero h1{margin:0 0 8px;font-family:Georgia,serif;font-size:26px;color:#234;text-shadow:0 1px 0 #fff;line-height:1.25}.hero p{margin:0;font-size:16px;color:#567}.badge-new{display:inline-block;margin-left:8px;background:linear-gradient(180deg,#ff5b5b,#d61f1f);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 2px rgba(0,0,0,.3);text-shadow:0 -1px 0 rgba(0,0,0,.3);vertical-align:middle}.searchbox{margin:22px 0 18px;padding:14px 18px;background:linear-gradient(180deg,#fff,#f0f6db);border:1px solid #bcd08a;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.searchbox label{font-weight:700;color:#4a6b1e;text-shadow:0 1px 0 #fff}.searchbox input{flex:1 1;min-width:200px;padding:8px 12px;font-family:inherit;font-size:14px;border:1px solid #a9b7c6;border-radius:20px;box-shadow:inset 0 2px 4px rgba(0,0,0,.12);outline:none;background:#fff}.searchbox input:focus{border-color:#ff8a3c;box-shadow:inset 0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(255,138,60,.5)}.result-count{font-size:12px;color:#777;font-style:italic;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin:4px 0 30px}.card{position:relative;background:linear-gradient(180deg,#fff,#f4f8fc);border:1px solid #b7c6d6;border-radius:14px;padding:0 18px 18px;box-shadow:0 3px 10px rgba(0,0,0,.18),inset 0 1px 0 #fff;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,80,130,.28),inset 0 1px 0 #fff}.card-gloss{position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,0));pointer-events:none}.card-head{display:flex;gap:12px;align-items:flex-start;padding:18px 0 12px;border-bottom:1px solid #e2e9f0;position:relative}.emoji{font-size:40px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.card-head-text h2{margin:2px 0;font-family:Georgia,serif;font-size:19px;color:#1f3a57;line-height:1.15;text-shadow:0 1px 0 #fff}.card-head-text h2 code{font-size:.82em}.tagline{margin:0 0 4px;font-style:italic;color:#7a8a99;font-size:13px}.stars{color:#ffab00;font-size:15px;letter-spacing:1px;text-shadow:0 1px 1px rgba(0,0,0,.15)}.stars-empty{color:#d9dfe5}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}.chip{font-size:11px;font-weight:700;color:#3d6b1f;background:linear-gradient(180deg,#f3fadf,#dcefb4);border:1px solid #bcd08a;border-radius:12px;padding:3px 10px;box-shadow:inset 0 1px 0 #fff;text-shadow:0 1px 0 #fff}.chip.hot{color:#a3281c;background:linear-gradient(180deg,#ffe1dc,#ffc0b6);border-color:#e59a8f}.section{padding-top:6px}.sec-label{margin:12px 0 6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#d9640a;font-weight:700;text-shadow:0 1px 0 #fff}ul.ing{list-style:none;margin:0;padding:0}ul.ing li{position:relative;padding:5px 0 5px 20px;font-size:13px;border-bottom:1px dotted #e0e6ec}ul.ing li:last-child{border-bottom:0}ul.ing li:before{content:"»";position:absolute;left:4px;color:#8fbf34;font-weight:700}ol.steps{margin:0;padding:0;list-style:none;counter-reset:step}ol.steps li{position:relative;padding:6px 0 6px 30px;font-size:13px}ol.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ffb15a,#f2760f);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.25)}.note{margin-top:14px;padding:10px 12px;background:linear-gradient(180deg,#fffdf2,#fff6d6);border:1px solid #ecdd9c;border-left:4px solid #f2a80f;border-radius:0 8px 8px 0;font-size:12.5px;color:#6d5a1c;font-style:italic}.note b{font-style:normal;color:#b5820c}.noresults{margin:20px 0 40px;padding:30px;text-align:center;background:linear-gradient(180deg,#fff,#fff2f0);border:1px solid #ecbcb4;border-radius:12px;color:#8a4a42;box-shadow:inset 0 1px 0 #fff}.card-preview{height:340px;display:flex;flex-direction:column}.card-preview .card-head-text h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-preview .tagline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-preview .chips{max-height:62px;overflow:hidden}.card-peek{margin:4px 0 0;font-size:13px;color:#556;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.peek-label{display:block;font-family:Trebuchet MS,sans-serif;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#d9640a;font-weight:700;margin-bottom:2px}.card-meta{margin:8px 0 0;font-size:12px;color:#8a97a5;font-style:italic}.card-preview .btn-more{margin-top:auto;align-self:flex-start}.xss-alert{margin:8px 0 40px;padding:22px 24px;text-align:center;color:#fff;background:linear-gradient(180deg,#5a1414,#3a0d0d);border:2px solid #ff5b5b;border-radius:14px;box-shadow:0 4px 16px rgba(120,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.xss-head{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#ffd24d;text-shadow:0 1px 0 #000,0 0 12px rgba(255,91,91,.6);margin-bottom:10px}.xss-roast{font-size:16px;font-style:italic;color:#ffdede;max-width:640px;margin:0 auto 16px;line-height:1.5}.xss-echo-label{font-size:12px;color:#ffb0b0;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px}.xss-echo{font-family:Courier New,monospace;font-size:14px;color:#3f5;background:#000;border:2px inset #700;border-radius:6px;padding:10px 14px;margin:0 auto 14px;max-width:640px;overflow-x:auto;text-align:left;white-space:pre-wrap;word-break:break-word;text-shadow:0 0 6px rgba(51,255,85,.6)}.xss-foot{font-size:13px;color:#ffcaca;margin:0}.footer{margin-top:30px;padding:18px 0;color:#445;background:linear-gradient(180deg,#dce9f4,#c3d8ea);border-top:1px solid #a9c4dc;box-shadow:inset 0 1px 0 #fff;text-align:center;border-radius:12px 12px 0 0}.footer p{margin:4px 0}.footer-small{font-size:11px;color:#6a7d8e}.webring{font-size:12px;color:#6a7d8e}.card-title-link{color:#1f3a57}.card-title-link:hover{color:#d9640a;text-decoration:none}.btn-more{display:inline-block;margin-top:14px;padding:7px 16px;color:#fff!important;font-weight:700;font-size:13px;border:1px solid #d06a12;border-radius:18px;background:linear-gradient(180deg,#ffb15a,#ff8a2b 48%,#f2760f 52%,#d9640a);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 1px 3px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.3)}.btn-more:hover{text-decoration:none;background:linear-gradient(180deg,#ffc178,#ff9a45 48%,#f9820f 52%,#e56d0a)}.breadcrumb{margin:16px 0 12px;font-size:12px;color:#567;background:hsla(0,0%,100%,.55);display:inline-block;padding:5px 12px;border-radius:12px;border:1px solid #b9d0e2;box-shadow:inset 0 1px 0 #fff}.detail-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:20px;gap:20px;align-items:start;margin-bottom:24px}.detail-main{padding:0 24px 22px}.detail-head{display:flex;gap:18px;align-items:center;padding:22px 0 14px;border-bottom:1px solid #e2e9f0}.detail-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.22))}.detail-head h1{margin:0 0 4px;font-family:Georgia,serif;font-size:28px;color:#1f3a57;line-height:1.15;text-shadow:0 1px 0 #fff}.detail-main .ing li,.detail-main .steps li{font-size:14px}.prevnext{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px dotted #cdd8e2;flex-wrap:wrap}.detail-side{display:flex;flex-direction:column;gap:16px}.side-box{background:linear-gradient(180deg,#fff,#eef4fa);border:1px solid #b7c6d6;border-radius:12px;padding:12px 14px 14px;box-shadow:0 2px 6px rgba(0,0,0,.14),inset 0 1px 0 #fff}.side-title{margin:0 0 10px;font-size:14px;color:#1f3a57;padding-bottom:6px;border-bottom:1px solid #dfe7ee;text-shadow:0 1px 0 #fff}.side-info{list-style:none;margin:0;padding:0}.side-info li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:4px 0;border-bottom:1px dotted #e4eaf0}.side-info li:last-child{border-bottom:0}.side-info li span{color:#78889a}.side-menu{list-style:none;margin:0;padding:0}.side-menu li{border-bottom:1px dotted #e4eaf0}.side-menu li:last-child{border-bottom:0}.side-menu li a{display:flex;gap:8px;align-items:center;padding:6px;font-size:12.5px;color:#345;border-radius:6px}.side-menu li a:hover{background:#fff3e2;text-decoration:none}.side-menu .menu-emoji{font-size:18px}.side-menu li.current a{background:linear-gradient(180deg,#fff3df,#ffe3bd);font-weight:700;color:#a3560a}.detail-main p{font-size:14px;margin:0 0 10px}.team-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:4px}.team-card{display:flex;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#fff,#f1f6fb);border:1px solid #cdd8e2;border-radius:10px;box-shadow:inset 0 1px 0 #fff}.team-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.team-card h3{margin:2px 0 1px;font-size:15px;color:#1f3a57}.team-role{margin:0 0 4px!important;font-size:11.5px!important;font-weight:700;color:#d9640a}.team-bio{margin:0!important;font-size:12px!important;color:#556}.hitcounter{font-family:Courier New,monospace;background:#000;color:#3f5;text-align:center;font-size:22px;letter-spacing:4px;padding:8px 6px;border-radius:6px;border:2px inset #444;box-shadow:inset 0 0 10px rgba(0,0,0,.8);text-shadow:0 0 6px rgba(51,255,85,.7)}.side-note{margin:8px 0 0;font-size:11.5px;color:#6a7d8e;font-style:italic}.btn-more.guestbook{margin-top:10px;font-size:12px;padding:6px 12px}.badges-box{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.wbadge{font-size:10px;font-weight:700;color:#234;background:linear-gradient(180deg,#fff,#dfe8f0);border:1px solid #a9bccd;border-radius:4px;padding:3px 7px;box-shadow:inset 0 1px 0 #fff;text-shadow:0 1px 0 #fff}@media (max-width:760px){.detail-layout,.team-grid{grid-template-columns:1fr}}@media (max-width:640px){.logo-text{font-size:32px}.slogan{margin-left:0}.hero h1{font-size:21px}.detail-head h1{font-size:22px}.detail-emoji{font-size:46px}.beta-ribbon{display:none}}