:root{--background:#fff;--foreground:#171717;--main-blue:#2b6cff;--main-blue-dark:#1f5be0;--soft-bg:#f6f7fb;--border:#ececec;--text-muted:#555}@media (prefers-color-scheme:dark){:root{--background:#fff;--foreground:#171717}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;line-height:1.5}img,svg,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2b6cff59}.layout-container{background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.siteMain{flex:1;width:100%;min-width:0}.siteHeader{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:relative}.siteHeaderInner{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;flex-shrink:1;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{border:1px solid var(--border);background:#fff;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{background:var(--main-blue);color:#fff;white-space:nowrap;cursor:pointer;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:var(--main-blue-dark)}.loginMenuWrap{flex-shrink:0;width:44px;height:44px;position:relative}.loginAvatarButton{border:1px solid var(--border);cursor:pointer;background:#fff;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{width:100%;height:100%;color:var(--main-blue);background:#eef4ff;justify-content:center;align-items:center;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{z-index:90;background:#f7f7fa;border-bottom:1px solid #ededed;position:relative}.tabsWrap{z-index:50;background:var(--soft-bg);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-flow:row;gap:10px;padding:10px 12px;display:flex;position:sticky;top:0;overflow:auto hidden}.tabsOuter{z-index:50;background:var(--soft-bg);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;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tab:hover{background:#f1f3f5}.tab.active{color:#fff;background:#111;border-color:#111}.tab.disabled{opacity:.45;pointer-events:none}.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;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{overscroll-behavior:contain;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{background:var(--soft-bg);text-align:center;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;font-weight:700;text-decoration:none}.footerLinks a:hover{color:#111;text-underline-offset:3px;text-decoration:underline}.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)}}@media (max-width:360px){.siteLogoImage,.siteLogo{max-width:calc(100vw - 90px);height:62px}.siteActionButton,.loginMenuWrap,.loginAvatarButton{width:38px;height:38px}.loginTextButton{height:32px;padding:0 10px;font-size:11px}.tab{padding:8px 10px;font-size:12px}}