:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#fff;--foreground:#171717}}html,body{height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}.layout-container{flex-direction:column;min-height:100vh;display:flex}.siteMain{flex:1}.siteHeader{background:#fff;border-bottom:1px solid #ececec}.siteHeaderInner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:none;margin:0;padding:6px 12px 6px 2px;display:flex}.siteLogoLink{flex:auto;justify-content:flex-start;align-items:center;min-width:0;text-decoration:none;display:flex;overflow:hidden}.siteLogoImage,.siteLogo{object-fit:contain;object-position:left center;width:auto;max-width:min(460px,100vw - 120px);height:88px;margin-left:0;display:block}.siteHeaderActions,.headerActions{flex-shrink:0;justify-content:flex-end;align-self:flex-end;align-items:center;gap:8px;margin-top:0;padding-bottom:8px;display:flex}.siteActionButton{background:#fff;border:1px solid #ececec;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 8px #0000000f}.siteActionButton>*{width:100%;height:100%}.loginTextButton{color:#fff;white-space:nowrap;cursor:pointer;background:#2b6cff;border:none;border-radius:10px;height:38px;padding:0 14px;font-size:12px;font-weight:900;box-shadow:0 2px 8px #2b6cff29}.loginTextButton:hover{background:#1f5be0}.loginMenuWrap{flex-shrink:0;width:44px;height:44px;position:relative}.loginAvatarButton{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.loginAvatarButton:hover{background:#fafafa}.loginAvatarImage{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.loginFallbackIcon{color:#2b6cff;background:#eef4ff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;line-height:1;display:flex}.loginDropdown{z-index:3000;background:#fff;border:1px solid #e8e8e8;border-radius:16px;gap:12px;min-width:180px;padding:14px;display:grid;position:absolute;top:54px;right:0;box-shadow:0 18px 45px #0000002e}.loginUserName{color:#222;text-align:center;white-space:nowrap;font-size:14px;font-weight:900}.loginUserName span{color:#777;font-size:12px;font-weight:500}.logoutButton{color:#555;cursor:pointer;background:#f1f3f5;border:none;border-radius:999px;width:100%;padding:9px 14px;font-size:13px;font-weight:900}.logoutButton:hover{background:#e9ecef}.siteNav{background:#f7f7fa;border-bottom:1px solid #ededed}.tabsWrap{z-index:50;-webkit-overflow-scrolling:touch;background:#f6f7fb;flex-flow:row;gap:10px;padding:10px 12px;display:flex;position:sticky;top:0;overflow:auto hidden}.tabsOuter{z-index:50;background:#f6f7fb;position:sticky;top:0}.tabsWrap::-webkit-scrollbar{height:6px}.tabsWrap::-webkit-scrollbar-thumb{background:#0003;border-radius:999px}.tab{color:#111;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.tab.active{color:#fff;background:#111;border-color:#111}.tab.disabled{opacity:.45}.tab svg{flex-shrink:0;display:block}.notificationWrap{z-index:1200;flex-shrink:0;width:100%;height:100%;position:relative}.notificationButton{color:#111;cursor:pointer;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex;position:relative}.notificationButton:hover{background:#fafafa}.notificationButton.active{background:#fff7df}.notificationIcon{font-size:21px;line-height:1;display:block;transform:translateY(1px)}.notificationText{display:none}.notificationBadge{color:#fff;text-align:center;box-sizing:border-box;background:#ff3b30;border:2px solid #fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;line-height:15px;position:absolute;top:-4px;right:-4px}.notificationPanel{color:#111;z-index:3000;background:#fff;border:1px solid #e8e8e8;border-radius:18px;width:min(360px,100vw - 24px);max-height:480px;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 18px 45px #0000002e}.notificationPanelHeader{color:#111;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:900;display:flex}.notificationReload{display:none}.notificationList{max-height:420px;overflow-y:auto}.notificationItem{color:#111;border-bottom:1px solid #f3f3f3;padding:13px 16px;text-decoration:none;display:block}.notificationItem:hover{background:#f8f9ff}.notificationItemTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.notificationType{color:#555;background:#f1f1f1;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.notificationType.type-tokuten_update{color:#9a5a00;background:#fff1d6}.notificationType.type-prize_update{color:#237a3b;background:#e9f8ee}.notificationType.type-column_update{color:#3730a3;background:#eef2ff}.notificationType.type-ranking_update{color:#9d174d;background:#fce7f3}.notificationDate{color:#777;white-space:nowrap;font-size:11px}.notificationTitle{color:#222;margin-bottom:4px;font-size:14px;font-weight:900;line-height:1.45}.notificationBody{color:#555;white-space:pre-wrap;font-size:13px;line-height:1.5}.notificationEmpty,.notificationError{color:#666;padding:18px 16px;font-size:13px}.notificationError{color:#c62828}.grid2{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.grid2col{grid-template-columns:1fr!important}}.siteFooter{text-align:center;background:#f6f7fb;border-top:1px solid #e5e5e5;gap:10px;margin-top:40px;padding:24px 16px;font-size:13px;display:grid}.footerLinks{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footerLinks a{color:#555;text-decoration:none}.footerCopy{color:#777}@media (max-width:640px){.siteHeaderInner{gap:8px;padding:6px 8px 6px 2px}.siteLogoImage,.siteLogo{max-width:calc(100vw - 96px);height:70px;margin-left:0}.siteHeaderActions,.headerActions{align-self:flex-end;gap:6px;margin-top:0;padding-bottom:6px}.siteActionButton{width:40px;height:40px}.loginTextButton{border-radius:10px;height:34px;padding:0 12px;font-size:12px}.loginMenuWrap,.loginAvatarButton{width:40px;height:40px}.loginFallbackIcon{font-size:18px}.loginDropdown{min-width:160px;top:50px;right:0}.tabsWrap{gap:8px;padding:8px}.tab{border-radius:12px;padding:9px 12px;font-size:13px}.notificationIcon{font-size:21px}.notificationBadge{min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:15px;top:-4px;right:-4px}.notificationPanel{width:auto;max-height:72vh;position:fixed;top:66px;left:10px;right:10px}.notificationList{max-height:calc(72vh - 54px)}}