*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{width:100%;height:100%;overflow:hidden}body{background:#dfe8ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{position:relative}.speech-bubble{color:#1a1a1a;white-space:nowrap;transform-origin:bottom;background:#fff;border-radius:18px;padding:8px 16px;font-size:14px;font-weight:600;animation:.18s ease-out bubble-pop;position:relative;box-shadow:0 2px 12px #0000002e}.speech-bubble:after{content:"";border:7px solid #0000;border-top:8px solid #fff;border-bottom-width:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bubble-close{color:#fff;cursor:pointer;pointer-events:auto;background:#2b2e33;border:none;border-radius:50%;width:20px;height:20px;font-size:13px;line-height:1;position:absolute;top:-9px;right:-9px;box-shadow:0 1px 4px #00000040}.bubble-close:hover{background:#444a52}@keyframes bubble-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1240;justify-content:flex-end;align-items:center;padding:24px;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-panel{background:#fffffff5;border-radius:16px;width:min(460px,92vw);max-height:86vh;padding:28px;animation:.3s ease-out panel-in;position:relative;overflow-y:auto;box-shadow:0 12px 48px #00000047}.modal-close{color:#333;cursor:pointer;background:#eee;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;position:absolute;top:14px;right:14px}.modal-close:hover{background:#ddd}.modal-panel h2{margin-bottom:4px;font-size:22px}.modal-panel h3{margin:18px 0 6px;font-size:15px}.modal-panel p{color:#333;margin-bottom:10px;font-size:14px;line-height:1.55}.modal-panel ul{margin-bottom:10px;padding-left:18px}.modal-panel li{color:#333;margin-bottom:4px;font-size:13.5px;line-height:1.5}.modal-subtitle{color:#777;margin-bottom:14px;font-size:13px}.tag-row{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.tag{color:#445;background:#eef1f5;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.entry{border-bottom:1px solid #eee;padding:12px 0}.entry:last-child{border-bottom:none}.entry-meta{color:#888;margin-bottom:4px;font-size:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.doodle-overlay{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.doodle{filter:drop-shadow(0 0 6px #ffffff40);flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute}.doodle-text{color:#ffffffd9;opacity:0;white-space:nowrap;font-family:Caveat,cursive;font-weight:700;animation:.6s ease-out forwards doodle-text-in;transform:rotate(-4deg)}.doodle-title{font-size:clamp(30px,3.4vw,46px);line-height:1}.doodle-sub{font-size:clamp(19px,1.7vw,26px)}.doodle-credit-text{opacity:0;font-size:clamp(17px,1.4vw,22px)}.doodle-svg{width:clamp(80px,9vw,150px);height:auto}.doodle-underline{width:clamp(110px,11vw,170px);margin-top:-6px}.doodle-heart{align-self:center;width:clamp(22px,2vw,32px)}.doodle-star{width:clamp(20px,2.2vw,34px)}.doodle-sway{animation:5s ease-in-out infinite doodle-sway}.doodle-only-mobile{display:none}.doodle-intro{top:9%;left:6%}.doodle-intro .doodle-svg:last-child{margin-left:18%}.doodle-cat{bottom:12%;left:9%}.doodle-medals{align-items:flex-end;top:22%;right:5%}.doodle-credit{flex-direction:row;align-items:center;gap:8px;bottom:10%;right:6%}.doodle-deco-star{top:12%;right:22%}@keyframes doodle-draw{to{stroke-dashoffset:0}}@keyframes doodle-text-in{0%{opacity:0;transform:rotate(-8deg)translateY(6px)}to{opacity:1;transform:rotate(-4deg)translateY(0)}}@keyframes doodle-sway{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2px,-3px)rotate(.8deg)}}@media (width<=1100px){.doodle-intro{top:5%;left:5%}.doodle-medals{top:16%;right:4%}.doodle-cat{bottom:8%;left:6%}.doodle-credit{bottom:6%;right:5%}}@media (width<=768px){.doodle-only-desktop{display:none}.doodle-only-mobile{display:block}.doodle-intro{top:max(3%, env(safe-area-inset-top));text-align:center;align-items:center;left:50%;transform:translate(-50%)}.doodle-intro .doodle-svg:last-child{display:none}.doodle-title{font-size:34px}.doodle-sub{font-size:20px}.doodle-cat{bottom:max(4%, env(safe-area-inset-bottom));align-items:center;left:50%;transform:translate(-50%)}.doodle-cat .doodle-svg,.doodle-medals,.doodle-deco-star,.doodle-credit{display:none}.doodle-intro.doodle-sway,.doodle-cat.doodle-sway{animation:none}}