.web-footer,.web-page{font-family:Nunito,system-ui,sans-serif;color:#2b2340;line-height:1.65;box-sizing:border-box}.web-page{max-width:1100px;margin:auto;padding:28px 24px 60px}body{margin:0;background:#fff8ee}.web-page h1{font:500 clamp(32px,5vw,54px)/1.1 Fredoka,system-ui,sans-serif}.web-page h2{font-family:Fredoka,system-ui,sans-serif;font-weight:500}.web-page a,.web-footer a{color:#483189;text-underline-offset:3px;overflow-wrap:anywhere}.web-page nav,.web-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px}.web-page nav a,.web-footer nav a{display:inline-flex;align-items:center;min-height:44px}.web-footer{max-width:1100px;margin:32px auto 0;border-top:2px solid #d4c8dd;padding:22px 24px 35px;font-size:15px}.web-footer p{margin:16px 0 0}.web-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px}.web-game{background:#fff;border:2px solid #2b2340;border-radius:18px;overflow:hidden;padding:16px}.web-art{border-radius:12px;overflow:hidden}.web-art svg{display:block;width:100%;height:150px}.web-art-large{max-width:420px;margin-top:24px}.web-art-large svg{height:230px}.web-skill{font-size:15px;font-weight:800}.web-button{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;border:2px solid #2b2340;border-radius:10px;padding:8px 16px;font-weight:800;background:#ffe3b2}.web-page li{margin:14px 0}.web-playing .web-footer{display:none}.web-diary{display:grid;gap:26px;margin-top:28px}.web-diary-entry{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:24px;align-items:start;background:#fff;border:2px solid #2b2340;border-radius:18px;padding:18px}.web-diary-video,.web-diary-frame{display:block;position:relative;width:100%;aspect-ratio:9/16;border:0;border-radius:12px;overflow:hidden;background:#2b2340;padding:0;cursor:pointer}.web-diary-video img{display:block;width:100%;height:100%;object-fit:cover}.web-diary-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:#ffe3b2;border:2px solid #2b2340;display:grid;place-items:center;font-size:26px;color:#2b2340;padding-left:4px;box-sizing:border-box}.web-diary-video:hover .web-diary-play,.web-diary-video:focus-visible .web-diary-play{transform:scale(1.08)}.web-diary-video:focus-visible{outline:3px solid #483189;outline-offset:3px}.web-diary-entry h2{margin:2px 0 4px;font-size:clamp(24px,3vw,32px)}.web-diary-hook{font-size:19px;font-weight:800;margin:4px 0}.web-diary-code{background:#fff8ee;border:2px dashed #c9a33a;border-radius:10px;padding:8px 12px}.web-diary-code strong{letter-spacing:.04em}.web-diary-actions{display:flex;flex-wrap:wrap;gap:10px}.web-diary-links{font-size:15px}@media(max-width:620px){.web-diary-entry{grid-template-columns:1fr}.web-diary-video,.web-diary-frame{max-width:300px;margin:auto}}.web-cal{margin-top:30px;background:#fff;border:2px solid #2b2340;border-radius:22px;padding:18px clamp(10px,2.5vw,24px) 22px;box-shadow:0 5px #2b2340}.web-cal h2{margin:0 0 12px;font-size:clamp(24px,3.4vw,34px);display:flex;align-items:center;gap:10px}.web-cal h2:before{content:"";width:30px;height:30px;flex:none;border-radius:9px;background:#ffb9a8 linear-gradient(#ff8f7a 0 34%,transparent 34%);border:2px solid #2b2340}.web-cal-week,.web-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,10px)}.web-cal-week{font-size:13px;font-weight:800;text-align:center;color:#6c5f86;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.web-cal-grid{list-style:none;margin:0;padding:0}.web-cal-grid li{margin:0;min-width:0}.web-cal-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;aspect-ratio:1/1.12;box-sizing:border-box;border-radius:14px;background:#fff8ee;border:2px dashed #e2d6c4;padding:4px;color:#b3a7c4;text-decoration:none;overflow:hidden}.web-cal-num{align-self:flex-start;font:600 clamp(12px,1.6vw,16px)/1 Fredoka,system-ui,sans-serif;padding:2px 4px}.web-cal-posted{background:var(--soft,#fff1e6);border:2px solid #2b2340;color:#2b2340;box-shadow:0 3px #2b2340;transition:transform .15s,box-shadow .15s}.web-cal-posted:hover,.web-cal-posted:focus-visible{transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 6px #2b2340}.web-cal-posted:focus-visible{outline:3px solid #483189;outline-offset:3px}.web-cal-icon{display:block;width:88%;flex:1;min-height:0}.web-cal-icon svg{display:block;width:100%;height:100%}.web-cal-name{font-size:clamp(10px,1.3vw,13px);font-weight:800;line-height:1.15;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-cal-today{border-style:solid;border-color:#483189;color:#483189}.web-cal-today:after{content:"today";position:absolute;right:4px;top:4px;font-size:10px;font-weight:800;background:#483189;color:#fff;border-radius:6px;padding:1px 5px}.web-cal-newest{margin-top:18px}.web-diary-steps{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;font-weight:800}.web-diary-entry h1{margin:4px 0 6px}@media(max-width:620px){.web-cal-name{display:none}.web-cal-icon{width:100%}.web-cal-today:after{content:"";width:8px;height:8px;padding:0;border-radius:50%}}.web-diary-day{max-width:760px;margin:0 auto;text-align:center}.web-diary-day h1{margin:2px 0 4px}.web-diary-day .web-diary-video,.web-diary-day .web-diary-frame{width:min(100%,460px,calc((100vh - 110px)*.5625));width:min(100%,460px,calc((100svh - 110px)*.5625));margin:18px auto 20px;border:3px solid #2b2340;border-radius:20px;box-shadow:0 6px #2b2340}.web-diary-day .web-diary-play{width:88px;height:88px;font-size:36px;padding-left:6px}.web-diary-day .web-diary-actions{justify-content:center}.web-diary-day .web-diary-code{display:inline-block}@media(max-width:620px){.web-diary-day .web-diary-video,.web-diary-day .web-diary-frame{width:100%;max-width:none}}.web-brand-bar{display:flex;padding:2px 0 6px}.web-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:#2b2340!important}.web-brand-mark{width:36px;height:36px;border-radius:11px;border:2px solid #2b2340;box-shadow:0 3px #2b2340;background:#ffd166;display:grid;place-items:center;font:700 19px/1 Fredoka,system-ui,sans-serif;transform:rotate(-6deg)}.web-brand-name{font:600 21px/1 Fredoka,system-ui,sans-serif;letter-spacing:-.3px}.web-brand:hover .web-brand-mark,.web-brand:focus-visible .web-brand-mark{transform:rotate(0)}.web-brand:focus-visible{outline:3px solid #483189;outline-offset:3px;border-radius:12px}