@charset "UTF-8";*,:after,:before{box-sizing:border-box}body{margin:0}a{color:inherit}img{max-width:100%;height:auto}*{transition:color .3s ease,background-color .3s ease;-webkit-tap-highlight-color:transparent}:root,[data-theme=light]{--color-brand-primary:#2563EB;--color-brand-secondary:rgba(37,99,235,0.1);--color-background-card:#fff;--color-background-page:#F8FAFC;--color-background-content:#eff2f5;--color-background-card-unrend:#fffdf0;--color-background-subtle:#f3f4f6;--color-background-highlight:#eef2ff;--color-border:#E2E8F0;--color-border-unread:#f1c40f;--color-border-highlight:#007bff;--color-text-primary:#0f172a;--color-text-secondary:#64748B;--color-text-tertiary:#dde4ee;--color-warning-primary:#ea3b3b;--color-warning-secondary:rgba(255,47,47,0.1);--color-success-primary:#10b981;--color-success-secondary:rgba(16,185,129,0.1);--color-info-secondary:rgba(59,130,246,0.08);--shadow-xs:0 2px 10px rgba(0,0,0,0.05);--shadow-sm:0 2px 10px rgba(0,0,0,0.1);--shadow-card:0 4px 20px rgba(0,0,0,0.08);--shadow-card-hover:0 8px 30px rgba(0,0,0,0.12);--shadow-card-brand:0 2px 25px rgba(37,99,235,0.15);--fd-ink:var(--color-text-primary);--fd-ink-2:var(--color-text-secondary);--fd-ink-3:var(--color-text-secondary);--fd-accent:var(--color-brand-primary);--fd-accent-tint:var(--color-background-highlight);--fd-accent-soft:rgba(37,99,235,0.18);--fd-danger:var(--color-warning-primary);--fd-danger-soft:var(--color-warning-secondary);--fd-success:var(--color-success-primary);--fd-success-soft:var(--color-success-secondary);--fd-text-base:0.95rem;--fd-text-sm:0.85rem;--fd-text-xs:0.75rem;--fd-space-1:4px;--fd-space-2:8px;--fd-space-3:12px;--fd-space-4:16px;--fd-space-5:20px;--fd-space-6:24px;--fd-space-8:32px}[data-theme=dark]{--color-brand-primary:#23A5FF;--color-brand-secondary:rgba(35,165,255,0.1);--color-background-page:#131517;--color-background-card:#181A1D;--color-background-content:#21252A;--color-background-card-unread:#08102D;--color-background-subtle:#1e2024;--color-background-highlight:#1a2040;--color-border:#334155;--color-border-unread:#033ae3;--color-border-highlight:#23A5FF;--color-text-primary:#f1f5f9;--color-text-secondary:#94A3B8;--color-text-tertiary:#2b3036;--color-warning-primary:#FF3535;--color-warning-secondary:rgba(255,53,53,0.1);--color-success-primary:#10b981;--color-success-secondary:rgba(16,185,129,0.12);--color-info-secondary:rgba(59,130,246,0.12);--shadow-xs:0 2px 10px rgba(0,0,0,0.2);--shadow-sm:0 2px 10px rgba(0,0,0,0.25);--shadow-card:0 4px 20px rgba(0,0,0,0.3);--shadow-card-hover:0 8px 30px rgba(0,0,0,0.4);--shadow-card-brand:0 2px 20px rgba(35,165,255,0.1);--fd-accent-soft:rgba(35,165,255,0.18)}body,html{height:100%}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}.bootstrap-failed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#212529}.bootstrap-failed a{color:#007bff;text-decoration:none}.bootstrap-failed a:hover{color:#0056b3;text-decoration:underline}.bootstrap-failed .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.bootstrap-failed .container{max-width:540px}}@media (min-width:768px){.bootstrap-failed .container{max-width:720px}}@media (min-width:992px){.bootstrap-failed .container{max-width:960px}}@media (min-width:1200px){.bootstrap-failed .container{max-width:1140px}}.bootstrap-failed .btn{display:inline-block;padding:.5rem 1rem;font-size:1rem;line-height:1.5;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:.25rem;transition:all .3s ease}.bootstrap-failed .btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.bootstrap-failed .btn-primary:hover{background-color:#0056b3}.bootstrap-failed footer{background-color:#212529!important;color:#fff!important;padding:2rem 0;margin-top:2rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container,input,select,textarea{color:var(--color-text-primary)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:1200px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}[class*=" col-"],[class^=col-]{padding-left:8px;padding-right:8px;flex:0 0 100%;max-width:100%}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-3{flex:0 0 25%;max-width:25%}@media (min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-6{flex:0 0 50%;max-width:50%}}.site-navbar{position:fixed;top:0;left:0;right:0;z-index:1030;background:var(--color-background-card);box-shadow:var(--shadow-card-brand)}.site-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;display:flex;align-items:center;justify-content:space-between;height:62px}@media (min-width:992px){.site-container{max-width:960px}}@media (min-width:1200px){.site-container{max-width:1140px}}.site-brand{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-weight:700;font-size:1.5rem;white-space:nowrap;font-family:sans-serif}.site-navbar-toggler{display:none;background:transparent;border:0;width:44px;height:44px;border-radius:6px;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;color:var(--color-text-primary)}.site-navbar-toggler .bar{display:block;width:22px;height:2px;background:var(--color-text-primary);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.site-navbar.open .site-navbar-toggler .bar:first-child{transform:translateY(10px) rotate(45deg)}.site-navbar.open .site-navbar-toggler .bar:nth-child(2){opacity:0}.site-navbar.open .site-navbar-toggler .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.site-navbar-collapse{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.site-nav{display:flex;list-style:none;padding:0;margin-left:50px;gap:15px}.site-link,.site-nav li{display:block}.site-link{color:var(--color-text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:999px;font-weight:500;transition:color .3s ease,background-color .2s ease;position:relative}.site-link:hover{color:var(--color-brand-primary);background:var(--color-brand-secondary)}.site-link__dot{position:absolute;top:2px;right:4px;width:8px;height:8px;background:#dc3545;border-radius:50%;animation:pulse 2s infinite}.site-link.is-disabled{color:var(--color-text-tertiary);cursor:default;opacity:.7}.site-link.is-disabled:hover{color:var(--color-text-tertiary);background:transparent}.site-actions{display:flex;align-items:center;gap:.25rem}.site-login-btn{display:inline-flex;background:var(--color-brand-secondary);border:none;color:var(--color-brand-primary);padding:8px 16px;border-radius:20px;font-weight:500;transition:all .3s ease;text-decoration:none;align-items:center}.site-login-btn:hover{background:var(--color-brand-primary);color:#fff;text-decoration:none}.site-user-dropdown{position:relative}.site-user-dropdown-toggle{background:transparent;border:0;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem;padding:8px 15px;border-radius:999px;font-size:1rem;cursor:pointer;transition:all .3s ease}.site-user-dropdown-toggle:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.site-user-dropdown-toggle:after{content:"";display:inline-block;margin-left:6px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-text-primary);transition:all .3s ease}.site-user-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-background-card);border-radius:15px;box-shadow:var(--shadow-card-brand);min-width:200px;padding:.5rem 0;display:none;z-index:2000;list-style:none;margin:0}.site-user-dropdown.open .site-user-dropdown-menu{display:block}.site-user-dropdown.open .site-user-dropdown-toggle:after{transform:rotate(180deg)}.site-user-avatar{width:32px;height:32px;border-radius:8%;overflow:hidden;display:inline-flex;margin-left:5px}.site-user-avatar img{width:100%;height:100%;object-fit:cover}.site-dropdown-header{padding:.5rem 1rem;font-size:1.2rem;color:var(--color-text-primary);font-weight:700}.site-dropdown-divider{height:2px;background:var(--color-text-tertiary);margin:.5rem 0}.site-dropdown-item{display:block;padding:.5rem 1rem;color:var(--color-text-primary);text-decoration:none;transition:all .3s ease}.site-dropdown-item:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.site-dropdown-item.site-text-danger{color:var(--color-warning-primary)}.site-dropdown-item.site-text-danger:hover{background:var(--color-warning-secondary)}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:14px!important;border-radius:999px;transition:all .3s ease}.notification-btn:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.notification-btn .icon,.notification-btn i{font-size:1.2rem;color:var(--color-text-primary)}.notification-badge{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:.75rem;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.notification-badge.has-notifications{animation:pulse 2s infinite}.notification-badge.large-count{font-size:.65rem;padding:1px 4px}.theme-toggle-button{position:relative;display:flex;align-items:center;border-radius:999px;border:none;background:none;color:var(--color-text-primary);padding:14px!important;transition:all .3s ease;cursor:pointer}.theme-toggle-button:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.theme-toggle-button .rotated{transform:rotate(180deg)}.theme-toggle-button .icon{font-size:1.2rem;color:var(--color-text-primary);transition:transform .4s ease}.checkin-indicator{position:relative;display:flex;align-items:center;border-radius:999px;border:none;background:none;color:var(--color-text-primary);padding:14px!important;transition:all .3s ease}.checkin-indicator:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.checkin-indicator .icon{font-size:1.2rem;color:var(--color-text-primary)}.checkin-badge{position:absolute;top:9px;right:9px;width:8px;height:8px;background:#22c55e;border-radius:50%;border:1.5px solid var(--color-bg-primary);display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){body{padding-top:62px}}@media (max-width:808px){.site-navbar .site-container{height:62px;padding-top:8px;padding-bottom:8px;align-items:stretch;flex-wrap:wrap}.site-navbar.open .site-container{height:auto}.site-navbar-toggler{display:inline-flex;margin-left:auto}.site-navbar-collapse{order:3;flex-direction:column;gap:.5rem;flex-basis:100%;width:100%;max-height:0;overflow:hidden;transition:max-height .25s ease}.site-navbar.open .site-navbar-collapse{max-height:260px;overflow:visible}.site-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-left:0;gap:.5rem}.site-link{padding:.5rem}.site-actions{justify-content:center}}.site-footer{background-color:var(--color-background-card);color:var(--color-text-primary);padding:0 0 1.5rem;box-shadow:var(--shadow-card-brand)}.site-footer a{color:#8899ef;text-decoration:none}.site-footer a:hover{color:var(--color-brand-primary)}.site-footer-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.site-footer-container{max-width:540px}}@media (min-width:768px){.site-footer-container{max-width:720px}}@media (min-width:992px){.site-footer-container{max-width:960px}}@media (min-width:1200px){.site-footer-container{max-width:1140px}}.site-footer-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem}@media (min-width:768px){.site-footer-row{flex-direction:row;align-items:baseline}.site-footer-right{text-align:right}}.site-footer-left,.site-footer-right{flex:1 1}.site-footer h5{margin-bottom:1rem;font-size:1.25rem;line-height:1.2;font-weight:500}.site-footer h5,.site-footer p{color:var(--color-text-primary)}.site-footer p{margin-bottom:.5rem}.social-links a{color:var(--color-text-primary);display:inline-block;margin-right:1rem;vertical-align:baseline}.social-links a:last-child{margin-right:0}.admin-layout{display:flex;min-height:calc(100vh - 60px - 60px)}.admin-sidebar{width:220px;flex-shrink:0;background:var(--color-background-card);border-right:1px solid var(--color-border);padding:20px 0;overflow-y:auto}.admin-sidebar__brand{padding:0 20px 16px;font-size:1.05rem;font-weight:700;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin-bottom:12px}.admin-sidebar__nav{list-style:none;padding:0;margin:0}.admin-sidebar__item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:.92rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-sidebar__item:hover{background:var(--color-background-subtle);color:var(--color-text-primary);text-decoration:none}.admin-sidebar__item--active{background:var(--color-background-subtle);color:var(--color-brand-primary);border-left-color:var(--color-brand-primary);font-weight:600}.admin-sidebar__icon{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0}.admin-sidebar__divider{height:1px;background:var(--color-border);margin:8px 16px}.admin-content{flex:1 1;min-width:0;overflow-y:auto;padding:0}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:0;overflow-y:visible;border-right:none;border-bottom:1px solid var(--color-border)}.admin-sidebar__brand{display:none}.admin-sidebar__nav{display:flex;flex-wrap:wrap;padding:6px 10px;gap:2px}.admin-sidebar__item{padding:6px 12px;font-size:.82rem;border-left:none;border-radius:6px}.admin-sidebar__item--active{border-left:none;background:var(--color-brand-primary);color:#fff}.admin-sidebar__divider,.admin-sidebar__icon{display:none}.admin-content{padding:0}}.button{display:inline-block;padding:8px 16px;border:none;cursor:pointer;text-align:center}.button-primary{background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:16px;font-weight:700;border-radius:999px;padding:10px 16px}.button-primary:hover{background:var(--color-brand-primary);color:#fff}.button-primary:active{filter:brightness(.6)}.button-primary-small{background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px}.button-primary-small:hover{background:var(--color-brand-primary);color:#fff}.button-primary-small:active{filter:brightness(.6)}.button-warning{background:var(--color-warning-secondary);color:var(--color-warning-primary);border-radius:999px;font-size:16px;font-weight:700;padding:10px 20px}.button-warning:hover{background:var(--color-warning-primary);color:#fff}.button-warning:active{filter:brightness(.6)}.actions{margin-top:10px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.button-warning-small{background:var(--color-warning-secondary);color:var(--color-warning-primary);border-radius:999px;font-size:12px;font-weight:700;padding:5px 10px}.button-warning-small:hover{background:var(--color-warning-primary);color:#fff}.button-warning-small:active{filter:brightness(.6)}.btn-brand{background:var(--color-brand-primary);color:#fff;border:0}.btn-brand:hover{filter:brightness(.95);color:#fff}.btn{display:inline-block;padding:.5rem 1rem;font-size:1rem;line-height:1.5;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:.375rem;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.btn-outline-primary{color:#0d6efd;background-color:transparent;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-secondary{color:#6c757d;background-color:transparent;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-danger{color:#dc3545;background-color:transparent;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn--danger-soft{background:var(--color-warning-secondary);color:var(--color-warning-primary);border:none}.btn--danger-soft:hover:not(:disabled){opacity:.9}.btn--quiet{padding:0;background:none;border:none;color:var(--color-brand-primary);font-size:.875rem}.btn--quiet:hover:not(:disabled){text-decoration:underline}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{background-color:#157347;border-color:#146c43}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-close{box-sizing:content-box;width:1rem;height:1rem;padding:.25rem;color:currentColor;background:transparent;border:0;border-radius:.25rem;opacity:.5;cursor:pointer}.btn-close:before{content:"×";display:block;font-size:1.25rem;line-height:1rem}.btn-close:hover{opacity:.75}[data-theme=dark] .btn-outline-primary{color:#5dade2;border-color:#5dade2}[data-theme=dark] .btn-outline-primary:hover{background-color:#5dade2;border-color:#5dade2;color:#1e1e1e}[data-theme=dark] .btn-outline-secondary{color:#a0aec0;border-color:#4a5568}[data-theme=dark] .btn-outline-secondary:hover{background-color:#4a5568;color:#ecf0f1}[data-theme=dark] .btn-outline-danger{color:#ff6b6b;border-color:#ff6b6b}[data-theme=dark] .btn-outline-danger:hover{background-color:#ff6b6b;color:#1e1e1e}[data-theme=dark] .btn-success{background-color:#157347;border-color:#146c43}[data-theme=dark] .btn-success:hover{background-color:#146c43;border-color:#115c36}[data-theme=dark] .btn-warning{color:#000;background-color:#e0a800;border-color:#d39e00}[data-theme=dark] .btn-warning:hover{color:#000;background-color:#d39e00;border-color:#c69500}[data-theme=dark] .btn-info{color:#000;background-color:#0aa2c0;border-color:#0997b3}[data-theme=dark] .btn-info:hover{color:#000;background-color:#0997b3;border-color:#08859e}.icon{display:inline-block;width:1.2rem;height:1.2rem;vertical-align:-.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.icon-bell-fill{-webkit-mask-image:url(/static/img/icons/bell-fill.svg);mask-image:url(/static/img/icons/bell-fill.svg)}.icon-bell{-webkit-mask-image:url(/static/img/icons/bell.svg);mask-image:url(/static/img/icons/bell.svg)}.icon-person{-webkit-mask-image:url(/static/img/icons/person.svg);mask-image:url(/static/img/icons/person.svg)}.icon-person-circle{-webkit-mask-image:url(/static/img/icons/person-circle.svg);mask-image:url(/static/img/icons/person-circle.svg)}.icon-gear{-webkit-mask-image:url(/static/img/icons/gear.svg);mask-image:url(/static/img/icons/gear.svg)}.icon-gear-fill{-webkit-mask-image:url(/static/img/icons/gear-fill.svg);mask-image:url(/static/img/icons/gear-fill.svg)}.icon-people{-webkit-mask-image:url(/static/img/icons/people.svg);mask-image:url(/static/img/icons/people.svg)}.icon-box-arrow-right{-webkit-mask-image:url(/static/img/icons/box-arrow-right.svg);mask-image:url(/static/img/icons/box-arrow-right.svg)}.icon-github{-webkit-mask-image:url(/static/img/icons/github.svg);mask-image:url(/static/img/icons/github.svg)}.icon-twitter{-webkit-mask-image:url(/static/img/icons/twitter.svg);mask-image:url(/static/img/icons/twitter.svg)}.icon-envelope{-webkit-mask-image:url(/static/img/icons/envelope.svg);mask-image:url(/static/img/icons/envelope.svg)}.icon-theme-toggle{-webkit-mask-image:url(/static/img/icons/theme-toggle.svg);mask-image:url(/static/img/icons/theme-toggle.svg)}.icon-heart-fill{-webkit-mask-image:url(/static/img/icons/heart-fill.svg);mask-image:url(/static/img/icons/heart-fill.svg)}.icon-chat-dots_new{-webkit-mask-image:url(/static/img/icons/chat-dots_new.svg);mask-image:url(/static/img/icons/chat-dots_new.svg)}.icon-add{-webkit-mask-image:url(/static/img/icons/add.svg);mask-image:url(/static/img/icons/add.svg)}.icon-calendar-check{-webkit-mask-image:url(/static/img/icons/calendar-check.svg);mask-image:url(/static/img/icons/calendar-check.svg)}.icon-house{-webkit-mask-image:url(/static/img/icons/house.svg);mask-image:url(/static/img/icons/house.svg)}.icon-arrow-left{-webkit-mask-image:url(/static/img/icons/arrow-left.svg);mask-image:url(/static/img/icons/arrow-left.svg)}.icon-book{-webkit-mask-image:url(/static/img/icons/book.svg);mask-image:url(/static/img/icons/book.svg)}.icon-controller{-webkit-mask-image:url(/static/img/icons/controller.svg);mask-image:url(/static/img/icons/controller.svg)}.icon-journal-text{-webkit-mask-image:url(/static/img/icons/journal-text.svg);mask-image:url(/static/img/icons/journal-text.svg)}.icon-tools{-webkit-mask-image:url(/static/img/icons/tools.svg);mask-image:url(/static/img/icons/tools.svg)}.icon-fish{-webkit-mask-image:url(/static/img/icons/fish.svg);mask-image:url(/static/img/icons/fish.svg)}.icon-clipboard{-webkit-mask-image:url(/static/img/icons/clipboard.svg);mask-image:url(/static/img/icons/clipboard.svg)}.icon-link{-webkit-mask-image:url(/static/img/icons/link.svg);mask-image:url(/static/img/icons/link.svg)}svg.lucide,svg.rc-icon{width:1em;height:1em;vertical-align:-.125em;flex:none}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:1050;overflow-y:auto;padding:1rem 0}.modal.is-open{display:flex}.modal-dialog{width:calc(100% - 2rem);max-width:500px;margin:auto}.modal-content{padding:10px;background:var(--color-background-card);color:var(--color-text-primary);border-radius:30px;box-shadow:var(--shadow-card-brand);overflow:hidden}.modal-footer,.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.modal-title{margin:0;font-size:1.25rem}.modal-body{padding:1rem}.list-group{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.list-group .list-group-item{display:block;padding:.5rem .75rem;background:var(--color-background-card);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.list-group .list-group-item:last-child{border-bottom:none}.list-group-item-action{cursor:pointer}.list-group-item-action:hover{background:var(--color-background-subtle)}.alert{position:relative;padding:.75rem 1rem;border:1px solid transparent;border-radius:.375rem;margin-bottom:1rem}.alert-info{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}[data-theme=dark] .alert-info{color:#cfe2ff;background-color:#0b284d;border-color:#133a6b}[data-theme=dark] .alert-warning{color:#ffecb5;background-color:#3a2d08;border-color:#4a3a0b}[data-theme=dark] .alert-danger{color:#f5c2c7;background-color:#4a0d12;border-color:#66131b}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:.5rem;right:.5rem}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text-primary);display:inline-block;margin-bottom:.5rem;font-weight:500}.mb-3{margin-bottom:1rem}.form-control{display:block;width:100%;font-size:.9rem;line-height:1.5;color:var(--color-text-primary)!important;background-color:var(--color-background-content)!important;background-clip:padding-box;border:none;border-radius:15px;resize:vertical;padding:5px 10px}.form-control:focus{color:var(--color-text-primary);background-color:var(--color-background-card);box-shadow:0 0 0 5px var(--color-brand-secondary);outline:0}.form-option{padding:.375rem .75rem;font-size:1rem;color:var(--color-text-primary);background-color:var(--color-background-content);cursor:pointer}.form-option,.form-select{display:block;line-height:1.5}.form-select{padding:8px 12px;font-size:14px;border-radius:999px;border:none;font-weight:700;color:var(--color-brand-primary);background-color:var(--color-brand-secondary)}.form-text{display:block;color:var(--color-text-secondary)}.form-text,.invalid-feedback{margin-top:.25rem;font-size:.875rem}.invalid-feedback{display:none;width:100%;color:#dc3545}.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:.9375rem;background-image:none}.is-invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-feedback{display:block}.form-check{display:block;min-height:1.5rem;padding-left:1.5rem;margin-bottom:.5rem}.form-check-input{width:1rem;height:1rem;margin-left:-1.5rem;margin-top:.25rem;vertical-align:top;background-color:var(--color-text-tertiary);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;cursor:pointer}.form-check-input:checked{background-color:var(--color-brand-primary)}.form-check-input:focus{outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25);border-color:#86b7fe}.form-check-label{color:var(--color-text-primary);cursor:pointer}.form-check-label a{color:var(--color-brand-primary);text-decoration:none}.toast-container{position:fixed;width:360px;max-width:calc(100% - 24px);pointer-events:none}.toast-container--tr{top:12px;right:12px}.toast{pointer-events:auto;background:#2b3035;color:#fff;border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.18);margin:8px 0;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translateY(0)}.toast__content{display:flex;align-items:center;gap:12px;padding:12px 14px}.toast__body{flex:1 1;line-height:1.4}.toast__close{background:transparent;border:0;color:inherit;font-size:18px;cursor:pointer;padding:2px 6px}.toast--success{background:#198754}.toast--error{background:#dc3545}.toast--info{background:#0d6efd}.toast--warning{background:#fd7e14}.pagination{display:flex;justify-content:center;margin-top:1rem;flex-wrap:wrap;align-items:center;gap:.2rem}.page-link{padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-card);font-size:.85rem;color:var(--color-text-primary);text-decoration:none;display:inline-block}.page-link:hover{background:var(--color-brand-secondary)}.page-link.active{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.page-ellipsis{padding:.4rem .3rem;font-size:.85rem;color:var(--color-text-secondary)}.page-jump{display:inline-flex;align-items:center;margin-left:.8rem}.page-input{width:3.5rem;padding:.35rem .4rem;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;text-align:center;background:var(--color-background-card);color:var(--color-text-primary);-moz-appearance:textfield}.page-input::-webkit-inner-spin-button,.page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-btn{cursor:pointer;margin-left:.3rem;white-space:nowrap}.frame-buster{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px 0;background:rgba(0,0,0,.5)}.frame-buster__dialog{width:calc(100% - 32px);max-width:420px;margin:auto;padding:16px;background:var(--color-background-card);color:var(--color-text-primary);border-radius:30px;box-shadow:var(--shadow-card-brand)}.frame-buster__dialog:focus{outline:none}.frame-buster__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.frame-buster__title{margin:0;font-size:1.125rem}.frame-buster__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;padding:0;background:none;border:none;border-radius:999px;color:var(--color-text-secondary);font-size:1.5rem;line-height:1;cursor:pointer}.frame-buster__close:hover{background:var(--color-background-content);color:var(--color-text-primary)}.frame-buster__close:active{filter:brightness(.6)}.frame-buster__text{margin:0 0 16px;color:var(--color-text-secondary);line-height:1.6}.frame-buster__origin{color:var(--color-text-primary);word-break:break-all}.frame-buster__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.frame-buster__btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:1px solid var(--color-border);border-radius:999px;background:none;color:var(--color-text-secondary);font:inherit;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.frame-buster__btn:hover{background:var(--color-background-content);color:var(--color-text-primary)}.frame-buster__btn:active{filter:brightness(.6)}.frame-buster__btn--primary{border-color:transparent;background:var(--color-brand-secondary);color:var(--color-brand-primary)}.frame-buster__btn--primary:hover{background:var(--color-brand-primary);color:#fff}.u-mt-8{margin-top:8px!important}.u-mb-8{margin-bottom:8px!important}.u-mb-4{margin-bottom:16px!important}.u-mb-5{margin-bottom:20px!important}.u-pt-8{padding-top:8px!important}.u-pb-8{padding-bottom:8px!important}.mb-4{margin-bottom:1.5rem!important}.mt-3{margin-top:1rem!important}.u-hidden{display:none!important}.u-inline{display:inline!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.flex-column{flex-direction:column!important}.u-text-center{text-align:center!important}.u-text-muted{color:var(--color-text-secondary)!important}.u-text-sm{font-size:var(--fd-text-sm)!important}.u-text-nowrap{white-space:nowrap!important}.u-color-ink-2{color:var(--color-text-secondary)!important}.text-muted-strong{color:var(--muted-color)!important}.site-text-danger{color:var(--color-warning-primary)!important}.text-muted{color:var(--color-text-secondary)!important}.text-danger{color:var(--color-warning-primary)!important}.text-primary{color:var(--color-brand-primary)!important}.home-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width:1200px){.home-container{max-width:1140px}}.home-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.home-col-12,.home-col-6{flex:0 0 100%;max-width:100%}@media (min-width:992px){.home-col-6{flex:0 0 50%;max-width:50%}}.home-text-center{text-align:center}.home-display{font-size:3rem;font-weight:700;margin-bottom:.75rem;line-height:1.15}@media (min-width:992px){.home-display{font-size:3.5rem}}.home-lead{font-size:1.125rem}.home-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.home-grid{grid-template-columns:repeat(4,1fr)}}.home-btn{display:inline-block;padding:6px 14px;border-radius:20px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.home-btn--sm{padding:6px 12px;font-size:.9rem}.home-btn--outline-primary{color:#0d6efd;border-color:#0d6efd;background:transparent}.home-btn--outline-primary:hover{background:rgba(13,110,253,.1)}.home-btn--outline-secondary{color:#6c757d;border-color:#6c757d;background:transparent}.home-btn--outline-secondary[disabled]{opacity:.6;cursor:not-allowed}.home-btn--outline-warning{color:#f59e0b;border-color:#f59e0b;background:transparent}.home-btn--outline-warning:hover{background:rgba(245,158,11,.1)}.home-btn--outline-info{color:#06b6d4;border-color:#06b6d4;background:transparent}.home-btn--outline-info:hover{background:rgba(6,182,212,.1)}.home-btn--outline-success{color:#10b981;border-color:#10b981;background:transparent}.home-btn--outline-success:hover{background:rgba(16,185,129,.1)}.hero-section{background:linear-gradient(135deg,#1f2937,#111827);min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1;z-index:1}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:2}.feature-card{display:block;transition:all .3s ease;cursor:pointer;border-radius:30px;overflow:hidden;position:relative;height:100%;background-color:var(--color-background-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.feature-card:hover{box-shadow:var(--shadow-card-brand);border-color:var(--color-border-highlight)}.feature-card.is-disabled{cursor:default;opacity:.7}.feature-card.is-disabled:hover{box-shadow:var(--shadow-card);border-color:var(--color-border)}.feature-card.is-disabled .home-btn{opacity:.6}.feature-card .card-body{padding:2rem;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;border:none}.feature-card .card-title{font-size:1.25rem;line-height:1.3;font-weight:600}.feature-card .card-text{color:var(--color-text-secondary)}@media (min-width:768px){.feature-card .card-title{font-size:1.35rem}}@media (min-width:992px){.feature-card .card-title{font-size:1.5rem}}.feature-icon{width:3rem;height:3rem;display:inline-block;margin-bottom:1rem;transition:transform .3s ease;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.card-story .feature-icon{color:#3b82f6;-webkit-mask-image:url(/static/img/icons/book.svg);mask-image:url(/static/img/icons/book.svg)}.card-game .feature-icon{color:#10b981;-webkit-mask-image:url(/static/img/icons/controller.svg);mask-image:url(/static/img/icons/controller.svg)}.card-blog .feature-icon{color:#f59e0b;-webkit-mask-image:url(/static/img/icons/journal-text.svg);mask-image:url(/static/img/icons/journal-text.svg)}.card-tool .feature-icon{color:#06b6d4;-webkit-mask-image:url(/static/img/icons/tools.svg);mask-image:url(/static/img/icons/tools.svg)}.stats-section{background:#f8f9fa;padding:4rem 0}.stat-item{text-align:center;padding:2rem 1rem}.stat-number{font-size:3rem;font-weight:700;color:#667eea;display:block}.features-section{padding:5rem 0;background:var(--color-background-page)}.feature-card .card-body .home-btn{margin-top:auto}@media (max-width:768px){.hero-section{min-height:50vh;text-align:center}.feature-card{margin-bottom:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.btn-custom{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:12px 30px;color:#fff;font-weight:500;transition:all .3s ease}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3);color:#fff}.read-hero{background:var(--background-color);padding:50px 0 30px;text-align:center}.read-hero h1{font-size:2.2rem;font-weight:400;color:var(--color-text-primary);margin-bottom:15px}.blog-meta{color:var(--color-text-secondary);font-size:1rem;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:20px}.blog-content-container{max-width:900px;margin:40px auto 60px;background:var(--color-background-card);border-radius:30px;padding:40px;font-size:1.15rem;line-height:2;color:var(--color-text-primary)}.blog-content-container p{margin-bottom:1.5em;text-align:justify}.blog-content-container h1,.blog-content-container h2,.blog-content-container h3,.blog-content-container h4,.blog-content-container h5,.blog-content-container h6{margin:2em 0 1em;font-weight:600;color:var(--color-text-primary)}.blog-content-container h1{font-size:1.8rem;border-bottom:2px solid var(--color-brand-primary);padding-bottom:10px}.blog-content-container h2{font-size:1.5rem}.blog-content-container h3{font-size:1.3rem}.blog-content-container pre{background:var(--color-background-content);border-radius:6px;padding:15px;overflow-x:auto;margin:1.5em 0}.blog-content-container pre code{background:none;padding:0}.blog-content-container code{background:var(--color-background-content);padding:2px 6px;border-radius:3px;font-size:.9em}.blog-content-container a{color:var(--color-brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .3s ease}.blog-content-container a:hover{color:var(--color-brand-primary);border-bottom:1px solid var(--color-brand-primary);text-decoration:none}.blog-content-container blockquote{border-left:4px solid var(--color-text-secondary);margin:1.5em 0;padding:5px 15px;background:var(--color-background-content);color:var(--color-text-secondary)}.blog-content-container hr{border:1px solid var(--color-text-tertiary)}.blog-content-container-container{margin:0 auto;padding:0 20px}.blog-content-container blockquote p{-webkit-margin-before:0!important;margin-block-start:0!important;-webkit-margin-after:0!important;margin-block-end:0!important}.blog-content-container ol,.blog-content-container ul{margin:1.5em 0;padding-left:2em}.blog-content-container li{margin-bottom:.5em}.blog-content-container li input[type=checkbox]{margin-right:.5em;cursor:default}.blog-content-container li.task-list-item{list-style:none;margin-left:-1.5em}@supports not (selector(:has(*))){.blog-content-container li:first-child input[type=checkbox]{margin-left:-1.5em}}.blog-content-container img{max-width:100%;height:auto;border-radius:6px;margin:1.5em 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-content-container table{width:100%;border-collapse:collapse;margin:1.5em 0;border-radius:15px}.blog-content-container td,.blog-content-container th{border-bottom:1px solid var(--color-text-tertiary);padding:12px;text-align:left}.blog-content-container th{background:var(--color-background-content);font-weight:600}.blog-content-container .MathJax{font-size:1.1em!important;max-width:100%}.blog-content-container .MathJax_Display,.blog-content-container mjx-container[jax=CHTML][display=true]{margin:1.5em 0;text-align:center;overflow-x:auto;overflow-y:hidden}.blog-content-container mjx-container[jax=CHTML]{font-size:1.1em;max-width:100%}.blog-content-container .highlight{background:var(--color-background-content);border-radius:15px;padding:15px;overflow-x:auto;margin:1.5em 0;position:relative}.blog-content-container .highlight pre{background:none;border:none;padding:0;margin:0;font-family:monospace;font-size:.9em;line-height:1.4}.blog-content-container .highlight code{background:none;padding:0;border-radius:0;font-size:inherit}.blog-content-container code:not(.highlight code){background:var(--color-background-content);padding:2px 6px;border-radius:5px;font-size:.9em;font-family:monospace;color:var(--color-text-primary)}.copy-btn{position:absolute;top:10px;right:10px;background:var(--color-brand-secondary);color:var(--color-brand-primary);border:none;padding:5px 10px;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:system-ui,-apple-system,sans-serif;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-btn:hover{opacity:1;background:var(--color-brand-primary);color:#fff}.copy-btn:disabled{cursor:not-allowed}.read-controls{flex-direction:column;gap:12px;margin:30px auto 40px;max-width:700px;padding:0 20px}.read-controls,.read-controls__row{display:flex;align-items:center;justify-content:center}.read-controls__row{gap:16px;flex-wrap:wrap}.read-btn{background:#2c3e50;border:none;padding:12px 24px;border-radius:6px;font-weight:500;font-size:1rem;transition:all .3s ease;min-width:120px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.read-btn,.read-btn:hover{color:white;text-decoration:none}.read-btn:hover{background:#34495e;transform:translateY(-1px)}.manage-menu{display:flex;flex-direction:column;gap:10px}.manage-menu__item{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:none;border-radius:999px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:700;font-size:1rem;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:all .3s ease}.manage-menu__item:hover{background:var(--color-brand-primary);color:#fff}.manage-menu__item--danger{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.manage-menu__item--danger:hover{background:var(--color-warning-primary);color:#fff}.like-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-text-tertiary);color:var(--color-text-secondary);padding:10px 16px;border-radius:999px;border:none;font-weight:700;font-size:16px;transition:all .3s ease;cursor:pointer}.like-btn:hover{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.like-btn:hover .like-count-badge{background:var(--color-warning-primary);color:#fff}.like-btn:disabled{opacity:.7;cursor:not-allowed}.like-btn .bi{font-size:1.1rem}.like-count-badge{background:var(--color-text-secondary);color:#fff;padding:4px 8px;border-radius:999px;font-weight:700;font-size:.85rem;line-height:1.2}.like-btn.liked{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.like-btn.liked .like-count-badge{background:var(--color-warning-primary);color:#fff}.fish-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-text-tertiary);color:var(--color-text-secondary);padding:10px 16px;border-radius:999px;border:none;font-weight:700;font-size:16px;transition:all .3s ease;cursor:pointer}.fish-btn:hover{background:var(--color-success-secondary);color:var(--color-success-primary)}.fish-btn:hover .fish-count-badge{background:var(--color-success-primary);color:#fff}.fish-btn:disabled{opacity:.7;cursor:not-allowed}.fish-count-badge{background:var(--color-text-secondary);color:#fff;font-weight:700;padding:4px 8px;border-radius:999px;font-size:.85rem;line-height:1.2}.fish-btn--fed{background:var(--color-success-secondary);color:var(--color-success-primary)}.fish-btn--fed .fish-count-badge{background:var(--color-success-primary);color:#fff}#toggle-theme{font-size:.9rem;padding:8px 16px}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#3498db;z-index:1000;transition:width .1s ease}.blog-detail{max-width:940px;margin:50px auto;padding:0 20px;overflow-x:auto}.comment-meta{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:8px}.comment-meta .comment-author-avatar{width:24px;height:24px;border-radius:8%;object-fit:cover}.comment-meta .comment-author-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.comment-meta .comment-author-link:hover span{color:var(--color-brand-primary)}.comment-btn{background-color:var(--box-bg);color:var(--text)}.comment-composer{display:flex;flex-direction:column;gap:8px}.comment-composer__reply{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-background-subtle);border-left:3px solid var(--color-brand-primary);padding:4px 8px;border-radius:6px}.comment-composer__reply-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-composer__reply-close{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:1rem}.comment-composer__blog{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-background-subtle);border-left:3px solid var(--color-brand-primary);padding:4px 8px;border-radius:6px}.comment-composer__blog-icon{flex:none;color:var(--color-brand-primary)}.comment-composer__image{position:relative;width:-moz-fit-content;width:fit-content}.comment-composer__image img{max-width:120px;max-height:120px;border-radius:10px;display:block}.comment-composer__image-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border:none;border-radius:999px;background:var(--color-warning-primary);color:#fff;cursor:pointer;font-size:.85rem;line-height:1}.comment-composer__panel{display:flex;flex-direction:column;gap:4px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-background-card);padding:4px 8px 8px}.comment-composer__toolbar{display:flex;align-items:center;gap:2px}.comment-composer__icon-btn{flex:none;width:30px;height:30px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:8px;cursor:pointer;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.comment-composer__icon-btn:hover:not(:disabled){background:var(--color-background-subtle);color:var(--color-brand-primary)}.comment-composer__icon-btn:disabled{opacity:.5;cursor:not-allowed}.comment-composer__input{resize:none;border:none;background:transparent;color:var(--color-text-primary);padding:6px;font-size:.95rem;line-height:1.5;font-family:inherit;min-height:72px;max-height:176px;overflow-y:auto}.comment-composer__input:focus{outline:none}.comment-composer__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 0}.comment-composer__hint{font-size:.72rem;color:var(--color-text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-composer__send{flex:none;border:none;border-radius:999px;padding:6px 20px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:700;font-size:.92rem;cursor:pointer;transition:background .15s ease,color .15s ease}.comment-composer__send:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.comment-composer__send:disabled{opacity:.5;cursor:not-allowed}.comment-content__md{white-space:normal;word-break:break-word}.comment-content__md>:first-child{margin-top:0}.comment-content__md>:last-child{margin-bottom:0}.comment-content__md p{margin:0 0 .5em}.comment-content__md h1,.comment-content__md h2,.comment-content__md h3,.comment-content__md h4,.comment-content__md h5,.comment-content__md h6{margin:.7em 0 .35em;font-weight:700;line-height:1.35}.comment-content__md h1{font-size:1.35em}.comment-content__md h2{font-size:1.25em}.comment-content__md h3{font-size:1.15em}.comment-content__md h4{font-size:1.08em}.comment-content__md h5{font-size:1em}.comment-content__md h6{font-size:.95em;color:var(--color-text-secondary)}.comment-content__md ol,.comment-content__md ul{margin:0 0 .5em;padding-left:1.4em}.comment-content__md li{margin:.15em 0}.comment-content__md li>input[type=checkbox]{margin-right:.35em}.comment-content__md blockquote{margin:0 0 .5em;padding:2px 10px;border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.comment-content__md code{padding:1px 4px;border-radius:4px;background:var(--color-background-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;word-break:break-all}.comment-content__md pre{margin:0 0 .5em;padding:8px 10px;border-radius:8px;background:var(--color-background-subtle);overflow-x:auto}.comment-content__md pre code{padding:0;background:none;word-break:normal}.comment-content__md table{display:block;max-width:100%;margin:0 0 .5em;overflow-x:auto;border-collapse:collapse}.comment-content__md td,.comment-content__md th{padding:2px 8px;border:1px solid var(--color-border)}.comment-content__md hr{margin:.6em 0;border:none;border-top:1px solid var(--color-border)}.comment-form{margin:12px 0 18px}.comment-content{font-size:.95rem;line-height:1.6;color:var(--color-text-primary)}.comment-link{color:var(--color-brand-primary);text-decoration:underline;word-break:break-all}.comment-link:hover{text-decoration:none}.comment-like{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:.85rem;line-height:1.7;cursor:pointer}.comment-like svg{width:14px;height:14px}.comment-like.is-liked,.comment-like:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.comment-like.is-liked svg{fill:currentColor}.comment-like--static{cursor:default}.comment-like--static:hover{border-color:var(--color-border);color:var(--color-text-secondary)}.comment-image{display:block;max-width:min(220px,100%);max-height:280px;margin:6px 0;border:1px solid var(--color-text-primary);border-radius:8px;cursor:zoom-in;background:var(--color-background-content)}.comment-image-missing{margin:4px 0;color:var(--color-text-secondary);font-size:.85rem}.comment-blog{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:6px 0;padding:6px 10px;border:1px solid var(--color-border);border-left:3px solid var(--color-brand-primary);border-radius:8px;background:var(--color-background-subtle);color:inherit;text-decoration:none}.comment-blog:hover{border-color:var(--color-brand-primary)}.comment-blog__icon{flex:none;display:inline-flex;color:var(--color-brand-primary)}.comment-blog__main{display:flex;flex-direction:column;min-width:0}.comment-blog__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-blog__author{font-size:.8rem;color:var(--color-text-secondary)}.comment-blog-missing{margin:4px 0;color:var(--color-text-secondary);font-size:.85rem}.comment-list{width:100%;background-color:var(--box-bg);list-style:none;padding-left:15px;margin-left:15px;margin-bottom:15px;overflow-wrap:break-word;margin-top:15px;border-left:3px solid var(--color-brand-secondary);line-height:1.5}.comment-section>.comment-list{border-left:none;padding-left:0;margin-left:0}.read-btn{background:var(--color-brand-secondary);color:var(--color-brand-primary);border-radius:999px;font-weight:700;font-size:17px}.read-btn:hover{background:var(--color-brand-primary);color:#fff}@media (max-width:768px){.read-hero h1{font-size:1.8rem}.blog-meta{flex-direction:column;gap:10px}.blog-content-container{padding:25px 20px;margin:20px auto 40px;font-size:1.1rem;line-height:1.8}.blog-detail{margin:20px auto 40px}.read-controls{padding:0 15px;margin:20px auto 30px;gap:12px}.read-btn{padding:10px 16px;font-size:.9rem;min-width:100px}.blog-content-container-container{padding:0 10px}.blog-content-container h1{font-size:1.5rem}.blog-content-container h2{font-size:1.3rem}.blog-content-container h3{font-size:1.2rem}.copy-btn{position:static;display:inline-flex;align-items:center;gap:6px;top:auto;right:auto;margin-top:8px;padding:6px 10px;font-size:.85rem;width:auto}.blog-content-container .highlight{padding:12px}.blog-content-container .MathJax_Display,.blog-content-container mjx-container[jax=CHTML][display=true]{margin:1em 0;font-size:.9em}.blog-content-container .MathJax,.blog-content-container mjx-container[jax=CHTML]{font-size:.9em!important}}body{background-color:var(--color-background-page);transition:background-color .3s ease,color .3s ease}a,a:hover{text-decoration:none}.focus-banner{max-width:1140px;margin:12px auto 0;padding:0 20px 8px;text-align:center;font-size:.82rem;color:var(--color-text-tertiary)}.focus-banner a{color:var(--color-text-secondary);font-weight:600;text-decoration:underline}.blogs-hero{background:var(--color-background-card);padding:20px 0 40px;margin-bottom:0;text-align:center}.blogs-hero,.blogs-hero h1{color:var(--color-text-primary)}.blogs-hero h1{font-size:3.2rem;font-weight:700;margin-bottom:6px;letter-spacing:1px}.blogs-hero p{color:var(--color-text-secondary);font-size:1.1rem;font-weight:400;margin-bottom:30px}.upload-button{margin:10px auto auto;width:105px;background-color:var(--color-brand-secondary);border:none;padding:8px 10px;font-size:20px;font-weight:700;border-radius:999px;display:flex;align-items:center;position:relative;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.upload-button,.upload-button .icon{color:var(--color-brand-primary);transition:all .3s ease}.upload-button .icon{width:1.7rem;height:1.7rem}.upload-button:hover{color:#fff;background-color:var(--color-brand-primary)}.upload-button:hover .icon{color:#fff}.upload-button:active{filter:brightness(.5)}.blog-search{display:flex;justify-content:center;margin-top:20px}.search-form{display:flex;align-items:center;gap:8px;max-width:520px;width:100%}.search-input{flex:1 1;padding:10px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-page);color:var(--color-text-primary);font-size:.95rem;transition:all .2s ease;min-width:0}.search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.search-input::placeholder{color:var(--color-text-secondary)}.search-btn{padding:10px 20px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-btn:hover{opacity:.9;transform:translateY(-1px)}.search-btn:active{transform:translateY(0)}.search-clear-btn{padding:10px 12px;color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;white-space:nowrap;transition:color .2s ease}.search-clear-btn:hover{color:var(--color-warning-primary);text-decoration:none}.current-category{margin-top:12px}.current-category .badge{background:rgba(255,255,255,.2)!important;color:white;padding:8px 16px;border-radius:20px}.blog-layout{display:flex;gap:30px;margin-top:30px;min-height:calc(100vh - 400px)}.sidebar{flex:0 0 280px;background:var(--color-background-card);border-radius:30px;padding:0 24px;height:auto;margin-bottom:30px;position:-webkit-sticky;position:sticky;top:90px;overflow:auto}.sidebar-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:20px;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s ease}.sidebar-title:hover{color:var(--color-brand-primary)}.sidebar-title .toggle-icon{font-size:1rem;transition:transform .3s ease}.sidebar-title.collapsed .toggle-icon{transform:rotate(-90deg)}.category-list{list-style:none;padding:0;margin:0;transition:all .3s ease;overflow:hidden}.category-list.collapsed{max-height:0;opacity:0;margin-bottom:0}.category-list:not(.collapsed){max-height:1250px;opacity:1}.category-item{margin-bottom:8px}.category-item.has-children,.category-link{position:relative}.category-link{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:var(--color-text-secondary);text-decoration:none;border-radius:999px;font-size:.9rem;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.category-link .collapsible{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-link .collapsible .catogory-toggle{transform:rotate(-90deg)}.category-link:hover{color:var(--color-brand-primary)}.category-content{display:flex;align-items:center;flex:1 1}.category-toggle{font-size:.8rem;margin-left:8px;transition:transform .3s ease;color:#adb5bd}.category-link.active{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.category-item .icon,.category-link .icon{margin-right:8px;font-size:1rem;background-color:rgba(255,255,255,0)}.sub-category-list{list-style:none;padding:0;margin:8px 0 0 24px;transition:all .3s ease;overflow:hidden}.sub-category-list.collapsed{max-height:0;opacity:0;margin-top:0}.sub-category-list:not(.collapsed){max-height:500px;opacity:1}.sub-category-link{display:flex;align-items:center;padding:8px 12px;color:#8e9ba6;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:400;transition:all .2s ease}.sub-category-link:hover{color:var(--color-brand-primary);text-decoration:none}.sub-category-link.active{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.blog-content{flex:1 1}.blog-sort{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 16px}.blog-sort-btn{padding:6px 14px;border:none;border-radius:999px;font-size:.85rem;font-weight:400;color:var(--color-text-secondary);background:var(--color-background-content);cursor:pointer;transition:all .2s ease}.blog-sort-btn.active,.blog-sort-btn:hover{color:var(--color-brand-primary)}.blog-sort-btn.active{background:var(--color-brand-secondary);font-weight:600}.blog-item{position:relative;background:var(--color-background-card);border-radius:30px;padding:20px 23px 23px 28px;margin-bottom:16px;cursor:pointer;transition:box-shadow .2s ease}.blog-item:hover{box-shadow:var(--shadow-card-hover)}.blog-item-cover{position:absolute;inset:0;z-index:0;border-radius:30px}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.blog-title{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;line-height:1.4;flex:1 1;margin:0 16px 0 0}.blog-title:hover{color:var(--color-brand-primary);text-decoration:none}.blog-stats{gap:12px;flex-shrink:0}.blog-likes,.blog-stats{display:flex;align-items:center}.blog-likes{border-radius:999px;background-color:var(--color-warning-secondary);gap:6px;font-size:15px;font-weight:700;padding:4px 12px}.blog-likes,.blog-likes .icon{color:var(--color-warning-primary)}.blog-likes .icon{width:.9rem;height:.9rem}.blog-comments{display:flex;align-items:center;gap:6px;border-radius:999px;color:var(--color-brand-primary);background:var(--color-brand-secondary);font-size:15px;font-weight:700;padding:4px 12px}.blog-comments .icon{width:1rem;height:1rem;color:var(--color-brand-primary)}.blog-fish{display:flex;align-items:center;gap:4px;border-radius:999px;background:var(--color-success-secondary);font-size:15px;font-weight:700;padding:4px 12px}.blog-fish,.blog-fish .icon{color:var(--color-success-primary)}.blog-fish .icon{width:1rem;height:1rem}.blog-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}.menu-blog-meta{justify-content:space-between;font-size:.8rem;color:var(--color-text-secondary)}.blog-author,.menu-blog-meta{display:flex;align-items:center}.blog-author{gap:8px}.blog-author-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.blog-author-link:hover span{color:var(--color-brand-primary)}.blog-author img{width:20px;height:20px;border-radius:8%;object-fit:cover}.blog-category-tag{display:inline-block;background:var(--color-background-content);padding:2px 8px;border-radius:12px;font-size:.75rem;margin-left:8px}.blog-category-tag,.no-blogs{color:var(--color-text-secondary)}.no-blogs{text-align:center;padding:60px 20px}.no-blogs i{font-size:3rem;margin-bottom:16px;opacity:.5}@media (min-width:993px){.blog-content{position:relative}.blogs-hero{padding-bottom:10px}.blog-layout{margin-top:60px}.blog-sort{position:absolute;top:-52px;right:0;margin:0;z-index:3}}@media (max-width:992px){.blog-layout{flex-direction:column;gap:14px;margin-top:14px}.sidebar{flex:none;position:static;order:-1;height:auto;max-height:none;overflow:visible;margin-bottom:0;padding:14px 20px;border-radius:20px}.sidebar-title{font-size:1.35rem;margin-bottom:0;padding-bottom:0}.category-item{margin-bottom:4px}.category-link{padding:7px 10px;font-size:.85rem}.sub-category-list{margin:4px 0 0 12px}.sub-category-link{padding:6px 10px;font-size:.8rem}.blog-sort{margin:2px 0 10px}.blog-sort-btn{padding:5px 12px;font-size:.8rem}.blogs-hero{padding:30px 0 18px}.blogs-hero h1{font-size:2.4rem;margin-bottom:4px}.blogs-hero p{font-size:1rem;margin-bottom:14px}.blog-search{margin-top:12px}}@media (max-width:768px){.sidebar{padding:12px 14px;height:auto;max-height:none;overflow:visible}.sidebar .category-list{max-height:0;opacity:0;margin-bottom:0}.sidebar .category-list:not(.collapsed){max-height:1000px;opacity:1;margin-bottom:0}.sidebar-title{font-size:1.15rem;padding:4px 10px;margin:-12px -14px 0;border-radius:12px}.blog-item{padding:14px 16px;border-radius:18px;margin-bottom:10px}.blog-header{flex-direction:column;align-items:flex-start;gap:6px}.blog-title{font-size:1.05rem;margin-right:0}.menu-blog-meta{flex-direction:column;align-items:flex-start;gap:8px}.blogs-hero{padding:22px 0 12px}.blogs-hero h1{font-size:1.9rem}.blogs-hero p{font-size:.92rem;margin-bottom:10px}.blog-layout,.blog-search{margin-top:10px}.blog-layout{gap:10px}.blog-sort{margin:2px 0 8px}.sub-category-list{margin-left:10px}}@media (max-width:992px){.js .sidebar:not(.sidebar--ready) .category-list,.js .sidebar:not(.sidebar--ready) .sub-category-list{max-height:0;opacity:0;margin-top:0;margin-bottom:0}.js .sidebar:not(.sidebar--ready) .sidebar-title .toggle-icon{transform:rotate(-90deg)}}.blog-skeleton-line{background:var(--color-background-subtle);border-radius:8px;animation:blog-skeleton-pulse 1.4s ease-in-out infinite}.blog-skeleton-card{background:var(--color-background-card);border-radius:30px;padding:20px 23px 23px 28px;margin-bottom:16px}.blog-skeleton-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blog-skeleton-line--heading{height:29px;width:42%}.blog-skeleton-line--stats{height:25px;width:20%}.blog-skeleton-line--desc{height:22px;width:82%;margin:14px 0 20px}.blog-skeleton-line--meta{height:21px;width:26%}@keyframes blog-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.blog-skeleton-line{animation:none}}@media (max-width:768px){.blog-skeleton-card{padding:14px 16px;border-radius:18px;margin-bottom:10px}.blog-skeleton-head{flex-direction:column;align-items:flex-start;gap:6px}.blog-skeleton-line--heading{height:23.5px}}.upload-hero{background:var(--color-background-page);padding:50px 0 30px;text-align:center}.blog-form-container{max-width:900px;margin:40px auto;background:var(--color-background-card);border-radius:30px;padding:40px}#message-container{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;background:var(--color-background-content)}.auth-page{background:var(--color-background-page);background-attachment:fixed;min-height:100vh;padding-top:2rem;padding-bottom:2rem}.register-container{max-width:600px;margin:50px auto;padding:30px;border-radius:30px;background-color:var(--color-background-card)}.register-header{text-align:center;margin-bottom:30px;color:var(--color-text-primary)}.btn-register{width:100%;padding:12px;font-size:16px;font-weight:500}.login-link{text-align:center;margin-top:20px}body{padding-top:62px;background:var(--color-background-page);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--color-text-primary)}.content-wrapper{max-width:900px;margin:auto;padding:1rem}.page-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.content-wrapper .legal-card{background:var(--color-background-card);border-radius:20px;padding:2rem 2.5rem;box-shadow:var(--shadow-card);font-size:1.05rem;line-height:1.9;color:var(--color-text-primary)}.content-wrapper .legal-card p{margin-bottom:1.2em;text-align:justify}.content-wrapper .legal-card h2{font-size:1.35rem;font-weight:600;margin:2em 0 1em;padding-top:1.2em;border-top:1px solid var(--color-border)}.content-wrapper .legal-card h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.content-wrapper .legal-card h3{font-size:1.15rem;font-weight:600;margin:1.5em 0 .6em;color:var(--color-text-primary)}.content-wrapper .legal-card ul{margin:0 0 1.2em 1.4em;padding:0}.content-wrapper .legal-card li{margin-bottom:.5em}.content-wrapper .legal-card a{color:var(--color-brand-primary)}.content-wrapper .legal-card a:hover{text-decoration:underline}.btn-group{margin-bottom:1rem;text-align:center}.action-btn{background:var(--color-background-card);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;padding:.4rem 1rem;margin:.2rem;font-size:.9rem;cursor:pointer;transition:background .2s}.action-btn:hover{background:var(--color-background-subtle)}.btn-danger{color:var(--color-warning-primary);border-color:var(--color-warning-primary)}.btn-danger:hover{background:var(--color-warning-secondary)}.filter-btn{background:var(--color-background-card);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;padding:.3rem .8rem;margin:.2rem}.filter-btn.active{border-color:var(--color-brand-primary)}.content-wrapper .notification-card{background:var(--color-background-card);border-radius:10px;padding:.6rem 1rem;margin-bottom:.5rem;margin-top:0;box-shadow:none;border:none}.content-wrapper .notification-card.unread{border-left:3px solid var(--color-border-unread);background:var(--color-background-card-unread)}.notification-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.notification-action{font-weight:600;font-size:.95rem}.notification-unread-badge{color:#e67e22;font-size:.7rem;font-weight:600;background:rgba(230,126,34,.15);padding:.1rem .4rem;border-radius:3px}.notification-meta{font-size:.75rem;color:var(--color-text-secondary);flex:1 1;min-width:0}.notification-actions{display:flex;gap:.3rem;margin-left:auto}.btn-delete,.btn-mark-read{font-size:.8rem;padding:.25rem .7rem;border-radius:4px;cursor:pointer;white-space:nowrap;border:1px solid}.btn-mark-read{background:var(--color-success-secondary);border-color:var(--color-success-primary);color:var(--color-success-primary)}.btn-mark-read:hover{background:var(--color-success-primary);color:#fff}.btn-delete{background:var(--color-warning-secondary);border-color:var(--color-warning-primary);color:var(--color-warning-primary)}.btn-delete:hover{background:var(--color-warning-primary);color:#fff}.notification-content{margin:.3rem 0 0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.notification-blog-link{font-size:.75rem;color:var(--color-brand-primary);text-decoration:none;display:inline-block;margin-top:.2rem}.notification-blog-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem 1rem;color:#777}.empty-state-icon{font-size:3rem;margin-bottom:.5rem}.story-hero{background:var(--color-background-card);padding:60px 0 48px;margin-bottom:36px;text-align:center}.story-hero h1{color:var(--color-text-primary);font-size:3rem;font-weight:700;margin-bottom:8px;letter-spacing:1px}.story-hero p{font-size:1.15rem;font-weight:400;margin:0;max-width:600px;margin-inline:auto}.story-breadcrumbs,.story-hero p{color:var(--color-text-secondary)}.story-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.95rem}.story-breadcrumbs a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.story-breadcrumbs a:hover{color:var(--color-brand-primary)}.story-breadcrumbs__sep{color:var(--color-border)}.story-breadcrumbs__current{color:var(--color-text-primary);font-weight:500}.story-back{margin-bottom:24px}.story-back a{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s ease}.story-back a:hover{color:var(--color-brand-primary)}.story-empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:1.05rem}.maintenance-container{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:40px 20px}.maintenance-card{text-align:center;background:var(--color-background-card);border-radius:20px;padding:48px 56px;box-shadow:var(--shadow-card);max-width:480px}.maintenance-title{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.maintenance-message{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:48px}.story-card{background:var(--color-background-card);border-radius:24px;padding:32px 34px;box-shadow:var(--shadow-card);transition:all .3s ease;display:flex;flex-direction:column}.story-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.story-card--collection{background:linear-gradient(135deg,var(--color-background-card) 0,var(--color-brand-secondary) 100%)}.story-card__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;line-height:1.4;margin-bottom:12px}.story-card__title:hover{color:var(--color-brand-primary)}.story-card__desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.65;margin-bottom:20px;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.story-card__tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:500}.story-card__tag--genre{background:var(--color-info-secondary);color:var(--color-brand-primary)}.story-card__tag--ai-assisted{background:var(--color-success-secondary);color:var(--color-success-primary)}.story-card__tag--words{background:var(--color-background-subtle);color:var(--color-text-secondary)}.story-card__badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:14px;font-weight:700;padding:4px 16px}.story-card__author{color:var(--color-text-secondary);font-size:.9rem;margin-left:auto}.story-card__actions{margin-top:auto;padding-top:4px}.story-card__btn{display:inline-block;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:15px;font-weight:700;border-radius:999px;padding:10px 24px;text-decoration:none;transition:all .3s ease}.story-card__btn:hover{background:var(--color-brand-primary);color:#fff}.story-reader{max-width:820px;margin:0 auto;padding:0 20px}.story-reader__header{text-align:center;padding:48px 0 32px}.story-reader__header h1{color:var(--color-text-primary);font-size:2.4rem;font-weight:700;margin-bottom:14px}.story-reader__meta{color:var(--color-text-secondary);font-size:1rem}.story-reader__meta span+span:before{content:" | "}.story-reader__ai-badge{display:inline-block;background:var(--color-success-secondary);color:var(--color-success-primary);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:500}.story-reader__progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--color-brand-primary);opacity:.7;z-index:1050;transition:width .1s ease}.story-reader__content{background:var(--color-background-card);border-radius:20px;padding:48px 56px;box-shadow:var(--shadow-card);font-size:1.2rem;line-height:2.1;color:var(--color-text-primary);margin-bottom:32px}.story-reader__content a{color:var(--color-brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .3s ease}.story-reader__content a:hover{color:var(--color-brand-primary);border-bottom:1px solid var(--color-brand-primary);text-decoration:none}.story-reader__content p{margin-bottom:1.5em;text-indent:2em;text-align:justify}.story-reader__content h1,.story-reader__content h2,.story-reader__content h3,.story-reader__content h4,.story-reader__content h5,.story-reader__content h6{text-align:center;margin:2em 0 1.5em;text-indent:0;font-weight:600}.story-reader__content h1{font-size:1.9rem}.story-reader__content h2{font-size:1.6rem}.story-reader__content h3{font-size:1.35rem}.story-reader__content img{max-width:100%;border-radius:10px}.story-reader__content blockquote{border-left:4px solid var(--color-brand-primary);margin:1.5em 0;padding:.5em 1em;background:var(--color-background-subtle);border-radius:0 8px 8px 0;text-indent:0}.story-reader__content blockquote p{text-indent:0}.story-reader__content pre{background:var(--color-background-content);padding:16px;border-radius:10px;overflow-x:auto;text-indent:0}.story-reader__content code{background:var(--color-background-content);padding:2px 6px;border-radius:4px;font-size:.9em}.story-reader__content pre code{background:none;padding:0}.story-reader__content table{border-collapse:collapse;width:100%;margin:1em 0;text-indent:0}.story-reader__content td,.story-reader__content th{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.story-reader__content th{background:var(--color-background-subtle)}.story-reader__content .highlight{position:relative;background:var(--color-background-content);border-radius:15px;padding:15px;overflow-x:auto;margin:1.5em 0;text-indent:0}.story-reader__content .highlight pre{background:none;border:none;padding:0;margin:0;font-family:monospace;font-size:.9em}.story-reader__content .highlight code{background:none;padding:0;border-radius:0;font-size:inherit}.story-reader__content .copy-btn{position:absolute;top:10px;right:10px;background:var(--color-brand-secondary);color:var(--color-brand-primary);border:none;padding:5px 10px;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:system-ui,-apple-system,sans-serif;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-reader__content .copy-btn:hover{background:var(--color-brand-primary);color:#fff}.story-reader__content .copy-btn:disabled{cursor:not-allowed}.story-reader__content li.task-list-item{list-style:none;text-indent:0}.story-reader__content .u-no-indent{text-indent:0}@media (max-width:768px){.story-reader__content .copy-btn{position:static;display:inline-flex;align-items:center;gap:6px;top:auto;right:auto;margin-top:8px;padding:6px 10px}}.story-reader__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px}.story-reader__nav .story-card__btn{min-width:130px;text-align:center}.story-reader__nav .story-card__btn--ghost{visibility:hidden}.story-cattca{max-width:720px;margin:36px auto 56px;padding:0 20px}.story-cattca__header{text-align:center;margin-bottom:28px}.story-cattca__header h2{color:var(--color-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:8px}.story-cattca__header .story-back{display:inline-block;margin-top:14px;margin-bottom:0}.story-cattca__meta{color:var(--color-text-secondary);font-size:.95rem;margin-top:6px}.story-cattca__meta span+span:before{content:" | "}.story-cattca__ai-badge{display:inline-block;background:var(--color-success-secondary);color:var(--color-success-primary);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:500}.story-cattca__game{background:var(--color-background-card);border-radius:20px;padding:28px;box-shadow:var(--shadow-card)}.story-cattca__output{min-height:140px;margin-bottom:24px;font-size:1.05rem;line-height:1.8;color:var(--color-text-primary)}.story-cattca__choices{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.story-cattca__choices button{display:block;width:100%;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:16px;font-weight:500;border:none;border-radius:999px;padding:14px 24px;cursor:pointer;text-align:center;transition:all .2s ease}.story-cattca__choices button:hover{background:var(--color-brand-primary);color:#fff}.story-cattca__log{padding:14px;background:var(--color-background-subtle);border-radius:10px;font-size:13px;color:var(--color-text-secondary);white-space:pre-wrap;max-height:220px;overflow-y:auto}.story-cattca__segment{margin-bottom:10px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.story-cattca__segment-header{background:var(--color-background-subtle);padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-cattca__segment-header:hover{background:var(--color-background-content)}.story-cattca__segment-title{font-weight:600;font-size:14px;color:var(--color-text-primary)}.story-cattca__segment-toggle{font-size:12px;color:var(--color-text-secondary);transition:transform .2s;display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em}.story-cattca__segment-toggle.is-open{transform:rotate(180deg)}.story-cattca__segment-body{padding:14px;background:var(--color-background-card)}.story-cattca__segment-body.collapsed{max-height:0;padding:0 14px;overflow:hidden}.story-cattca__segment-body p{margin:8px 0;line-height:1.7}.story-cattca__segment-body h1,.story-cattca__segment-body h2,.story-cattca__segment-body h3,.story-cattca__segment-body h4,.story-cattca__segment-body h5,.story-cattca__segment-body h6{margin:16px 0 8px;color:var(--color-text-primary)}.story-cattca__segment-body h1{font-size:1.5em}.story-cattca__segment-body h2{font-size:1.3em}.story-cattca__segment-body h3{font-size:1.15em}.story-cattca__segment-body strong{font-weight:700}.story-cattca__segment-body em{font-style:italic}.story-cattca__segment-body code{background:var(--color-background-subtle);padding:2px 5px;border-radius:4px;font-size:.9em}.story-cattca__segment-body pre{background:var(--color-background-subtle);padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0}.story-cattca__segment-body pre code{background:none;padding:0}.story-cattca__segment-body blockquote{border-left:3px solid var(--color-brand-primary);margin:12px 0;padding:8px 14px;background:var(--color-background-subtle);border-radius:0 6px 6px 0;color:var(--color-text-secondary)}.story-cattca__segment-body ol,.story-cattca__segment-body ul{margin:8px 0;padding-left:24px}.story-cattca__segment-body li{margin:4px 0;line-height:1.5}.story-cattca__segment-body a{color:var(--color-brand-primary);text-decoration:none}.story-cattca__segment-body a:hover{text-decoration:underline}.story-cattca__segment-body table{border-collapse:collapse;width:100%;margin:12px 0}.story-cattca__segment-body td,.story-cattca__segment-body th{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.story-cattca__segment-body th{background:var(--color-background-subtle);font-weight:700}.story-cattca__input-area{margin:12px 0;padding:14px;background:var(--color-background-subtle);border-radius:10px;border:1px solid var(--color-border)}.story-cattca__input-area label{display:block;margin-bottom:10px;font-weight:600;font-size:15px;color:var(--color-text-primary)}.story-cattca__input-area input[type=text]{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background-card);color:var(--color-text-primary);font-size:15px;margin-bottom:10px;outline:none;transition:border-color .2s}.story-cattca__input-area input[type=text]:focus{border-color:var(--color-brand-primary)}.story-cattca__input-area button{background:var(--color-brand-primary);color:#fff;border:none;border-radius:999px;padding:10px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}.story-cattca__input-area button:hover{opacity:.9}@media (max-width:992px){.story-grid{grid-template-columns:1fr}.story-hero h1{font-size:2.2rem}}@media (max-width:768px){.story-hero{padding:48px 0 36px}.story-hero h1{font-size:1.9rem}.story-card{padding:24px 22px;border-radius:20px}.story-card__title{font-size:1.3rem}.story-reader__content{padding:28px 20px;font-size:1.08rem;line-height:1.9}.story-reader__nav{flex-direction:column;gap:10px}.story-reader__nav .story-card__btn{width:100%}.story-reader__header{padding:36px 0 24px}.story-reader__header h1{font-size:1.7rem}.story-cattca__game{padding:18px}}.filter-pill{padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background-card);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-pill:hover{color:var(--color-brand-primary)}.filter-pill.active,.filter-pill:hover{border-color:var(--color-brand-primary)}.filter-pill.active{background:var(--color-brand-primary);color:white}.tool-new-hero{padding:32px 0;background:linear-gradient(135deg,var(--color-background-page) 0,var(--color-background-card) 100%);border-bottom:1px solid var(--color-border)}@media (max-width:768px){.tool-new-hero{padding:24px 0}}.tool-new-hero__title{font-size:2.5rem;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}@media (max-width:768px){.tool-new-hero__title{font-size:2rem}}.tool-new-hero__description{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.tool-new-hero__search{max-width:500px;margin-bottom:16px}.tool-new-hero__search .search-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-card);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.tool-new-hero__search .search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.1)}.tool-new-hero__search .search-input::placeholder{color:var(--color-text-secondary)}.tool-new-hero__filters{display:flex;gap:8px;flex-wrap:wrap}.tool-new-grid{padding:32px 0}@media (max-width:768px){.tool-new-grid{padding:24px 0}}.tool-new-grid__section{margin-bottom:32px}.tool-new-grid__section:last-child{margin-bottom:0}.tool-new-grid__section-title{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--color-text-primary);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.tool-new-grid__tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}@media (max-width:768px){.tool-new-grid__tools{grid-template-columns:1fr;gap:12px}}.tool-new-card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:16px;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.tool-new-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--color-brand-primary)}.tool-new-card__header{margin-bottom:12px}.tool-new-card__header-info .title{font-size:1.125rem;font-weight:600;margin-bottom:4px;color:var(--color-text-primary);line-height:1.3}.tool-new-card__header-info .description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.tool-new-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tool-new-card__tags .tag{padding:4px 8px;background:var(--color-background-page);border:1px solid var(--color-border);border-radius:5px;font-size:.75rem;color:var(--color-text-secondary)}.tool-new-card__tags .tag.tag-primary{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:var(--color-brand-primary)}.tool-new-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.tool-new-card__footer .btn{padding:8px 12px;background:var(--color-brand-primary);color:white;border:none;border-radius:5px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.tool-new-card__footer .btn:hover{background:var(--color-brand-primary-dark);transform:translateY(-1px)}.tool-new-empty{text-align:center;padding:32px 0;color:var(--color-text-secondary)}.tool-new-empty__icon{font-size:3rem;margin-bottom:12px;opacity:.5}.tool-new-empty__text{font-size:1.125rem;margin-bottom:8px}.tool-new-empty__subtext{font-size:.875rem;opacity:.7}.dark-mode{--color-background-page:#0F172A;--color-background-card:#1E293B;--color-text-primary:#F1F5F9;--color-text-secondary:#94A3B8;--color-border:#334155}.cattca-tool{max-width:none;margin:0;padding:32px 0}@media (max-width:768px){.cattca-tool{padding:24px 0}}.story-cattca__back{display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s ease}.story-cattca__back:hover{color:var(--color-brand-primary)}.story-cattca__panel-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.cattca-tool__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:768px){.cattca-tool__grid{grid-template-columns:1fr;gap:16px}}.cattca-tool__panel{display:flex;flex-direction:column;min-width:0;padding:24px;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-card)}@media (max-width:768px){.cattca-tool__panel{padding:16px}}.cattca-tool__panel--game .story-cattca__output{flex:1 1;min-height:280px}.cattca-tool__panel--game .story-cattca__log{margin-top:16px}.cattca-tool__status{margin:12px 0;font-size:.85rem;min-height:1.4em}.cattca-tool__status,.cattca-tool__status--ready{color:var(--color-text-secondary)}.cattca-tool__status--running{color:var(--color-brand-primary)}.cattca-tool__status--error{color:var(--color-warning-primary)}.cattca-tool__script-input{flex:1 1;width:100%;min-height:300px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-page);color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.7;resize:vertical;caret-color:var(--color-brand-primary);transition:border-color .2s ease,box-shadow .2s ease}.cattca-tool__script-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.cattca-tool__script-input::placeholder{color:var(--color-text-secondary)}.cattca-tool__button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cattca-tool__btn,.story-cattca__btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-page);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cattca-tool__btn:hover:not(:disabled),.story-cattca__btn:hover:not(:disabled){background:var(--color-brand-secondary);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.cattca-tool__btn:disabled,.story-cattca__btn:disabled{opacity:.45;cursor:not-allowed}.cattca-tool__btn--primary,.cattca-tool__btn--primary:hover:not(:disabled){background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.cattca-tool__btn--primary:hover:not(:disabled){opacity:.9}.story-cattca__game-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.story-cattca__fullscreen{position:fixed;inset:0;z-index:1050;display:flex;flex-direction:column;background:var(--color-background-page);visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.story-cattca__fullscreen--open{visibility:visible;opacity:1;transform:none}.story-cattca__fullscreen-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;background:var(--color-background-card);border-bottom:1px solid var(--color-border)}.story-cattca__exit-fullscreen-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-page);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.story-cattca__exit-fullscreen-btn:hover{background:var(--color-warning-secondary);border-color:var(--color-warning-primary);color:var(--color-warning-primary)}.story-cattca__fullscreen-content{flex:1 1;width:100%;max-width:720px;margin:0 auto;padding:24px;overflow-y:auto}.story-cattca__fullscreen-output{min-height:140px;font-size:1.1rem;line-height:1.8;color:var(--color-text-primary)}.story-cattca__fullscreen-choices{display:flex;flex-direction:column;gap:12px;margin:20px 0}.story-cattca__fullscreen-choices button{display:block;width:100%;padding:14px 24px;border:none;border-radius:999px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:16px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease}.story-cattca__fullscreen-choices button:hover{background:var(--color-brand-primary);color:#fff}.story-cattca__fullscreen-log{margin-top:20px;padding:14px;background:var(--color-background-subtle);border-radius:10px;font-size:13px;color:var(--color-text-secondary);white-space:pre-wrap;max-height:220px;overflow-y:auto}.clipboard-page{width:100%;padding:24px 16px;margin-left:auto;margin-right:auto}@media (min-width:1200px){.clipboard-page{max-width:1140px}}@media (max-width:768px){.clipboard-page{padding:16px}}.clipboard-title{font-size:2rem;font-weight:700;margin-bottom:16px;color:var(--color-text-primary)}@media (max-width:768px){.clipboard-title{font-size:1.75rem;margin-bottom:12px}}.clipboard-navigation{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:16px;margin-bottom:24px}@media (max-width:768px){.clipboard-navigation{padding:12px;margin-bottom:16px}}.clipboard-navigation__search{display:flex;gap:8px;margin-bottom:16px}@media (max-width:768px){.clipboard-navigation__search{flex-direction:column}}.clipboard-navigation__search .search-input{flex:1 1;padding:12px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.clipboard-navigation__search .search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.clipboard-navigation__search .search-input::placeholder{color:var(--color-text-secondary)}.clipboard-navigation__search .search-button{padding:12px 16px;background:var(--color-brand-primary);color:white;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clipboard-navigation__search .search-button:hover{background:var(--color-brand-primary);opacity:.9;transform:translateY(-1px)}.clipboard-navigation__actions{display:flex;gap:8px;flex-wrap:wrap}.clipboard-navigation__actions .action-button{padding:8px 12px;background:var(--color-background-page);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.clipboard-navigation__actions .action-button:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.clipboard-navigation__actions .action-button.primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:white}.clipboard-navigation__actions .action-button.primary:hover{background:var(--color-brand-primary);opacity:.9}.clipboard-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.clipboard-list__empty{text-align:center;padding:32px 0;color:var(--color-text-secondary)}.clipboard-list__empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.clipboard-list__empty-text{font-size:1.125rem;margin-bottom:8px}.clipboard-list__empty-subtext{font-size:.875rem;opacity:.7}.clipboard-item{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:16px;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.clipboard-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-brand);border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.clipboard-item:active{transform:translateY(0);transition:all .1s ease}.clipboard-item:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.clipboard-item__title{font-size:1.0625rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-item__id{margin-top:8px;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:2px 8px;background:var(--color-background-page);border:1px solid var(--color-border);border-radius:5px;font-family:inherit;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clipboard-item__id code{font-family:monospace;font-size:.8125rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.clipboard-item__id-hint{font-size:.6875rem;color:var(--color-brand-primary);flex-shrink:0}.clipboard-item__id:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-primary)}.clipboard-detail{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:24px}@media (max-width:768px){.clipboard-detail{padding:16px}}.clipboard-detail__header{margin-bottom:16px}.clipboard-detail__header-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}@media (max-width:768px){.clipboard-detail__header-title{font-size:1.5rem}}.clipboard-detail__header-meta{display:flex;gap:16px;color:var(--color-text-secondary);font-size:.875rem;align-items:center}@media (max-width:768px){.clipboard-detail__header-meta{flex-direction:column;gap:4px;align-items:flex-start}}.clipboard-detail__header-meta-id{display:inline-flex;align-items:center;gap:8px}.clipboard-detail__header-meta-id code{background:var(--color-background-page);border:1px solid var(--color-border);border-radius:5px;padding:1px 6px;font-size:.8125rem}.clipboard-detail__header__inline-copy{display:inline-flex;align-items:center;padding:1px 8px;background:var(--color-brand-secondary);color:var(--color-brand-primary);border:1px solid transparent;border-radius:5px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clipboard-detail__header__inline-copy:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.clipboard-detail__header__inline-copy:disabled{cursor:default;opacity:.7}.clipboard-detail__content{background:var(--color-background-page);border:1px solid var(--color-border);border-radius:10px;padding:16px;margin-bottom:16px}.clipboard-detail__content pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:break-word;margin:0;color:var(--color-text-primary);line-height:1.6;font-size:.95rem}.clipboard-detail__actions{display:flex;gap:8px;flex-wrap:wrap}.clipboard-detail__actions .action-button{padding:8px 12px;background:var(--color-background-page);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-primary);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clipboard-detail__actions .action-button:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.clipboard-detail__actions .action-button.primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:white}.clipboard-detail__actions .action-button.primary:hover{background:var(--color-brand-primary);opacity:.9}.clipboard-detail__actions .action-button.danger{background:var(--color-warning-secondary);border-color:var(--color-warning-primary);color:var(--color-warning-primary)}.clipboard-detail__actions .action-button.danger:hover{background:var(--color-warning-primary);color:white}.clipboard-form{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:24px}@media (max-width:768px){.clipboard-form{padding:16px}}.clipboard-form__reminder{background:var(--color-brand-secondary);border:1px solid var(--color-brand-primary);border-radius:5px;padding:12px 16px;margin-bottom:16px;color:var(--color-brand-primary);font-size:.875rem;line-height:1.5}.clipboard-form__reminder kbd{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.8125rem}.clipboard-form__group{margin-bottom:16px}.clipboard-form__group label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-size:1rem}.clipboard-form__group input[type=text],.clipboard-form__group textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.clipboard-form__group input[type=text]:focus,.clipboard-form__group textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.clipboard-form__group input[type=text]::placeholder,.clipboard-form__group textarea::placeholder{color:var(--color-text-secondary)}.clipboard-form__group textarea{min-height:200px;resize:vertical;font-family:inherit;line-height:1.6}.clipboard-form__group--checkbox{display:flex;align-items:center;gap:8px}.clipboard-form__group--checkbox input[type=checkbox]{width:auto;margin:0}.clipboard-form__group--checkbox label{margin:0;font-weight:400}.clipboard-form__submit{padding:12px 24px;background:var(--color-brand-primary);border:none;border-radius:5px;color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clipboard-form__submit:hover{background:var(--color-brand-primary);opacity:.9;transform:translateY(-1px)}.clipboard-form__submit:disabled{background:var(--color-text-secondary);cursor:not-allowed;transform:none}@media (max-width:768px){.clipboard-detail,.clipboard-detail__content,.clipboard-form,.clipboard-item{padding:12px}.clipboard-form textarea{min-height:150px}}.image-hosting-page{max-width:1140px;margin:0 auto;padding:32px 16px}.image-hosting-header{text-align:center;margin-bottom:32px}.image-hosting-title{font-size:2rem;color:var(--color-text-primary);margin:0 0 8px}.image-hosting-subtitle{color:var(--color-text-secondary);margin:0}.image-hosting-quota{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:16px 24px;margin-bottom:24px;box-shadow:var(--shadow-xs)}.image-hosting-quota__info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:8px}.image-hosting-quota__info strong{color:var(--color-text-primary)}.image-hosting-quota__bar{height:6px;background:var(--color-background-content);border-radius:999px;overflow:hidden}.image-hosting-quota__fill{height:100%;background:var(--color-brand-primary);border-radius:999px;transition:width .4s ease}.image-hosting-quota__fill--warn{background:var(--color-warning-primary)}.image-hosting-upload{background:var(--color-background-card);border:2px dashed var(--color-border);border-radius:10px;padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:24px}.image-hosting-upload--drag,.image-hosting-upload:hover{border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.image-hosting-upload__icon{color:var(--color-text-secondary);margin-bottom:12px}.image-hosting-upload__text{color:var(--color-text-primary);font-size:1rem;margin:0 0 4px}.image-hosting-upload__hint{color:var(--color-text-secondary);font-size:.8rem;margin:0}.image-hosting-upload__compress{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.image-hosting-upload__compress input[type=checkbox]{accent-color:var(--color-brand-primary)}.image-hosting-progress{margin-bottom:24px}.image-hosting-progress__bar{height:4px;background:var(--color-background-content);border-radius:999px;overflow:hidden;margin-bottom:4px}.image-hosting-progress__fill{height:100%;background:var(--color-brand-primary);border-radius:999px;width:0;transition:width .3s ease}.image-hosting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.image-hosting-grid__empty{grid-column:1/-1;text-align:center;padding:32px;color:var(--color-text-secondary)}.image-hosting-grid__empty p{margin:8px 0 0}.image-hosting-card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.image-hosting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.image-hosting-card__preview{aspect-ratio:16/10;overflow:hidden;cursor:pointer;background:var(--color-background-content)}.image-hosting-card__preview img{width:100%;height:100%;object-fit:cover}.image-hosting-card__info{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.image-hosting-card__name{font-size:.8rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-hosting-card__size{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.image-hosting-card__id{padding:0 12px 8px;font-size:.7rem;font-family:monospace;color:var(--color-text-secondary);-webkit-user-select:all;-moz-user-select:all;user-select:all}.image-hosting-card__actions{display:flex;gap:4px;padding:0 12px 12px}.image-hosting-card__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.image-hosting-card__btn:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.image-hosting-card__btn--danger:hover{background:var(--color-warning-secondary);color:var(--color-warning-primary);border-color:var(--color-warning-primary)}.image-hosting-preview{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.image-hosting-preview__content{max-width:90vw;max-height:90vh;background:var(--color-background-card);border-radius:10px;overflow:hidden;position:relative}.image-hosting-preview__content img{max-width:100%;max-height:70vh;display:block}.image-hosting-preview__info{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--color-text-primary);font-size:.9rem}.image-hosting-preview__close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-hosting-admin-bar{margin-bottom:24px}.image-hosting-admin-bar__search{display:flex;gap:8px;max-width:500px}.image-hosting-admin-bar__input{flex:1 1;padding:8px 12px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-primary);font-size:.9rem}.image-hosting-admin-bar__input::placeholder{color:var(--color-text-secondary)}.image-hosting-admin-bar__input:focus{outline:none;border-color:var(--color-brand-primary)}.image-hosting-admin-table-wrap{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;overflow-x:auto}.image-hosting-admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.image-hosting-admin-table td,.image-hosting-admin-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.image-hosting-admin-table th{color:var(--color-text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase}.image-hosting-admin-table td{color:var(--color-text-primary)}.image-hosting-admin-table tbody tr:last-child td{border-bottom:none}.image-hosting-admin-table tbody tr:hover{background:var(--color-background-content)}.image-hosting-admin-thumb{width:48px;height:36px;object-fit:cover;border-radius:5px;border:1px solid var(--color-border)}.image-hosting-admin-filename{color:var(--color-brand-primary);text-decoration:none;max-width:280px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.image-hosting-admin-filename:hover{text-decoration:underline}.image-hosting-pagination{display:flex;justify-content:center;gap:4px;margin-top:24px}.image-hosting-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:background .15s,color .15s}.image-hosting-pagination__item:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.image-hosting-pagination__item.active{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}@media (max-width:768px){.image-hosting-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.image-hosting-upload{padding:24px 16px}.image-hosting-admin-table td,.image-hosting-admin-table th{padding:8px;font-size:.8rem}}.game-hero{padding:32px 0;background:linear-gradient(135deg,var(--color-background-page) 0,var(--color-background-card) 100%);border-bottom:1px solid var(--color-border)}@media (max-width:768px){.game-hero{padding:24px 0}}.game-hero__title{font-size:2.5rem;font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}@media (max-width:768px){.game-hero__title{font-size:2rem}}.game-hero__description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.game-section{padding:32px 0;background:var(--color-background-page)}@media (max-width:768px){.game-section{padding:24px 0}}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:992px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.game-grid{grid-template-columns:1fr}}.game-card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;transition:all .25s ease;cursor:pointer}.game-card:hover{box-shadow:var(--shadow-card-brand);border-color:var(--color-brand-primary)}.game-card--locked{cursor:default;opacity:.7}.game-card--locked:hover{box-shadow:none;border-color:var(--color-border)}.game-card--focus-lock{max-width:560px;margin:0 auto;opacity:1}.game-card--focus-lock .game-card__title{font-size:1.5rem;margin-bottom:.5rem}.game-card__btn--link{color:var(--color-brand-primary);font-weight:700;cursor:pointer;text-decoration:underline;background:transparent;border:none;padding:0;margin-top:.75rem}.game-card__btn--link:hover{color:var(--color-brand-primary-dark)}.game-card--soon{cursor:default;background:var(--color-background-subtle);border-style:dashed}.game-card--soon:hover{box-shadow:none;border-color:var(--color-border)}.game-card__body{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:768px){.game-card__body{padding:1.5rem}}.game-card__icon{width:3rem;height:3rem;display:inline-block;margin-bottom:1rem;transition:transform .3s ease;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.game-card:not(.game-card--locked):not(.game-card--soon):hover .game-card__icon{transform:scale(1.1)}.game-card__icon--cube{color:#1e66f5;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A1 1 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9M12 4.15l-7 3.93v7.84l7 3.93 7-3.93V8.08l-7-3.93z' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A1 1 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9M12 4.15l-7 3.93v7.84l7 3.93 7-3.93V8.08l-7-3.93z' fill='black'/%3E%3C/svg%3E")}.game-card__icon--galaxies{color:#df8e1d;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 12a4 4 0 01-4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 12a4 4 0 01-4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.game-card__icon--2048{color:#f59563;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='6' y='6' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='13' y='6' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='6' y='13' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='13' y='13' width='5' height='5' rx='1' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='6' y='6' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='13' y='6' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='6' y='13' width='5' height='5' rx='1' fill='black'/%3E%3Crect x='13' y='13' width='5' height='5' rx='1' fill='black'/%3E%3C/svg%3E")}.game-card__icon--connect4{color:#e74c3c;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='2' y1='8' x2='22' y2='8' stroke='black' stroke-width='1.5'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='black' stroke-width='1.5'/%3E%3Cline x1='2' y1='16' x2='22' y2='16' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='14' r='3' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='2' y1='8' x2='22' y2='8' stroke='black' stroke-width='1.5'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='black' stroke-width='1.5'/%3E%3Cline x1='2' y1='16' x2='22' y2='16' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='14' r='3' fill='black'/%3E%3C/svg%3E")}.game-card__icon--utictactoe{color:#3f51b5;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='9' y1='3' x2='9' y2='21' stroke='black' stroke-width='1.5'/%3E%3Cline x1='15' y1='3' x2='15' y2='21' stroke='black' stroke-width='1.5'/%3E%3Cline x1='3' y1='9' x2='21' y2='9' stroke='black' stroke-width='1.5'/%3E%3Cline x1='3' y1='15' x2='21' y2='15' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='9' y1='3' x2='9' y2='21' stroke='black' stroke-width='1.5'/%3E%3Cline x1='15' y1='3' x2='15' y2='21' stroke='black' stroke-width='1.5'/%3E%3Cline x1='3' y1='9' x2='21' y2='9' stroke='black' stroke-width='1.5'/%3E%3Cline x1='3' y1='15' x2='21' y2='15' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}.game-card__icon--speed{color:#d32f2f;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cg transform='translate(4.4 4.6) scale(0.63)'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cg transform='translate(4.4 4.6) scale(0.63)'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5' fill='black'/%3E%3C/g%3E%3C/svg%3E")}.game-card__icon--cubetictactoe{color:#7c3aed;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A1 1 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 2L3 7l9 5 9-5-9-5z' fill='black' opacity='0.3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A1 1 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 2L3 7l9 5 9-5-9-5z' fill='black' opacity='0.3'/%3E%3C/svg%3E")}.game-card__icon--gomoku{color:#2d5a27;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='2' y1='7' x2='22' y2='7' stroke='black' stroke-width='1'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='black' stroke-width='1'/%3E%3Cline x1='2' y1='17' x2='22' y2='17' stroke='black' stroke-width='1'/%3E%3Cline x1='7' y1='2' x2='7' y2='22' stroke='black' stroke-width='1'/%3E%3Cline x1='12' y1='2' x2='12' y2='22' stroke='black' stroke-width='1'/%3E%3Cline x1='17' y1='2' x2='17' y2='22' stroke='black' stroke-width='1'/%3E%3Ccircle cx='7' cy='7' r='2.5' fill='black'/%3E%3Ccircle cx='17' cy='17' r='2.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cline x1='2' y1='7' x2='22' y2='7' stroke='black' stroke-width='1'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='black' stroke-width='1'/%3E%3Cline x1='2' y1='17' x2='22' y2='17' stroke='black' stroke-width='1'/%3E%3Cline x1='7' y1='2' x2='7' y2='22' stroke='black' stroke-width='1'/%3E%3Cline x1='12' y1='2' x2='12' y2='22' stroke='black' stroke-width='1'/%3E%3Cline x1='17' y1='2' x2='17' y2='22' stroke='black' stroke-width='1'/%3E%3Ccircle cx='7' cy='7' r='2.5' fill='black'/%3E%3Ccircle cx='17' cy='17' r='2.5' fill='black'/%3E%3C/svg%3E")}.game-card__icon--atamas{color:#ffd966;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3Ccircle cx='12' cy='4' r='2' fill='black'/%3E%3Ccircle cx='18' cy='8' r='2' fill='black'/%3E%3Ccircle cx='19' cy='16' r='2' fill='black'/%3E%3Ccircle cx='12' cy='21' r='2' fill='black'/%3E%3Ccircle cx='5' cy='16' r='2' fill='black'/%3E%3Ccircle cx='4' cy='8' r='2' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3Ccircle cx='12' cy='4' r='2' fill='black'/%3E%3Ccircle cx='18' cy='8' r='2' fill='black'/%3E%3Ccircle cx='19' cy='16' r='2' fill='black'/%3E%3Ccircle cx='12' cy='21' r='2' fill='black'/%3E%3Ccircle cx='5' cy='16' r='2' fill='black'/%3E%3Ccircle cx='4' cy='8' r='2' fill='black'/%3E%3C/svg%3E")}.game-card__icon--coming{color:#94a3b8;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v4M12 16h.01' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v4M12 16h.01' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.game-card__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.3}@media (min-width:768px){.game-card__title{font-size:1.35rem}}.game-card__desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.25rem;flex:1 1}.game-card__btn{display:inline-block;padding:6px 16px;border:1px solid var(--color-brand-primary);border-radius:999px;color:var(--color-brand-primary);font-size:.9rem;font-weight:500;transition:all .2s ease;margin-top:auto}.game-card:not(.game-card--locked):hover .game-card__btn{background:color-mix(in srgb,var(--color-brand-primary) 10%,transparent)}.game-card__hint{padding:6px 16px;border:1px solid var(--color-border)}.game-card__badge,.game-card__hint{display:inline-block;border-radius:999px;color:var(--color-text-secondary);font-size:.85rem;margin-top:auto}.game-card__badge{padding:4px 14px;background:var(--color-background-subtle)}.game-2048-page{padding-top:24px;padding-bottom:40px}.game-2048-page.container{max-width:540px}.game-2048-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s}.game-2048-back:hover{color:var(--color-brand-primary)}.game-2048-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.game-2048-header__title{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.game-2048-scores{display:flex;gap:8px}.game-2048-score-box{background:var(--color-background-subtle);border-radius:5px;padding:6px 14px;text-align:center;min-width:72px}.game-2048-score-box__label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:2px}.game-2048-score-box__value{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.game-2048-desc{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.game-2048-board-wrap{position:relative;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:10px;padding:12px;aspect-ratio:1/1;max-width:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.game-2048-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;width:100%;height:100%;position:relative;--g2048-cell:calc((100% - 3 * var(--g2048-gap)) / 4);--g2048-gap:10px}.game-2048-cell{background:var(--color-background-card);border-radius:5px}.game-2048-tile{position:absolute;left:0;top:0;transition:transform .12s ease;z-index:1}.game-2048-tile__face{display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:700;width:100%;height:100%;background:var(--color-background-card);color:var(--color-text-primary)}.game-2048-tile__face--new{animation:tile-appear .2s ease 90ms backwards}@keyframes tile-appear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes tile-merge-pop{0%{transform:scale(1)}35%{transform:scale(1.25)}to{transform:scale(1)}}.game-2048-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.45);border-radius:10px;z-index:10;gap:12px}.game-2048-overlay__text{color:#fff;font-size:2rem;font-weight:700}.game-2048-overlay__btn{padding:8px 24px;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:1rem;font-family:inherit;cursor:pointer;transition:background .2s}.game-2048-overlay__btn:hover{background:rgba(255,255,255,.15)}.game-2048-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.game-2048-btn{padding:7px 18px;border:1px solid var(--color-brand-primary);border-radius:5px;background:var(--color-brand-primary);color:#fff;font-size:.9rem;font-family:inherit;cursor:pointer;transition:opacity .2s}.game-2048-btn:hover{opacity:.85}.game-2048-btn--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.game-2048-btn--secondary:hover{border-color:var(--color-text-secondary);opacity:1}@media (max-width:640px){.game-2048-page{padding-top:12px;padding-bottom:24px}.game-2048-header__title{font-size:1.5rem}.game-2048-board-wrap{padding:8px}.game-2048-board{gap:7px;--g2048-gap:7px}.game-2048-overlay__text{font-size:1.5rem}}.cube-page{padding-top:24px;padding-bottom:40px}.cube-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s}.cube-back:hover{color:var(--color-brand-primary)}.connect4-page{min-height:calc(100vh - 62px);padding-top:24px;padding-bottom:24px;background:var(--color-background-page)}.connect4-container{text-align:center;background:var(--color-background-card);padding:24px;border-radius:10px;box-shadow:var(--shadow-card);position:relative;max-width:680px;width:100%;margin:0 auto}.connect4-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s ease;align-self:flex-start}.connect4-back:hover{color:var(--color-brand-primary)}.connect4-mode-selector{margin-bottom:12px;display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap}.connect4-mode-option{display:flex;align-items:center;gap:5px}.connect4-mode-option input[type=radio]{margin:0}.connect4-mode-option label{font-size:.95rem;color:var(--color-text-primary);cursor:pointer}.connect4-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.connect4-info__player{color:var(--color-text-primary);font-size:1.25rem}.connect4-info__status{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;min-height:30px}.connect4-controls{display:flex;gap:8px}.connect4-btn{padding:12px 16px;font-size:.95rem;border:none;border-radius:5px;cursor:pointer;color:#fff;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.connect4-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.connect4-btn:active{transform:translateY(0)}.connect4-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.connect4-btn--undo{background:linear-gradient(45deg,#74b9ff,#0984e3)}.connect4-btn--reset{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.connect4-obstacle-phase{color:#8b6914;font-weight:700;margin-bottom:8px;display:none}.connect4-keyboard-hint{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:12px;text-align:center}.connect4-board-wrap{position:relative;display:inline-block}.connect4-column-numbers{display:flex;justify-content:center;gap:8px;margin-bottom:8px;padding:0 15px}.connect4-column-number{width:80px;text-align:center;font-size:1.1rem;font-weight:700;color:#2d5a27}.connect4-board{background:linear-gradient(135deg,#2d5a27,#4a7c59);border-radius:15px;padding:15px;box-shadow:inset 0 0 20px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(7,80px);grid-template-rows:repeat(4,80px);grid-gap:8px;gap:8px}.connect4-cell{width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border-radius:50%;cursor:pointer;position:relative;box-shadow:inset 0 0 10px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.3);transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex;align-items:center;justify-content:center}.connect4-cell:hover{transform:scale(1.08);box-shadow:inset 0 0 10px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}.connect4-cell--winning{box-shadow:inset 0 0 10px rgba(0,0,0,.2),0 0 20px rgba(255,215,0,.9)}.connect4-cell--full{animation:connect4-full-blink .4s ease-out}.connect4-piece{width:70px;height:70px;border-radius:50%;position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}.connect4-piece--red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#e74c3c,#c0392b);border:2px solid #a93226}.connect4-piece--blue{background:radial-gradient(circle at 30% 30%,#74b9ff,#3498db,#2980b9);border:2px solid #1f4e79}.connect4-piece--obstacle{background:radial-gradient(circle at 30% 30%,#d4a574,#b8956a,#8b6914),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,105,20,.1) 0,rgba(139,105,20,.1) 4px);border:2px solid #654321}.connect4-piece--fade-out{opacity:0;transform:scale(.8);transition:opacity .15s ease-out,transform .15s ease-out}.connect4-piece--blind-fade{animation:connect4-blind-fade-out .6s ease-out forwards}.connect4-piece--blind2-fade{animation:connect4-blind2-fade-out .8s ease-out forwards}.connect4-piece--blind2-invisible{opacity:0!important;visibility:hidden!important}.connect4-falling-piece{position:absolute;width:70px;height:70px;border-radius:50%;z-index:100;pointer-events:none;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}.connect4-falling-piece--red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#e74c3c,#c0392b);border:2px solid #a93226}.connect4-falling-piece--blue{background:radial-gradient(circle at 30% 30%,#74b9ff,#3498db,#2980b9);border:2px solid #1f4e79}.connect4-falling-piece--obstacle{background:radial-gradient(circle at 30% 30%,#d4a574,#b8956a,#8b6914),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,105,20,.1) 0,rgba(139,105,20,.1) 4px);border:2px solid #654321}.connect4-falling-piece--blind2-fade{animation:connect4-blind2-fall-and-fade .4s linear forwards}.connect4-winner-announcement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-background-card);padding:25px 35px;border-radius:10px;box-shadow:var(--shadow-card);z-index:1000;text-align:center;font-size:1.25rem;font-weight:700;display:none;border:3px solid #ffd700}.connect4-winner-announcement.show{display:block;animation:connect4-pop-in .3s ease-out}@keyframes connect4-full-blink{0%,to{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0)}50%{background:radial-gradient(circle at 30% 30%,#ffcccc,#ffaaaa)}}@keyframes connect4-pop-in{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes connect4-blind-fade-out{0%{opacity:1}to{opacity:0}}@keyframes connect4-blind2-fade-out{0%{opacity:1}to{opacity:0}}@keyframes connect4-blind2-fall-and-fade{0%{opacity:1}70%{opacity:.2}to{opacity:0}}[data-theme=dark] .connect4-container{background:var(--color-background-card)}[data-theme=dark] .connect4-cell{background:radial-gradient(circle at 30% 30%,#555,#3a3a3a);box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.5)}[data-theme=dark] .connect4-winner-announcement{background:var(--color-background-card)}@media (max-width:640px){.connect4-container{padding:10px;margin:0 auto;border-radius:5px}.connect4-board{grid-template-columns:repeat(7,38px);grid-template-rows:repeat(4,38px);gap:4px;padding:8px;border-radius:10px}.connect4-cell{width:38px;height:38px}.connect4-falling-piece,.connect4-piece{width:32px;height:32px}.connect4-column-number{width:38px;font-size:.9rem}.connect4-column-numbers{gap:4px;padding:0 8px}.connect4-btn{padding:8px 12px;font-size:.85rem}.connect4-mode-selector{gap:8px;font-size:.85rem}}.uttt-page{min-height:calc(100vh - 62px);padding-top:24px;padding-bottom:24px;background:var(--color-background-page)}.uttt{display:flex;flex-direction:column;align-items:center;gap:16px}.uttt-container{text-align:center;padding:24px;background:var(--color-background-card);border-radius:10px;box-shadow:var(--shadow-card);max-width:560px;width:100%;margin:0 auto}.uttt-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;align-self:flex-start;transition:color .2s ease}.uttt-back:hover{color:var(--color-brand-primary)}.uttt-title{color:var(--color-text-primary);margin-top:0;font-size:1.5rem}.uttt-status{font-size:1.3rem;margin:16px 0;font-weight:700;min-height:30px;color:#3f51b5;transition:color .3s}.uttt-status--x{color:#d32f2f}.uttt-status--o{color:#1976d2}.uttt-status--draw{color:#757575}.uttt-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:480px;height:480px;border:4px solid #333;background-color:#333;grid-gap:4px;gap:4px;border-radius:4px;margin:0 auto;transition:box-shadow .2s ease-out}.uttt-board--free-play{box-shadow:0 0 20px 8px rgba(76,175,80,.6)}.uttt-mini{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background-color:#9fa8da;grid-gap:3px;gap:3px;position:relative;transition:background-color .2s ease-out,box-shadow .2s ease-out;border-radius:2px}.uttt-mini--active{box-shadow:0 0 15px 5px rgba(76,175,80,.7);z-index:5}.uttt-mini--tied,.uttt-mini--won{pointer-events:none}.uttt-mini--won:after{content:attr(data-winner);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:7em;font-weight:700;background-color:rgba(255,255,255,.5);z-index:10;border-radius:2px;animation:uttt-overlay-in .25s ease-out}.uttt-mini--won-x:after{color:#d32f2f;background-color:rgba(255,205,210,.7)}.uttt-mini--won-o:after{color:#1976d2;background-color:rgba(187,222,251,.7)}.uttt-mini--tied{background-color:#757575}.uttt-mini--playable:hover{background-color:#81c784}.uttt-cell{background-color:#e8eaf6;display:flex;justify-content:center;align-items:center;font-size:2.2em;font-weight:700;cursor:pointer;transition:background-color .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.uttt-cell--x{color:#d32f2f}.uttt-cell--o{color:#1976d2}.uttt-mini--active .uttt-cell:hover{background-color:#c8e6c9}.uttt-controls{margin-top:16px;display:flex;gap:12px;justify-content:center}.uttt-btn{padding:12px 24px;font-size:1em;font-weight:600;cursor:pointer;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-primary);transition:transform .1s ease-out,background-color .2s ease-out,border-color .2s ease-out}.uttt-btn:hover:not(:disabled){background:var(--color-background-subtle);border-color:var(--color-border-highlight)}.uttt-btn:active{transform:scale(.95)}.uttt-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes uttt-overlay-in{0%{opacity:0}to{opacity:1}}[data-theme=dark] .uttt-container{background:var(--color-background-card)}[data-theme=dark] .uttt-board{border-color:#555;background-color:#555}[data-theme=dark] .uttt-mini{background-color:#39406b}[data-theme=dark] .uttt-mini--tied{background-color:#4a4a4a}[data-theme=dark] .uttt-mini--playable:hover{background-color:#2f5a3c}[data-theme=dark] .uttt-cell{background-color:#232838}[data-theme=dark] .uttt-mini--active .uttt-cell:hover{background-color:#2f4a3a}[data-theme=dark] .uttt-mini--won-x:after{color:#ef5350;background-color:rgba(120,30,35,.75)}[data-theme=dark] .uttt-mini--won-o:after{color:#64b5f6;background-color:rgba(20,60,110,.75)}[data-theme=dark] .uttt-status{color:#9fa8da}[data-theme=dark] .uttt-status--x{color:#ef5350}[data-theme=dark] .uttt-status--o{color:#64b5f6}[data-theme=dark] .uttt-status--draw{color:#b0b0b0}@media (max-width:520px){.uttt-board{width:92vw;height:92vw}.uttt-cell{font-size:1.8em}.uttt-mini--tied:after,.uttt-mini--won:after,[class*=uttt-mini--won]:after{font-size:5em}.uttt-title{font-size:1.3rem}.uttt-status{font-size:1.1rem}.uttt-container{padding:12px;margin:0 8px}}:root{--speed-card-width:clamp(75px,6vw,110px);--speed-card-height:calc(var(--speed-card-width) * 1.4)}.speed-page{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 62px);background:var(--color-background-page);font-size:clamp(12px,1.2vw,16px);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:16px}.speed-back{position:absolute;top:16px;left:20px;z-index:10;display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.speed-back:hover{color:var(--color-brand-primary)}.speed-wrapper{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%;max-width:1600px;justify-content:center}.speed-game-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem;flex-grow:1;position:relative}.speed-area{display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);border-radius:1rem;padding:1rem;gap:1.5rem;min-height:calc(var(--speed-card-height) + 2rem);width:100%;box-sizing:border-box}.speed-hand{display:flex;gap:1rem;perspective:1000px}.speed-card{width:var(--speed-card-width);height:var(--speed-card-height);border-radius:.8rem;font-size:2rem;font-weight:700;position:relative;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;border:2px solid #333;display:flex;justify-content:center;align-items:center;cursor:pointer}.speed-card--red{color:#d32f2f}.speed-card--black{color:#212121}.speed-card--selected{transform:translateY(-2rem) scale(1.05);box-shadow:0 0 20px #ffeb3b,0 0 30px #ffc107}.speed-card--draw-anim-p1{animation:speed-draw-from-bottom .5s ease-out}.speed-card--draw-anim-p2{animation:speed-draw-from-top .5s ease-out}.speed-card__value{position:absolute;font-size:1.5rem;top:.5rem;left:.8rem}.speed-card__suit{font-size:3rem}.speed-pile{width:var(--speed-card-width);height:var(--speed-card-height);border-radius:.8rem;font-size:2rem;font-weight:700;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:2px dashed #ccc;background-color:#2e7d32;display:flex;justify-content:center;align-items:center}.speed-pile--empty{background-color:rgba(0,0,0,.1)}.speed-pile--playing .speed-card{animation:speed-card-play .3s ease}.speed-pile__count{position:absolute;bottom:.5rem;font-size:1.2rem;background-color:rgba(0,0,0,.5);padding:.2rem .5rem;border-radius:.5rem;color:#fff}.speed-controls{background-color:rgba(0,0,0,.3);padding:2rem;border-radius:1rem;text-align:left;line-height:2;font-size:1.2rem;width:300px;flex-shrink:0;color:#fff}.speed-controls h3{margin-top:0}.speed-controls b{display:block;margin-top:.5rem}.speed-btn{padding:1rem 2rem;font-size:1.2rem;cursor:pointer;border-radius:.5rem;border:none;background-color:#ffc107;color:#000;margin-top:1rem;width:100%;transition:background-color .2s ease}.speed-btn:hover{background-color:#ffb300}.speed-winner{font-size:4rem;color:#ffeb3b;text-shadow:2px 2px 4px #000;background-color:rgba(0,0,0,.7);padding:2rem 4rem;border-radius:1.5rem;z-index:100;text-align:center}.speed-prompt,.speed-winner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.speed-prompt{background-color:rgba(255,235,59,.9);color:#000;padding:1rem 2rem;border-radius:1rem;font-size:1.5rem;font-weight:700;z-index:50;box-shadow:0 4px 15px rgba(0,0,0,.4)}@keyframes speed-draw-from-bottom{0%{transform:translateY(10rem) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes speed-draw-from-top{0%{transform:translateY(-10rem) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes speed-card-play{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes speed-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}[data-theme=dark] .speed-page{background:var(--color-background-page)}[data-theme=dark] .speed-area{background-color:rgba(255,255,255,.05)}[data-theme=dark] .speed-card{background-color:#fff;border-color:#555}[data-theme=dark] .speed-controls{background-color:rgba(255,255,255,.05)}@media (max-width:900px){.speed-wrapper{flex-direction:column;gap:1rem;padding:.5rem}.speed-controls{width:100%;max-width:400px;padding:1rem;font-size:1rem}.speed-winner{font-size:2.5rem;padding:1.5rem 2rem}}.cubettt-back{position:fixed;top:80px;left:20px;z-index:10;display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.cubettt-back:hover{color:var(--color-brand-primary)}.cubettt-page{margin:0;padding:0;height:calc(100vh - 62px);height:calc(100dvh - 62px);background:var(--color-background-page);overflow:hidden;font-family:Arial,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cubettt-page,.cubettt-scene{display:flex;justify-content:center;align-items:center}.cubettt-scene{perspective:1200px;perspective-origin:50%;width:calc(100vw - 40px);height:calc(100vh - 62px - 40px);height:calc(100dvh - 62px - 40px);touch-action:none}.cubettt-system{position:relative;transform-style:preserve-3d;cursor:-webkit-grab;cursor:grab;transform-origin:center center;touch-action:none}.cubettt-system:active{cursor:-webkit-grabbing;cursor:grabbing}.cubettt-cube{position:absolute;width:50px;height:50px;transform-style:preserve-3d;transition:transform .5s ease-in-out;cursor:pointer}.cubettt-cube--red .cubettt-face{background:rgba(255,100,100,.8)}.cubettt-cube--blue .cubettt-face{background:rgba(100,100,255,.8)}.cubettt-cube--winning .cubettt-face{background:rgba(255,215,0,.9)!important;border:3px solid #ffd700!important;box-shadow:0 0 20px rgba(255,215,0,.8)}.cubettt-cube--last-move .cubettt-face{border:2px solid #4caf50!important;box-shadow:0 0 8px rgba(76,175,80,.4)}.cubettt-page.is-playing .cubettt-cube--empty:hover .cubettt-face{background:rgba(255,255,0,.6)}.cubettt-face{position:absolute;width:50px;height:50px;border:1px solid #333;background:rgba(255,255,255,.8);transition:background-color .2s ease}.cubettt-face--front{transform:translateZ(25px)}.cubettt-face--back{transform:translateZ(-25px) rotateY(180deg)}.cubettt-face--right{transform:rotateY(90deg) translateZ(25px)}.cubettt-face--left{transform:rotateY(-90deg) translateZ(25px)}.cubettt-face--top{transform:rotateX(90deg) translateZ(25px)}.cubettt-face--bottom{transform:rotateX(-90deg) translateZ(25px)}.cubettt-info{position:fixed;top:80px;left:20px;background:var(--color-background-card);color:var(--color-text-primary);padding:15px;border-radius:5px;font-size:14px;z-index:1000;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-width:160px}.cubettt-info__player{font-size:16px;font-weight:700;margin-bottom:10px}.cubettt-info__winner{color:#ffd700}.cubettt-info__draw,.cubettt-info__winner{font-size:18px;font-weight:700;margin-bottom:10px;display:none}.cubettt-info__draw{color:#ffa500}.cubettt-info__row{margin-bottom:4px}.cubettt-info__actions{margin-top:10px}.cubettt-btn{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin:5px 5px 0 0;font-size:12px;transition:background-color .2s ease}.cubettt-btn:hover{background:#45a049}.cubettt-btn:disabled{background:#666;cursor:not-allowed}.cubettt-btn--undo{background:#ff9800}.cubettt-btn--undo:hover{background:#e68900}.cubettt-btn--toggle{background:#607d8b}.cubettt-btn--toggle:hover{background:#546e7a}.cubettt-btn--toggle.active{background:#2196f3}.cubettt-controls{position:fixed;bottom:30px;left:20px;background:var(--color-background-card);color:var(--color-text-primary);padding:15px;border-radius:5px;font-size:12px;z-index:1000;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);line-height:1.6}.cubettt-controls__title{font-weight:700;margin-bottom:6px}.cubettt-controls__explode{margin-top:10px}.cubettt-controls__explode .cubettt-controls__title{margin-bottom:6px}.cubettt-controls__explode .cubettt-btn{margin-top:6px}[data-theme=dark] .cubettt-face{border-color:#555}[data-theme=dark] .cubettt-cube--empty .cubettt-face{background:rgba(60,60,60,.8)}[data-theme=dark] .cubettt-page.is-playing .cubettt-cube--empty:hover .cubettt-face{background:rgba(255,255,0,.5)}@media (max-width:600px){.cubettt-controls,.cubettt-info{font-size:12px;padding:10px}.cubettt-info__player{font-size:14px}.cubettt-info__draw,.cubettt-info__winner{font-size:16px}.cubettt-btn{padding:10px 14px;font-size:14px}}.gomoku-page{min-height:calc(100vh - 62px);padding-top:24px;padding-bottom:24px;background:var(--color-background-page)}.gomoku-container{text-align:center;background:var(--color-background-card);padding:24px;border-radius:10px;box-shadow:var(--shadow-card);max-width:680px;width:100%;margin:0 auto}@media (max-width:640px){.gomoku-container{padding:16px 12px;margin:0 8px;border-radius:5px}}.gomoku-back{display:inline-block;margin-bottom:16px;color:var(--color-text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s ease}.gomoku-back:hover{color:var(--color-brand-primary)}.gomoku-header{margin-bottom:16px}.gomoku-header__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}@media (max-width:640px){.gomoku-header__title{font-size:1.3rem}}.gomoku-header__subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.gomoku-mode-selector{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.gomoku-mode-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:var(--color-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gomoku-mode-option input[type=radio]{accent-color:var(--color-brand-primary);width:16px;height:16px;cursor:pointer}.gomoku-status{font-weight:600;font-size:1.1rem;min-height:28px;margin-bottom:12px;color:var(--color-text-primary);transition:color .2s ease}.gomoku-canvas-wrap{display:flex;justify-content:center;margin-bottom:12px}.gomoku-canvas{cursor:pointer;max-width:100%;height:auto;border-radius:4px}.gomoku-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gomoku-btn{padding:8px 16px;font-size:.95rem;font-weight:500;border:1px solid var(--color-border);border-radius:5px;cursor:pointer;background:var(--color-background-card);color:var(--color-text-primary);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease}.gomoku-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--color-background-subtle);border-color:var(--color-border-highlight)}.gomoku-btn:active{transform:translateY(0)}.gomoku-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:640px){.gomoku-btn{padding:8px 12px;font-size:.85rem}}.puzzle-page{padding-top:24px;padding-bottom:40px}.puzzle-page.container{max-width:960px}.puzzle-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s}.puzzle-back:hover{color:var(--color-brand-primary)}.puzzle-header{margin-bottom:16px}.puzzle-header__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.puzzle-header__desc{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:640px}.puzzle-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.puzzle-controls__group{display:flex;flex-direction:column;gap:4px}.puzzle-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.puzzle-range,.puzzle-select{padding:6px 10px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background-card);color:var(--color-text-primary);font-size:.9rem;font-family:inherit;transition:border-color .2s}.puzzle-range:focus,.puzzle-select:focus{outline:none;border-color:var(--color-brand-primary)}.puzzle-range{width:120px;cursor:pointer}.puzzle-range-value{font-size:.85rem;color:var(--color-text-secondary)}.puzzle-btn{padding:7px 18px;border:1px solid var(--color-brand-primary);border-radius:5px;background:var(--color-brand-primary);color:#fff;font-size:.9rem;font-family:inherit;cursor:pointer;transition:opacity .2s}.puzzle-btn:hover{opacity:.85}.puzzle-btn--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.puzzle-btn--secondary:hover{border-color:var(--color-text-secondary);opacity:1}.puzzle-status{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:12px;min-height:1.5em}.puzzle-status--done{color:#10b981;font-weight:600}.puzzle-canvas-wrap{border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-card);display:flex;justify-content:center;overflow:hidden;max-width:100%}.puzzle-canvas{display:block;max-width:100%;cursor:pointer;touch-action:none}@media (max-width:640px){.puzzle-page{padding-top:12px;padding-bottom:24px}.puzzle-header__title{font-size:1.5rem}.puzzle-header__desc{font-size:.9rem}.puzzle-controls{gap:8px}.puzzle-range{width:80px}.puzzle-btn{padding:7px 14px;font-size:.85rem}.puzzle-canvas-wrap{border-radius:0;border-left:none;border-right:none}}.game-atamas-page{background:#0f1a2b;min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:flex-start;padding:16px;transition:background .3s ease}.game-atamas-page.light-mode{background:#e8f4f8}.game-atamas-back{display:inline-block;color:#8ab4d6;text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s;font-family:Bahnschrift,Cascadia Code,Segoe UI,sans-serif}.game-atamas-back:hover{color:#d6e6ff}.game-atamas-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.atamas-container{background:#1e2f44;border-radius:54px;padding:18px 27px;box-shadow:0 18px 36px rgba(0,0,0,.6);max-width:855px;width:100%;transition:background .3s ease,box-shadow .3s ease}.game-atamas-page.light-mode .atamas-container{background:#ffffff;box-shadow:0 20px 40px rgba(100,180,200,.3)}.atamas-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;padding:0 9px}.atamas-top-bar__title{font-family:Bahnschrift Condensed,Cascadia Code,sans-serif;font-weight:700;font-size:2rem;letter-spacing:2.7px;color:#d6e6ff;margin:0;transition:color .3s ease}.game-atamas-page.light-mode .atamas-top-bar__title{color:#1e3a5f}.atamas-top-bar__actions{display:flex;gap:8px}.atamas-top-bar-btn{background:transparent;border:2px solid #3c6080;padding:8px 16px;border-radius:30px;font-weight:600;color:#cddef5;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:Bahnschrift SemiBold,Cascadia Code,sans-serif}.game-atamas-page.light-mode .atamas-top-bar-btn{border-color:#8cc5d9;color:#2a4a6a}.atamas-top-bar-btn:hover{background:rgba(60,96,128,.3)}.game-atamas-page.light-mode .atamas-top-bar-btn:hover{background:rgba(140,197,217,.3)}.atamas-canvas-wrapper{display:flex;justify-content:center;align-items:center;gap:15px;background:#122433;border-radius:54px;padding:18px;box-shadow:inset 0 5px 11px rgba(0,0,0,.5);position:relative;transition:background .3s ease}.game-atamas-page.light-mode .atamas-canvas-wrapper{background:#f0f8fc;box-shadow:inset 0 6px 12px rgba(100,180,200,.15)}.atamas-canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;background:#1c3148;border-radius:50%;box-shadow:0 0 0 4px #2f4b66,0 12px 28px rgba(0,0,0,.7);touch-action:none;cursor:pointer;max-width:500px;transition:background .3s ease,box-shadow .3s ease}.game-atamas-page.light-mode .atamas-canvas{background:#d0e8f0;box-shadow:0 0 0 4px #a8d4e3,0 12px 28px rgba(100,180,200,.3)}.atamas-pending-preview-wrapper{display:flex;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.atamas-preview-toggle-btn{background:rgba(18,36,51,.6);border:1px solid rgba(138,180,214,.3);border-radius:6px 0 0 6px;width:24px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;font-size:1rem;font-weight:700;color:#8ab4d6;z-index:10}.game-atamas-page.light-mode .atamas-preview-toggle-btn{background:rgba(200,220,230,.5);border-color:rgba(106,154,176,.5);color:#6a9ab0}.atamas-preview-toggle-btn:hover{background:rgba(18,36,51,.8);border-color:#8ab4d6}.game-atamas-page.light-mode .atamas-preview-toggle-btn:hover{background:rgba(200,220,230,.7);border-color:#6a9ab0}.atamas-preview-toggle-btn:active{transform:scale(.98)}.atamas-pending-preview{display:flex;flex-direction:column;gap:14px;padding:14px;background:rgba(18,36,51,.8);border-radius:20px 0 0 20px;min-width:70px;position:relative}.atamas-pending-preview.hidden{display:none}.game-atamas-page.light-mode .atamas-pending-preview{background:rgba(200,220,230,.5)}.atamas-pending-preview__label{font-size:.7rem;color:#8ab4d6;text-align:center;text-transform:uppercase;letter-spacing:.5px}.game-atamas-page.light-mode .atamas-pending-preview__label{color:#6a9ab0}.atamas-pending-ball{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2)}.atamas-pending-ball.empty{background:rgba(60,96,128,.3);border:2px dashed rgba(60,96,128,.5);color:transparent}.atamas-pending-ball.number{border:2px solid rgba(255,255,255,.4)}.atamas-pending-ball.plus{font-size:1.2rem;border:2px solid rgba(255,215,0,.6)}.atamas-info-panel{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:12px;flex-wrap:wrap}.atamas-btn{background:#2a4a6a;border:none;padding:12px 28px;border-radius:60px;font-weight:600;color:white;font-size:1rem;box-shadow:0 4px 0 #0e1c2b;transition:.08s linear;cursor:pointer;flex:1 1 auto;min-width:100px;letter-spacing:.5px;font-family:Bahnschrift SemiBold,Cascadia Code,sans-serif}.game-atamas-page.light-mode .atamas-btn{background:#4a90b0;box-shadow:0 4px 0 #2a6080;color:#ffffff}.atamas-btn:active{transform:translateY(4px);box-shadow:none}.atamas-btn--secondary{background:#4f5f7a;box-shadow:0 4px 0 #2f3b4f}.game-atamas-page.light-mode .atamas-btn--secondary{background:#9ab8c8;box-shadow:0 4px 0 #7a98a8;color:#1e3a5f}.atamas-btn:disabled{opacity:.5;cursor:not-allowed}.atamas-turn-info{background:#1b2f42;padding:10px 22px;border-radius:40px;color:#cddef5;font-weight:500;font-size:.95rem;font-family:Bahnschrift SemiLight,Cascadia Code,sans-serif}.game-atamas-page.light-mode .atamas-turn-info{background:#e0f0f8;color:#2a4a6a}.atamas-turn-info strong{color:#ffd966;font-size:1.2rem;font-family:Bahnschrift Bold,Cascadia Code,sans-serif}.game-atamas-page.light-mode .atamas-turn-info strong{color:#e8a000}.atamas-message{text-align:center;margin-top:14px;font-weight:500;color:#f2c94c;min-height:28px;font-size:.95rem;font-family:Bahnschrift SemiLight,Cascadia Code,sans-serif;transition:color .3s ease}.game-atamas-page.light-mode .atamas-message{color:#c8a000}.atamas-message .example{color:#8ab4d6;font-size:.85rem}.game-atamas-page.light-mode .atamas-message .example{color:#6a9ab0}.atamas-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 25px;background:#122433;border-radius:40px;transition:background .3s ease}.game-atamas-page.light-mode .atamas-bottom-bar{background:#f0f8fc;border:2px solid #d0e8f0}.atamas-bottom-bar__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1}.atamas-bottom-bar__label{font-family:Bahnschrift Light,Cascadia Code,sans-serif;font-size:.75rem;color:#8ab4d6;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.game-atamas-page.light-mode .atamas-bottom-bar__label{color:#6a9ab0}.atamas-bottom-bar__value{font-family:Bahnschrift SemiBold,Cascadia Code,sans-serif;font-size:1.5rem;font-weight:600;color:#ffd966;transition:color .3s ease}.game-atamas-page.light-mode .atamas-bottom-bar__value{color:#e8a000}.atamas-bottom-bar__value.max-number{color:#f87171}.game-atamas-page.light-mode .atamas-bottom-bar__value.max-number{color:#d9534f}.atamas-warning-lights{display:flex;gap:8px}.atamas-warning-dot{width:12px;height:12px;border-radius:50%;background:rgba(60,96,128,.5);transition:all .3s ease}.atamas-warning-dot.green{background:#10b981;box-shadow:0 0 10px #10b981}.atamas-warning-dot.yellow{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.atamas-warning-dot.red{background:#ef4444;box-shadow:0 0 10px #ef4444;animation:atamas-pulse 1s infinite}@keyframes atamas-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.atamas-language-select{position:relative;display:inline-block}.atamas-language-btn{background:transparent;border:2px solid #3c6080;padding:8px 12px;border-radius:30px;font-weight:600;color:#cddef5;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center;font-family:Bahnschrift SemiBold,Cascadia Code,sans-serif}.game-atamas-page.light-mode .atamas-language-btn{border-color:#8cc5d9;color:#2a4a6a}.atamas-language-btn:hover{background:rgba(60,96,128,.3)}.game-atamas-page.light-mode .atamas-language-btn:hover{background:rgba(140,197,217,.3)}.atamas-language-btn .arrow{font-size:.7rem;transition:transform .2s ease}.atamas-language-select.open .atamas-language-btn .arrow{transform:rotate(180deg)}.atamas-language-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1e2f44;border-radius:12px;padding:6px;min-width:160px;max-height:400px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5);display:none;z-index:100;border:2px solid #3c6080}.game-atamas-page.light-mode .atamas-language-dropdown{background:#ffffff;border-color:#8cc5d9;box-shadow:0 10px 30px rgba(100,180,200,.3)}.atamas-language-select.open .atamas-language-dropdown{display:block}.atamas-language-option{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease;font-size:.9rem;color:#cddef5;white-space:nowrap}.game-atamas-page.light-mode .atamas-language-option{color:#2a4a6a}.atamas-language-option:hover{background:rgba(60,96,128,.4)}.game-atamas-page.light-mode .atamas-language-option:hover{background:rgba(140,197,217,.3)}.atamas-language-option.active{background:rgba(96,165,250,.3);font-weight:600}.game-atamas-page.light-mode .atamas-language-option.active{background:rgba(74,144,176,.3)}.atamas-attribution{text-align:center;margin-top:15px;font-size:.8rem;color:#6a9ab0;font-style:italic}.game-atamas-page.light-mode .atamas-attribution{color:#8ab4d6}@media (max-width:550px){.atamas-container{padding:16px}.atamas-btn{padding:10px 16px;font-size:.9rem}.atamas-top-bar__title{font-size:1.6rem}.atamas-bottom-bar__value{font-size:1.2rem}.atamas-top-bar__actions{gap:4px}.atamas-language-btn,.atamas-top-bar-btn{padding:6px 10px;font-size:.75rem}.atamas-language-dropdown{min-width:140px}}.atamas-top-bar-btn{display:inline-flex;align-items:center;gap:6px}.atamas-btn{justify-content:center}.atamas-btn,.atamas-turn-info{display:inline-flex;align-items:center;gap:8px}.atamas-message{display:flex;align-items:center;justify-content:center;gap:8px}.atamas-message__icon,.atamas-turn-info__icon{flex:none}.atamas-top-bar__title svg{margin-right:.12em}.vote-page{max-width:720px;margin:0 auto;padding:2rem 0}@media (max-width:768px){.vote-page{padding:1rem}}.vote-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.vote-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.vote-navigation__search{display:flex;gap:.5rem;flex:1 1;max-width:400px}.vote-navigation__search .search-input{flex:1 1;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-background-card);color:var(--color-text-primary);font-size:.9rem}.vote-navigation__search .search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.vote-navigation__search .search-input::placeholder{color:var(--color-text-secondary)}.vote-navigation__search .search-button{padding:.6rem 1.2rem;background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.vote-navigation__search .search-button:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.vote-navigation__actions .action-button{padding:.6rem 1.5rem;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;display:inline-block;transition:all .2s ease}.vote-navigation__actions .action-button.primary{background:var(--color-brand-primary);color:#fff}.vote-navigation__actions .action-button.primary:hover{opacity:.9}.vote-list{display:flex;flex-direction:column;gap:.75rem}.vote-list__empty{text-align:center;padding:3rem 0;color:var(--color-text-secondary)}.vote-list__empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.vote-list__empty-text{font-size:1.125rem;margin-bottom:.25rem}.vote-list__empty-subtext{font-size:.875rem;opacity:.7}.vote-item{display:block;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease}.vote-item:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-card-brand);transform:translateY(-1px)}.vote-item__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.vote-item__header-title{font-size:1.0625rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.vote-item__header-meta{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.vote-item__header-locked{margin-left:.5rem;padding:.15rem .5rem;background:var(--color-warning-secondary);color:var(--color-warning-primary);border-radius:.25rem;font-size:.7rem}.vote-item__id{margin-top:.4rem;font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.vote-item__id code{background:var(--color-background-page);border:1px solid var(--color-border);border-radius:.25rem;padding:.15rem .4rem;font-size:.8rem;font-family:monospace;color:var(--color-text-primary)}.vote-item__copy-btn{padding:.15rem .5rem;background:var(--color-brand-secondary);color:var(--color-brand-primary);border:1px solid transparent;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .15s ease}.vote-item__copy-btn:hover{background:var(--color-brand-primary);color:#fff}.vote-form{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem}.vote-form__group{margin-bottom:1.25rem}.vote-form__group label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:.4rem;font-size:.925rem}.vote-form__group input[type=text]{width:100%;padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-background-page);color:var(--color-text-primary);font-size:.925rem;box-sizing:border-box}.vote-form__group input[type=text]:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-secondary)}.vote-form__hint{font-weight:400;color:var(--color-text-secondary);font-size:.8rem}.vote-form__options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.vote-form__option-row{display:flex;gap:.5rem;align-items:center}.vote-form__option-row input{flex:1 1}.vote-form__remove-option{flex-shrink:0;width:32px;height:32px;border:1px solid var(--color-border);border-radius:.25rem;background:transparent;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.vote-form__remove-option:hover{color:var(--color-warning-primary);border-color:var(--color-warning-primary)}.vote-form__add-option{padding:.5rem 1rem;background:transparent;border:1px dashed var(--color-border);border-radius:.375rem;color:var(--color-brand-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.vote-form__add-option:hover{border-color:var(--color-brand-primary);background:var(--color-brand-secondary)}.vote-form__submit{margin-top:1rem;padding:.65rem 2rem;background:var(--color-brand-primary);color:#fff;border:none;border-radius:.375rem;font-size:.925rem;font-weight:500;cursor:pointer;transition:all .2s ease}.vote-form__submit:hover{opacity:.9}.vote-form__submit:disabled{opacity:.5;cursor:not-allowed}.vote-embed-widget{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem 1.25rem;margin:1rem 0;max-width:500px}.vote-embed-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.vote-embed-badge{display:inline-block;padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;margin-bottom:.5rem}.vote-embed-badge.badge-locked{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.vote-embed-total{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.5rem}.vote-embed-option{border:1px solid var(--color-border);border-radius:.375rem;padding:.6rem .8rem;margin-bottom:.4rem;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;background:var(--color-background-card)}.vote-embed-option--selected,.vote-embed-option:hover{border-color:var(--color-brand-primary)}.vote-embed-option--selected{background:var(--color-brand-secondary)}.vote-embed-option--result{cursor:default}.vote-embed-option--result:hover{border-color:var(--color-border)}.vote-embed-option--voted{border-color:var(--color-success-primary);background:var(--color-success-secondary)}.vote-embed-option--voted .vote-embed-option-label:after{content:"";display:inline-block;width:1em;height:1em;margin-left:.35em;vertical-align:-.15em;background-color:var(--color-success-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain}.vote-embed-bar{position:absolute;top:0;left:0;height:100%;background:var(--color-brand-secondary);border-radius:.375rem;z-index:0;transition:width .5s ease}.vote-embed-option-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.vote-embed-option-label{font-size:.875rem;color:var(--color-text-primary)}.vote-embed-option-stats{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;margin-left:.5rem}.vote-embed-submit{margin-top:.5rem;padding:.45rem 1.5rem;background:var(--color-brand-primary);color:#fff;border:none;border-radius:.375rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.vote-embed-submit:hover{opacity:.9}.vote-embed-submit:disabled{opacity:.4;cursor:not-allowed}.vote-embed-link{display:inline-block;margin-top:.5rem;font-size:.8rem;color:var(--color-text-secondary);text-decoration:none}.vote-embed-link:hover{color:var(--color-brand-primary);text-decoration:underline}.vote-embed-fallback{color:var(--color-brand-primary);font-size:.875rem;text-decoration:none}.vote-embed-fallback:hover{text-decoration:underline}.profile-page{padding:32px 0}@media (max-width:768px){.profile-page{padding:24px 0}}.profile-hero{background:var(--color-background-card);border-radius:30px;padding:32px;box-shadow:var(--shadow-card);margin-bottom:24px}@media (max-width:768px){.profile-hero{padding:24px;border-radius:20px}}.profile-hero__top{display:flex;align-items:flex-start;gap:32px}@media (max-width:768px){.profile-hero__top{flex-direction:column;align-items:center;text-align:center;gap:24px}}.profile-hero__avatar{flex-shrink:0;width:120px;height:120px;border-radius:8%;overflow:hidden;background:linear-gradient(135deg,#f28391,#2575fc)}.profile-hero__avatar img{width:100%;height:100%;object-fit:cover}.profile-hero__info{flex:1 1;min-width:0}.profile-hero__name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}@media (max-width:768px){.profile-hero__name-row{justify-content:center}}.profile-hero__username{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.profile-hero__role-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6}.profile-hero__role-badge--owner{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.profile-hero__role-badge--admin{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.profile-hero__role-badge--core{background:var(--color-success-secondary);color:var(--color-success-primary)}.profile-hero__role-badge--user{background:var(--color-background-subtle);color:var(--color-text-secondary)}.profile-hero__bio{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px;max-width:480px}.profile-hero__bio--empty{font-style:italic;opacity:.6}@media (max-width:768px){.profile-hero__bio{max-width:none}}.profile-hero__meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--color-text-secondary);font-size:.875rem}@media (max-width:768px){.profile-hero__meta{justify-content:center}}.profile-hero__meta span{display:inline-flex;align-items:center;gap:4px}.profile-hero__meta .icon{width:1rem;height:1rem;opacity:.7}.profile-stats{display:flex;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}@media (max-width:768px){.profile-stats{justify-content:center}}.profile-stats__item{flex:1 1;text-align:center;padding:12px 8px;background:var(--color-background-subtle);border-radius:10px}@media (min-width:769px){.profile-stats__item{max-width:140px}}.profile-stats__number{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);line-height:1.2}.profile-stats__label{font-size:.8rem;color:var(--color-text-secondary);margin-top:4px}.profile-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}@media (max-width:768px){.profile-actions{justify-content:center;flex-wrap:wrap}}.profile-actions__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.profile-actions__btn--edit{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.profile-actions__btn--edit:hover{background:var(--color-brand-primary);color:#fff}.profile-actions__btn--password{background:var(--color-background-subtle);color:var(--color-text-secondary)}.profile-actions__btn--password:hover{background:var(--color-background-highlight);color:var(--color-text-primary)}.profile-actions__btn--auth{background:var(--color-success-secondary);color:var(--color-success-primary)}.profile-actions__btn--auth:hover{background:var(--color-success-primary);color:#fff}.profile-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--color-background-card);border-radius:30px;padding:4px;box-shadow:var(--shadow-card)}@media (max-width:768px){.profile-tabs{border-radius:20px}}.profile-tabs__tab{flex:1 1;text-align:center;padding:10px 20px;border-radius:26px;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;background:transparent}.profile-tabs__tab--active{background:var(--color-brand-primary);color:#fff}.profile-tabs__tab:hover:not(.profile-tabs__tab--active){color:var(--color-text-primary);background:var(--color-background-subtle)}.profile-tab-panel{display:none}.profile-tab-panel--active{display:block}.profile-content-list{display:flex;flex-direction:column;gap:12px}.profile-content-item{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:10px;padding:16px 24px;transition:all .2s ease;text-decoration:none;display:block;color:inherit}.profile-content-item:hover{box-shadow:var(--shadow-card-brand);border-color:var(--color-brand-primary)}@media (max-width:768px){.profile-content-item{padding:12px 16px}}.profile-content-item__title{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-content-item__preview{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.profile-content-item__meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:var(--color-text-secondary)}.profile-content-item__meta span{display:inline-flex;align-items:center;gap:3px}.profile-content-item__meta span .icon{width:.9rem;height:.9rem;opacity:.6}.profile-content-item__meta--right{margin-left:auto}.profile-empty{text-align:center;padding:32px;background:var(--color-background-card);border-radius:10px;box-shadow:var(--shadow-card);color:var(--color-text-secondary);font-size:.95rem}.profile-empty .icon{width:2rem;height:2rem;display:block;margin:0 auto 12px;opacity:.4}.profile-privacy-notice{text-align:center;padding:32px;background:var(--color-background-card);border-radius:10px;box-shadow:var(--shadow-card);color:var(--color-text-secondary);font-size:.95rem}.profile-privacy-notice .icon{width:2rem;height:2rem;display:block;margin:0 auto 12px;opacity:.4}.profile-tab-panel .pagination{margin-top:16px}.settings-page{max-width:700px;margin:0 auto;padding:32px 0}@media (max-width:768px){.settings-page{padding:24px 0}}.settings-card{scroll-margin-top:96px;background:var(--color-background-card);border-radius:30px;padding:32px;box-shadow:var(--shadow-card);margin-bottom:24px}@media (max-width:768px){.settings-card{padding:24px;border-radius:20px}}.settings-card__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.settings-card__header .icon{width:1.4rem;height:1.4rem;opacity:.7;flex-shrink:0}.settings-card__title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0}.settings-card__desc{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 16px}.settings-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-page);color:var(--color-text-primary);font-size:.95rem;transition:border-color .2s ease;box-sizing:border-box}.settings-input:focus{outline:none;border-color:var(--color-brand-primary)}.settings-input--textarea{min-height:110px;resize:vertical;line-height:1.6}.settings-input__hint{font-size:.8rem;color:var(--color-text-secondary);margin-top:8px;margin-bottom:12px}.settings-form-row{display:flex;gap:12px;margin-bottom:12px}@media (max-width:576px){.settings-form-row{flex-direction:column}}.settings-field{flex:1 1}.settings-field label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:4px}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;border-radius:999px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:var(--color-background-content);color:var(--color-text-primary)}.settings-btn:hover:not(:disabled){background:var(--color-brand-secondary);color:var(--color-brand-primary)}.settings-btn:disabled{opacity:.6;cursor:default}.settings-btn--primary{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.settings-btn--primary:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.settings-btn--primary:disabled{opacity:.6;cursor:default}.settings-alert{padding:12px 16px;border-radius:10px;font-size:.9rem;margin-bottom:12px}.settings-alert.d-none{display:none}.settings-alert--danger{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.settings-alert--success{background:var(--color-success-secondary);color:var(--color-success-primary)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--color-background-subtle)}.settings-toggle-row:first-of-type{border-top:none}.settings-toggle-row__label{flex:1 1;min-width:0;padding-right:16px}.settings-toggle-row__title{display:block;font-size:.9rem;color:var(--color-text-primary)}.settings-toggle-row__desc{display:block;font-size:.78rem;color:var(--color-text-secondary);margin-top:2px}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle__slider{position:absolute;inset:0;background:var(--color-border);border-radius:26px;transition:background .25s ease}.settings-toggle__slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}input:checked+.settings-toggle__slider{background:var(--color-brand-primary)}input:checked+.settings-toggle__slider:before{transform:translateX(22px)}.fd-page{max-width:1140px;margin:0 auto;padding:32px 16px}.fd-page--narrow{max-width:600px}.fd-card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:30px;box-shadow:var(--shadow-card)}.fd-card--padded-lg{padding:32px}.fd-card--padded-md{padding:24px}.fd-card code{padding:2px 6px;border-radius:5px;background:var(--color-background-content);font-size:.9em;color:var(--color-text-primary)}@media (max-width:768px){.fd-card{border-radius:20px}.fd-card--padded-lg{padding:24px}.fd-card--padded-md{padding:16px}}.fd-settings-card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:30px;box-shadow:var(--shadow-card);padding:32px}@media (max-width:768px){.fd-settings-card{padding:24px;border-radius:20px}}.fd-settings-card__head{display:flex;align-items:center;gap:12px}.fd-settings-card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:1.4rem}.fd-settings-card__title{margin:0;font-size:1.35rem;font-weight:700;color:var(--color-text-primary)}.fd-settings-card__desc{margin:0 0 8px;font-size:.95rem;line-height:1.7;color:var(--color-text-secondary)}.fd-settings-card__desc a{color:var(--color-brand-primary)}.fd-settings-card__desc a:hover{text-decoration:underline}.management-card__head{justify-content:space-between}.management-card__head,.management-card__title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.management-card__title-row{min-width:0}.management-card__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text-primary)}.management-card__body{margin-top:16px}.management-card__desc{margin:0 0 8px;font-size:.9rem;color:var(--color-text-secondary)}.management-card__row{display:flex;align-items:center;gap:12px;margin-top:12px}.management-card__row code{flex:1 1;min-width:0;font-size:.85rem;color:var(--color-text-primary)}.management-card__label{flex-shrink:0;min-width:64px;font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.management-card+.management-card{margin-top:0}.settings-form{display:flex;flex-direction:column;gap:16px}.oauth-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.oauth-badge--ok{background:var(--color-success-secondary);color:var(--color-success-primary)}.oauth-badge--danger{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.oauth-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5)}.oauth-modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:32px;border-radius:30px;background:var(--color-background-card);box-shadow:var(--shadow-card-brand)}.oauth-modal h2{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:var(--color-text-primary)}.oauth-modal__field{margin-top:12px}.oauth-modal__label{margin-bottom:4px;font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.oauth-modal__row{display:flex;align-items:center;gap:8px}.oauth-modal__row code{flex:1 1;min-width:0;padding:8px 10px;border-radius:5px;background:var(--color-background-content);font-size:.85rem;color:var(--color-text-primary)}.oauth-conn-list{display:flex;flex-direction:column;gap:12px}.oauth-conn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-background-page)}.oauth-conn-row__main{flex:1 1;min-width:0}.oauth-conn-row__name{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.oauth-conn-row__name a{color:inherit}.oauth-conn-row__name a:hover{color:var(--color-brand-primary)}.oauth-conn-row__meta{margin-top:2px;font-size:.8rem;color:var(--color-text-secondary)}.oauth-conn-row__scopes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.oauth-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-size:.78rem;font-weight:600}@media (max-width:576px){.oauth-conn-row{flex-direction:column;align-items:stretch}.oauth-conn-row .settings-btn{width:100%}.management-card__head{flex-direction:column;align-items:flex-start}}.admin-hero{padding:40px 0 28px;text-align:center;background:var(--color-background-subtle);border-bottom:1px solid var(--color-border)}.admin-hero h1{margin-bottom:6px;font-weight:700;font-size:1.6rem;color:var(--color-text-primary)}.admin-hero p{color:var(--color-text-secondary);font-size:.95rem}.admin-container{max-width:1400px;margin:32px auto;padding:0 20px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.admin-stat-card{background:var(--color-background-card);border-radius:10px;padding:20px;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);border-left:4px solid;text-align:center;transition:box-shadow .2s ease}.admin-stat-card:hover{box-shadow:var(--shadow-sm)}.admin-stat-card--blue{border-left-color:#3b82f6}.admin-stat-card--green{border-left-color:#10b981}.admin-stat-card--amber{border-left-color:#f59e0b}.admin-stat-card--purple{border-left-color:#8b5cf6}.admin-stat-card--red{border-left-color:#ef4444}.admin-stat-card__number{font-size:2.2rem;font-weight:700;margin-bottom:6px;color:var(--color-brand-primary)}.admin-stat-card__label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.admin-stats-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-stat-item{background:var(--color-background-card);padding:14px 20px;border-radius:8px;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);text-align:center;min-width:110px}.admin-stat-item__number{font-size:1.4rem;font-weight:600;color:var(--color-brand-primary)}.admin-stat-item__label{font-size:.85rem;color:var(--color-text-secondary);margin-top:4px}.admin-filter-bar{background:var(--color-background-card);padding:20px;border-radius:8px;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);margin-bottom:20px}.admin-message-container{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px}.admin-batch-actions{background:var(--color-info-secondary);padding:14px 20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--color-border-highlight);display:none}.admin-batch-actions.is-visible{display:block}.admin-pagination{display:flex;justify-content:center;margin-top:28px}@media (max-width:768px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats-bar{justify-content:center}}.article-card{background:var(--color-background-card);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:var(--shadow-xs);border-left:4px solid var(--color-border);transition:all .3s ease}.article-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.article-card.is-selected{border-left-color:var(--color-border-highlight);background:var(--color-background-highlight)}.article-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.article-card__info{flex:1 1;margin-right:20px}.article-card__title{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--color-text-primary)}.article-card__meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:8px;font-size:.9rem;color:var(--color-text-secondary)}.article-card__desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.4}.article-card__actions{display:flex;flex-direction:column;gap:10px;min-width:200px}.featured-flag{display:inline-block;padding:4px 10px;border-radius:12px;background:#fff3cd;color:#856404;font-size:.8rem;align-self:flex-start}.current-category{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.current-category.is-categorized{background:#74b9ff;color:#fff}.current-category.is-uncategorized{background:#ffeaa7;color:#d63031}.category-select{width:100%;font-size:.9rem}@media (max-width:768px){.article-card__header{flex-direction:column;gap:15px}.article-card__actions{min-width:auto;width:100%}.admin-filter-bar .row>div{margin-bottom:15px}}.notification-card{margin-top:30px;box-shadow:var(--shadow-xs);padding:32px;border-radius:10px;background:var(--color-background-card);border:1px solid var(--color-border)}.user-select-card{max-height:400px;overflow-y:auto}.user-item{cursor:pointer;transition:background-color .15s ease}.user-item:hover{background-color:var(--color-background-subtle)}.user-item.is-selected{background-color:var(--color-background-highlight);border-left:4px solid var(--color-border-highlight)}.send-options{background:var(--color-background-subtle);border-radius:8px;padding:20px;margin-bottom:20px}.management-card{margin-top:20px;box-shadow:var(--shadow-xs);padding:30px;border-radius:8px;background:var(--color-background-card);border:1px solid var(--color-border)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:16px;gap:16px}.user-card{display:flex;flex-direction:column;padding:20px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-background-page);transition:box-shadow .2s ease}.user-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-card__top{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.user-card__username{font-size:1.05rem;font-weight:600;color:var(--color-text-primary)}.user-card__role{font-size:.8rem;padding:2px 8px;border-radius:4px;font-weight:500}.user-card__role--admin,.user-card__role--owner{color:#dc3545;background:rgba(220,53,69,.12)}.user-card__role--core{color:#28a745;background:rgba(40,167,69,.12)}.user-card__role--user{color:#007bff;background:rgba(0,123,255,.12)}.user-card__role--banned{color:#ffc107;background:rgba(255,193,7,.15)}.user-card__avatar{width:28px;height:28px;border-radius:8%;object-fit:cover}.user-card__buttons{display:flex;flex-wrap:wrap;gap:6px}.user-search-form{margin-bottom:20px;display:flex;gap:8px}.user-search-input{flex:1 1;max-width:320px;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background:var(--color-background-card);color:var(--color-text-primary)}.user-search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:1rem 0}.modal-overlay.show{display:flex}.modal-overlay .modal-dialog{margin:auto}@media (max-width:576px){.management-card{padding:16px}.user-grid{grid-template-columns:1fr;gap:12px}.user-card{padding:14px}.user-card__username{font-size:1rem}}.status-badge{display:inline-block;font-size:.85rem;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-secondary);line-height:1.4}.status-badge--reverted{color:#198754;border-color:#198754;background:#e9f7ef}.status-badge--pending{color:#fd7e14;border-color:#fd7e14;background:#fff3e0}.log-row--reverted td{color:var(--color-text-secondary)}.log-row--reverted .log-row__type:after{content:"（已撤回）";color:#198754;margin-left:4px;font-weight:500}.obj-id details{display:inline-block;vertical-align:middle;margin-left:4px}.obj-id summary{list-style:none;cursor:pointer;color:var(--color-text-secondary);display:inline-block}.obj-id summary::marker{display:none}.obj-id summary::-webkit-details-marker{display:none}.obj-id code{-webkit-user-select:all;-moz-user-select:all;user-select:all;font-size:.85rem;color:var(--color-text-primary);background:var(--color-background-subtle);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border)}.fish-card{background:var(--color-background-card);border-radius:30px;padding:32px;box-shadow:var(--shadow-card);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto;text-align:center}@media (max-width:768px){.fish-card{padding:24px;border-radius:20px}}.fish-card__header{margin-bottom:24px}.fish-card__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.fish-card__balance{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;padding:24px;background:var(--color-background-subtle);border-radius:10px}.fish-card__balance-number{font-size:3rem;font-weight:800;color:var(--color-brand-primary);line-height:1}.fish-card__balance-label{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.fish-card__today{font-size:.875rem;color:var(--color-success-primary)}.fish-card__actions,.fish-card__today{margin-bottom:16px}.fish-card__link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:var(--color-brand-primary);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:999px;transition:background-color .2s}.fish-card__link:hover{background:var(--color-brand-secondary)}.fish-card__info{font-size:.875rem;color:var(--color-text-secondary);padding:16px;background:var(--color-background-highlight);border-radius:10px;line-height:1.6}.fish-filter-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{display:inline-block;padding:8px 16px;font-size:.85rem;font-weight:500;border-radius:999px;color:var(--color-text-secondary);text-decoration:none;background:var(--color-background-subtle);transition:background-color .2s,color .2s}.filter-btn:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.filter-btn.active{background:var(--color-brand-primary);color:#fff}.fish-transaction-list{display:flex;flex-direction:column;gap:8px}.fish-transaction{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-background-card);border-radius:10px;box-shadow:var(--shadow-xs);transition:box-shadow .2s}.fish-transaction:hover{box-shadow:var(--shadow-card)}@media (max-width:576px){.fish-transaction{padding:12px 16px;gap:12px}}.fish-transaction__icon{flex-shrink:0}.fish-transaction__icon-in,.fish-transaction__icon-out{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1rem;font-weight:700;line-height:1}.fish-transaction__icon--in{background:var(--color-success-secondary);color:var(--color-success-primary)}.fish-transaction__icon--out{background:var(--color-warning-secondary);color:var(--color-warning-primary)}.fish-transaction__info{flex:1 1;min-width:0}.fish-transaction__desc{font-size:.95rem;color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-transaction__meta{display:flex;align-items:center;gap:8px;margin-top:2px}.fish-transaction__type-tag{display:inline-block;padding:1px 6px;font-size:.7rem;font-weight:600;border-radius:4px;letter-spacing:.5px;background:var(--color-background-subtle);color:var(--color-text-secondary)}.fish-transaction__time{font-size:.8rem;color:var(--color-text-tertiary)}.fish-transaction__amount{flex-shrink:0;font-size:1.1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fish-transaction__amount--in{color:var(--color-success-primary)}.fish-transaction__amount--out{color:var(--color-warning-primary)}.feed-modal{display:none;position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center}.feed-modal--open{display:flex}.feed-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65)}.feed-modal__content{position:relative;background:var(--color-background-card);border-radius:30px;padding:32px 32px 24px;max-width:380px;width:90%;text-align:center;box-shadow:var(--shadow-card-brand);animation:feedFadeIn .3s ease}@media (max-width:480px){.feed-modal__content{padding:24px 16px 16px;border-radius:24px}}@keyframes feedFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feed-modal__header{margin-bottom:24px}.feed-modal__header h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.feed-modal__header p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.feed-modal__buttons{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.feed-modal__amount-btn{width:56px;height:56px;border-radius:10px;border:2px solid var(--color-border);background:var(--color-background-card);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.feed-modal__amount-btn:hover:not(:disabled){border-color:var(--color-brand-primary);background:var(--color-brand-secondary);color:var(--color-brand-primary);transform:translateY(-2px)}.feed-modal__amount-btn:disabled{opacity:.35;cursor:not-allowed}.feed-modal__amount-btn--selected{border-color:var(--color-brand-primary);background:var(--color-brand-secondary);color:var(--color-brand-primary)}.feed-modal__info{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:24px;min-height:1.4em}.feed-modal__actions{display:flex;gap:12px;justify-content:center}.feed-modal__close-btn{display:inline-block;padding:8px 24px;border:none;border-radius:999px;background:var(--color-background-subtle);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.feed-modal__close-btn:hover{background:var(--color-text-tertiary);color:var(--color-text-primary)}.feed-modal__confirm-btn{display:inline-block;padding:8px 24px;border:none;border-radius:999px;background:var(--color-brand-primary);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feed-modal__confirm-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.feed-modal__confirm-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes btnPop{0%{transform:scale(1)}20%{transform:scale(.9)}50%{transform:scale(1.06)}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes btnPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.5)}to{box-shadow:0 0 0 28px rgba(37,99,235,0)}}@keyframes particleRing1{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes particleRing2{0%{transform:scale(.6);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes countBounce{0%{transform:scale(1)}25%{transform:scale(1.5)}40%{transform:scale(.85)}55%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}.checkin-page{padding:32px 0}@media (max-width:768px){.checkin-page{padding:24px 0}}.checkin-card{background:var(--color-background-card);border-radius:30px;padding:32px;box-shadow:var(--shadow-card);margin-bottom:24px;text-align:center}@media (max-width:768px){.checkin-card{padding:24px;border-radius:20px}}.checkin-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media (max-width:768px){.checkin-card__header{flex-direction:column;gap:12px}}.checkin-card__greeting{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.checkin-card__date{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-background-subtle);padding:2px 12px;border-radius:999px}.checkin-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:260px;padding:14px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;background:var(--color-brand-secondary);color:var(--color-brand-primary);transition:background .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease;margin-bottom:24px;overflow:visible;isolation:isolate}.checkin-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 55%,transparent 60%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;will-change:transform}@media (hover:hover){.checkin-button:hover:not(:disabled){background:var(--color-brand-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-card-brand)}.checkin-button:hover:not(:disabled):before{opacity:1;animation:shimmer 1.2s ease-in-out infinite}}.checkin-button:active:not(:disabled){transform:scale(.95)}.checkin-button:disabled{cursor:default}.checkin-button--popping{animation:btnPop .55s ease}.checkin-button--success{animation:btnPulse 1s ease}.checkin-button--done{background:var(--color-background-subtle);color:var(--color-text-secondary);box-shadow:none}.checkin-button--done:before{display:none}.checkin-button--done:hover{transform:none;box-shadow:none}.checkin-button__particles{position:absolute;inset:-12px;border-radius:999px;pointer-events:none;z-index:0;opacity:0}.checkin-button__particles--active{opacity:1}.checkin-button__particles--active:after,.checkin-button__particles--active:before{content:"";position:absolute;inset:0;border-radius:999px;border:2.5px solid var(--color-brand-primary);animation:particleRing1 .9s ease-out both}.checkin-button__particles--active:after{animation:particleRing2 1s ease-out .12s both}.checkin-stats{display:flex;justify-content:center;gap:8px}.checkin-stats__item{text-align:center;padding:12px 24px;background:var(--color-background-subtle);border-radius:10px}@media (max-width:768px){.checkin-stats__item{padding:8px 16px}}.checkin-stats__label{font-size:.8rem;color:var(--color-text-secondary)}.checkin-stats__value{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);line-height:1.2;display:inline-block}.checkin-stats__value--bounce{animation:countBounce .6s ease}.checkin-leaderboard{background:var(--color-background-card);border-radius:30px;padding:32px;box-shadow:var(--shadow-card)}@media (max-width:768px){.checkin-leaderboard{padding:24px;border-radius:20px}}.checkin-leaderboard__title{font-size:1.2rem;font-weight:700;margin:0 0 16px;color:var(--color-text-primary)}.checkin-leaderboard__list{display:flex;flex-direction:column;gap:4px}.checkin-leaderboard__item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;transition:background .15s ease}.checkin-leaderboard__item:hover{background:var(--color-background-subtle)}.checkin-leaderboard__item--self{outline:1px solid var(--color-brand-primary)}.checkin-leaderboard__item--self,.checkin-leaderboard__item--self:hover{background:var(--color-brand-secondary)}.checkin-leaderboard__rank{width:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--color-text-secondary);flex-shrink:0}.checkin-leaderboard__rank--top1,.checkin-leaderboard__rank--top2,.checkin-leaderboard__rank--top3{font-size:1.25rem}.checkin-leaderboard__user{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;text-decoration:none;color:var(--color-text-primary)}.checkin-leaderboard__user:hover{color:var(--color-brand-primary)}.checkin-leaderboard__avatar{width:32px;height:32px;border-radius:8%;object-fit:cover;flex-shrink:0}.checkin-leaderboard__avatar-placeholder{width:32px;height:32px;border-radius:8%;background:var(--color-background-subtle);flex-shrink:0}.checkin-leaderboard__name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-leaderboard__count{font-weight:600;color:var(--color-brand-primary);font-size:.95rem;flex-shrink:0}.fortune-color--1{color:#6B7280}.fortune-color--2{color:#10B981}.fortune-color--3{color:#3B82F6}.fortune-color--4{color:#F59E0B}.fortune-color--5{color:#EF4444}.checkin-today-fortune{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 16px;background:var(--color-background-subtle);border-radius:999px;font-size:.9rem}.checkin-today-fortune__label{color:var(--color-text-secondary)}.checkin-today-fortune__value{font-weight:700;font-size:1.2rem}.checkin-empty{text-align:center;padding:32px;color:var(--color-text-secondary);font-size:.95rem}@keyframes fortuneCardFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes fortuneResultPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@keyframes fortuneFloatIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fortuneGlow{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes fortuneCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fortune-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1100}.fortune-modal--open{display:flex}.fortune-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65)}@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.fortune-modal__backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.fortune-modal__content{position:relative;background:var(--color-background-card);border-radius:30px;padding:32px;max-width:500px;width:calc(100% - 2rem);text-align:center;box-shadow:var(--shadow-card-brand);animation:fortuneFloatIn .4s ease-out;z-index:1}@media (max-width:480px){.fortune-modal__content{padding:20px 16px;border-radius:20px;max-width:calc(100% - 1rem)}}.fortune-modal__header{margin-bottom:24px}.fortune-modal__header h3{font-size:1.35rem;font-weight:700;margin:0 0 8px;color:var(--color-text-primary)}.fortune-modal__header p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.fortune-cards{display:flex;justify-content:center;gap:8px;margin-bottom:24px;perspective:800px;flex-wrap:wrap}@media (max-width:480px){.fortune-cards{gap:8px}}@media (max-width:380px){.fortune-cards{gap:6px}}.fortune-card{width:80px;height:108px;cursor:pointer;perspective:800px;animation:fortuneCardEnter .45s ease-out backwards;animation-delay:calc(var(--card-index, 0) * .08s + .1s);transition:transform .2s ease;pointer-events:auto}@media (hover:hover){.fortune-card:hover:not(.fortune-card--flipped){transform:translateY(-6px)}}.fortune-card--revealed:not(.fortune-card--selected){opacity:.5}@media (max-width:480px){.fortune-card{width:60px;height:84px}}@media (max-width:380px){.fortune-card{width:50px;height:70px}}.fortune-card__inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform}.fortune-card--flipped .fortune-card__inner{transform:rotateY(180deg)}.fortune-card__back,.fortune-card__front{position:absolute;inset:0;border-radius:12px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}@media (max-width:480px){.fortune-card__back,.fortune-card__front{font-size:1.5rem;border-radius:10px}}@media (max-width:380px){.fortune-card__back,.fortune-card__front{font-size:1.25rem;border-radius:8px}}.fortune-card__front{background:linear-gradient(145deg,#4F46E5,#3730A3);color:rgba(255,255,255,.9);border:2px solid rgba(255,255,255,.15);letter-spacing:2px}.fortune-card__back{background:linear-gradient(145deg,var(--color-background-card),var(--color-background-subtle));border:2px solid var(--color-brand-primary);transform:rotateY(180deg);color:var(--color-text-primary)}.fortune-card--selected{position:relative}.fortune-card--selected:after{content:"";position:absolute;inset:-6px;border-radius:14px;border:2px solid rgba(245,158,11,.6);pointer-events:none;animation:fortuneGlow 1.2s ease-out both}.fortune-modal__result{animation:fortuneFloatIn .4s ease-out}.fortune-modal__result-value{font-size:4.5rem;font-weight:800;line-height:1;margin-bottom:8px;display:inline-block}.fortune-modal__result-value--pop{animation:fortuneResultPop .55s cubic-bezier(.4,0,.2,1)}@media (max-width:480px){.fortune-modal__result-value{font-size:3.5rem}}.fortune-modal__result-desc{font-size:1rem;color:var(--color-text-secondary);margin-bottom:16px}.fortune-modal__pool-reveal{margin-bottom:24px}.fortune-mini-cards{display:flex;justify-content:center;gap:8px}.fortune-mini-card{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;background:var(--color-background-subtle);color:var(--color-text-secondary);font-weight:600;font-size:.9rem;border:1.5px solid transparent;transition:all .25s ease}.fortune-mini-card--chosen{border-color:var(--color-brand-primary);background:var(--color-brand-secondary);transform:scale(1.15)}.fortune-modal__close-btn{display:inline-block;padding:10px 36px;border:none;border-radius:999px;background:var(--color-brand-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.fortune-modal__close-btn:hover{filter:brightness(1.1);transform:scale(1.03)}.fortune-modal__close-btn:active{transform:scale(.97)}.checkin-leaderboard__tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--color-background-subtle)}.checkin-leaderboard__tab{flex:1 1;padding:10px 16px;background:transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.checkin-leaderboard__tab:hover{color:var(--color-text-primary)}.checkin-leaderboard__tab--active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.checkin-leaderboard__panel{display:none}.checkin-leaderboard__panel--active{display:block}@keyframes rc-spin{to{transform:rotate(1turn)}}.checkin-button .spin{animation:rc-spin 1s linear infinite}.chat-page{height:calc(100vh - 62px);background:var(--color-background-page)}.chat-page,.chat-sidebar{display:flex;overflow:hidden}.chat-sidebar{flex:0 0 280px;width:280px;background:var(--color-background-card);border-right:1px solid var(--color-border);flex-direction:column;transition:width .2s ease,flex-basis .2s ease}.chat-page--collapsed .chat-sidebar{flex-basis:60px;width:60px}.chat-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border);min-height:54px}.chat-sidebar__title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;min-width:0;max-width:220px;transition:max-width .2s ease,opacity .2s ease}.chat-sidebar__collapse{border:none;background:var(--color-background-content);color:var(--color-text-secondary);border-radius:999px;width:28px;height:28px;cursor:pointer;font-size:.85rem;flex:none}.chat-sidebar__collapse:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.chat-page--collapsed .chat-sidebar__title{max-width:0;opacity:0}.chat-sidebar__list{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-page--collapsed .chat-sidebar__list{padding:8px}.chat-chan{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:12px;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background .15s ease,padding .2s ease}.chat-chan:hover{background:var(--color-background-subtle)}.chat-chan.is-active{background:var(--color-background-highlight);box-shadow:inset 3px 0 0 var(--color-brand-primary)}.chat-page--collapsed .chat-chan.is-active{background:transparent;box-shadow:none}.chat-page--collapsed .chat-chan.is-active .chat-chan__avatar,.chat-page--collapsed .chat-chan.is-active .chat-chan__icon{box-shadow:0 0 0 3px var(--color-brand-primary)}.chat-chan.has-unread .chat-chan__title{color:var(--color-brand-primary)}.chat-chan.is-disabled{cursor:default;opacity:.6}.chat-chan.is-disabled:hover{background:transparent}.chat-chan.is-disabled .chat-chan__preview{color:var(--color-text-tertiary)}.chat-chan-wrap{position:relative}.chat-chan__more{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;border:none;border-radius:6px;background:var(--color-background-card);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease}.chat-chan__more svg{width:16px;height:16px}.chat-chan-wrap:hover .chat-chan__more,.chat-chan__more:focus-visible{opacity:1}.chat-chan__more:hover{background:var(--color-background-highlight);color:var(--color-brand-primary)}@media (hover:none){.chat-chan__more{opacity:1}}.chat-page--collapsed .chat-chan__more{display:none}.chat-chan__muted{width:12px;height:12px;margin-right:4px;vertical-align:-1px;color:var(--color-text-tertiary)}.chat-chan__iconwrap{position:relative;flex:none;width:34px;height:34px;display:flex}.chat-chan__avatar,.chat-chan__icon{flex:none;width:34px;height:34px;border-radius:8%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.1rem;background:var(--color-background-content)}.chat-chan__avatar img{width:100%;height:100%;object-fit:cover}.chat-chan__mark{position:absolute;top:-3px;right:-3px;min-width:10px;height:10px;border-radius:999px;background:var(--color-warning-primary);box-shadow:0 0 0 2px var(--color-background-card);pointer-events:none}.chat-chan__mark--num{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}.chat-chan__mark-num{color:#fff;font-size:.7rem;font-weight:700;line-height:1}.chat-page--collapsed .chat-chan__main{display:none}.chat-page--collapsed .chat-chan__mark--num{min-width:10px;height:10px;padding:0}.chat-page--collapsed .chat-chan__mark-num{display:none}.chat-page--collapsed .chat-chan{padding:8px 5px}.chat-chan__main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-chan__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.chat-chan__preview,.chat-chan__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-chan__preview{font-size:.78rem;color:var(--color-text-secondary)}.chat-sidebar__empty{color:var(--color-text-secondary);font-size:.85rem;text-align:center;padding:20px 0}.chat-sidebar__foot{padding:10px 12px;border-top:1px solid var(--color-border)}.chat-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 14px;border:none;border-radius:999px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.chat-new-btn:hover{background:var(--color-brand-primary);color:#fff}.chat-page--collapsed .chat-new-btn{padding:9px 0}.chat-main{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--color-background-page)}.chat-main__head{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-background-card);border-bottom:1px solid var(--color-border);min-height:54px}.chat-main__menu{display:none;position:relative;border:none;background:var(--color-background-content);color:var(--color-text-secondary);border-radius:8px;width:32px;height:32px;cursor:pointer;flex:none}.chat-main__menu-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:999px;background:var(--color-warning-primary);box-shadow:0 0 0 2px var(--color-background-card);pointer-events:none}.chat-main__peer-avatar{flex:none;width:32px;height:32px;border-radius:8%;overflow:hidden}.chat-main__peer-avatar img{width:100%;height:100%;object-fit:cover}.chat-main__title{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main__spacer{flex:1 1}.chat-main__search{flex:none;border:none;background:var(--color-background-content);color:var(--color-text-secondary);border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-main__search:hover{background:var(--color-brand-secondary);color:var(--color-brand-primary)}.chat-main__search svg{width:16px;height:16px}.chat-main__profile-link{margin-left:auto;font-size:.8rem;color:var(--color-brand-primary);white-space:nowrap}.chat-main__profile-link:hover{text-decoration:underline}.chat-main__empty{flex:1 1;display:flex;align-items:center;justify-content:center;padding:0 24px;text-align:center;color:var(--color-text-secondary)}.chat-main__focus-link{color:var(--color-brand-primary);font-weight:700;text-decoration:underline}.chat-list{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;view-transition-name:chat-list}::view-transition-old(root){animation:none;opacity:0}::view-transition-new(root){animation:none}::view-transition-old(chat-list){animation:chat-list-out .16s ease both}::view-transition-new(chat-list){animation:chat-list-in .16s ease both}@keyframes chat-list-out{to{opacity:0}}@keyframes chat-list-in{0%{opacity:0}}.chat-list__older{align-self:center;border:1px solid var(--color-border);background:var(--color-background-card);color:var(--color-text-secondary);border-radius:999px;padding:5px 14px;font-size:.8rem;cursor:pointer}.chat-list__older:hover{background:var(--color-background-subtle)}.chat-list__empty{margin:auto;color:var(--color-text-tertiary);font-size:.95rem}.chat-date-sep{align-self:center;display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 2px;color:var(--color-text-tertiary);font-size:.75rem}.chat-date-sep:after,.chat-date-sep:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.chat-date-sep span{flex:none;padding:2px 10px;border-radius:999px;background:var(--color-background-subtle)}.chat-list__new-sep{align-self:center;display:flex;align-items:center;gap:10px;width:100%;color:var(--color-brand-primary);font-size:.75rem}.chat-list__new-sep:after,.chat-list__new-sep:before{content:"";flex:1 1;height:1px;background:var(--color-brand-primary);opacity:.4}.chat-msg{display:flex;gap:10px;max-width:78%}.chat-msg--mine{align-self:flex-end;flex-direction:row-reverse}.chat-msg--grouped{margin-top:-8px}.chat-msg--grouped .chat-msg__avatar{opacity:0;transition:opacity .15s ease}.chat-msg--grouped .chat-msg__avatar:focus-visible,.chat-msg--grouped:hover .chat-msg__avatar{opacity:1}.chat-msg--grouped .chat-msg__name{display:none}@media (hover:none){.chat-msg--grouped .chat-msg__avatar{opacity:1}}.chat-msg__avatar{flex:none;width:34px;height:34px;padding:0;border:none;border-radius:8%;overflow:hidden;background:var(--color-background-content);cursor:pointer;transition:box-shadow .15s ease}.chat-msg__avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-msg__avatar:focus-visible,.chat-msg__avatar:hover{box-shadow:0 0 0 2px var(--color-brand-primary)}.chat-msg__body{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.chat-msg--mine .chat-msg__body{align-items:flex-end}.chat-msg__meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-text-secondary)}.chat-msg--mine .chat-msg__meta{justify-content:flex-end}.chat-msg__name{color:var(--color-text-primary);font-weight:600}.chat-msg__name:hover{color:var(--color-brand-primary)}.chat-msg__admin{font-size:.65rem;padding:1px 6px;border-radius:999px;background:var(--color-warning-secondary);color:var(--color-warning-primary)}.chat-msg__receipt{font-size:.72rem;color:var(--color-text-tertiary)}.chat-msg__receipt.is-read{color:var(--color-brand-primary)}.chat-msg__time{white-space:nowrap}.chat-msg__actions{display:none;gap:6px;margin-left:auto}.chat-msg:hover .chat-msg__actions{display:inline-flex}.chat-msg--mine .chat-msg__actions{margin-left:0}.chat-msg__btn{border:none;background:transparent;color:var(--color-text-secondary);font-size:.72rem;cursor:pointer;padding:0 2px}.chat-msg__btn:hover{color:var(--color-brand-primary)}.chat-msg__btn--danger:hover{color:var(--color-warning-primary)}.chat-msg__reply{font:inherit;font-size:.78rem;padding:4px 8px;border:none;border-left:3px solid var(--color-brand-primary);background:var(--color-background-subtle);border-radius:6px;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;max-height:60px;overflow:hidden;cursor:pointer;text-align:left}.chat-msg__reply:hover{background:var(--color-background-highlight)}.chat-msg__reply-name{color:var(--color-brand-primary);font-weight:600}.chat-msg__reply-thumb{display:inline-block;vertical-align:middle;max-width:88px;max-height:40px;margin-left:4px;border-radius:4px;object-fit:cover}.chat-msg__content{padding:8px 12px;border:1px solid var(--color-text-primary);border-radius:0;background:transparent;color:var(--color-text-primary);font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-msg__content--mention{border-color:var(--color-brand-primary);box-shadow:inset 3px 0 0 var(--color-brand-primary)}.chat-msg--mine .chat-msg__content--mention{box-shadow:inset -3px 0 0 var(--color-brand-primary)}.chat-msg--highlight{border-radius:8px;animation:chat-msg-flash 2s ease-out}@keyframes chat-msg-flash{0%,60%{background:var(--color-background-highlight);box-shadow:0 0 0 2px var(--color-brand-primary)}to{background:transparent;box-shadow:0 0 0 2px transparent}}.chat-msg__link{color:var(--color-brand-primary);text-decoration:underline;word-break:break-all}.chat-msg__link:hover{text-decoration:none}.chat-msg__md{white-space:normal;word-break:break-word}.chat-msg__md>:first-child{margin-top:0}.chat-msg__md>:last-child{margin-bottom:0}.chat-msg__md p{margin:0 0 .5em}.chat-msg__md h1,.chat-msg__md h2,.chat-msg__md h3,.chat-msg__md h4,.chat-msg__md h5,.chat-msg__md h6{margin:.7em 0 .35em;font-weight:700;line-height:1.35}.chat-msg__md h1{font-size:1.35em}.chat-msg__md h2{font-size:1.25em}.chat-msg__md h3{font-size:1.15em}.chat-msg__md h4{font-size:1.08em}.chat-msg__md h5{font-size:1em}.chat-msg__md h6{font-size:.95em;color:var(--color-text-secondary)}.chat-msg__md ol,.chat-msg__md ul{margin:0 0 .5em;padding-left:1.4em}.chat-msg__md li{margin:.15em 0}.chat-msg__md li>input[type=checkbox]{margin-right:.35em}.chat-msg__md blockquote{margin:0 0 .5em;padding:2px 10px;border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.chat-msg__md code{padding:1px 4px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;word-break:break-all}.chat-msg__md code,.chat-msg__md pre{background:var(--color-background-subtle)}.chat-msg__md pre{margin:0 0 .5em;padding:8px 10px;border-radius:8px;overflow-x:auto}.chat-msg__md pre code{padding:0;background:none;word-break:normal}.chat-msg__md table{display:block;max-width:100%;margin:0 0 .5em;overflow-x:auto;border-collapse:collapse}.chat-msg__md td,.chat-msg__md th{padding:2px 8px;border:1px solid var(--color-border)}.chat-msg__md hr{margin:.6em 0;border:none;border-top:1px solid var(--color-border)}.chat-msg__deleted{color:var(--color-text-secondary);font-style:italic}.chat-msg__image{max-width:260px;max-height:320px;border:1px solid var(--color-text-primary);border-radius:0;cursor:zoom-in;display:block;background:var(--color-background-content)}.chat-msg__image-missing{color:var(--color-text-secondary);font-size:.8rem}.chat-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);cursor:zoom-out;touch-action:none}.chat-lightbox__img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;transition:transform .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.chat-lightbox__img.is-zoomed{cursor:-webkit-grab;cursor:grab}.chat-lightbox__img.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;transition:none}.chat-lightbox__zoom{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default}.chat-lightbox__zoom-btn,.chat-lightbox__zoom-level{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:999px;opacity:.9}.chat-lightbox__zoom-btn:hover:not(:disabled),.chat-lightbox__zoom-level:hover:not(:disabled){background:rgba(255,255,255,.14);opacity:1}.chat-lightbox__zoom-btn:disabled,.chat-lightbox__zoom-level:disabled{opacity:.35;cursor:default}.chat-lightbox__zoom-btn{width:34px;height:34px}.chat-lightbox__zoom-btn svg{width:18px;height:18px}.chat-lightbox__zoom-level{min-width:56px;height:34px;padding:0 8px;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:640px){.chat-lightbox__zoom{bottom:32px}.chat-lightbox__zoom-btn{width:40px;height:40px}.chat-lightbox__zoom-btn svg{width:20px;height:20px}}.chat-lightbox__close{position:absolute;top:16px;right:20px;border:none;background:transparent;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;opacity:.85}.chat-lightbox__close:hover{opacity:1}.chat-msg__blog{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-content);color:var(--color-text-primary);text-decoration:none;align-self:flex-start;max-width:320px}.chat-msg__blog:hover{border-color:var(--color-brand-primary)}.chat-msg--mine .chat-msg__blog{background:var(--color-brand-secondary);border-color:transparent;align-self:flex-end}.chat-msg__blog-icon{flex:none;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-card);color:var(--color-brand-primary)}.chat-msg__blog-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.chat-msg__blog-title{font-size:.9rem;font-weight:600}.chat-msg__blog-desc,.chat-msg__blog-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-msg__blog-desc{font-size:.78rem;color:var(--color-text-secondary)}.chat-msg__blog-author{font-size:.72rem;color:var(--color-text-tertiary)}.chat-msg__blog-arrow{flex:none;font-size:.9rem;color:var(--color-text-tertiary)}.chat-msg__blog-missing{color:var(--color-text-secondary);font-size:.8rem}.chat-pat{align-self:center;max-width:90%;display:flex;align-items:center;gap:8px;padding:2px 10px;font-size:.78rem;color:var(--color-text-secondary);text-align:center;word-break:break-word}.chat-pat--me{color:var(--color-brand-primary);font-weight:700;background:var(--color-brand-secondary);border-radius:999px;padding:3px 14px}.chat-pat__text{min-width:0}.chat-pat__btn{display:none;flex:none}.chat-pat:hover .chat-pat__btn{display:inline-block}.chat-avatar-menu{position:fixed;z-index:60;min-width:148px;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-background-card);box-shadow:var(--shadow-card-hover)}.chat-avatar-menu__item{display:block;width:100%;padding:7px 12px;border:none;border-radius:8px;background:transparent;color:var(--color-text-primary);font-size:.85rem;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap}.chat-avatar-menu__item:hover{background:var(--color-background-subtle);color:var(--color-brand-primary)}.chat-avatar-menu__item--danger{color:var(--color-warning-primary)}.chat-avatar-menu__item--cancel{color:var(--color-text-secondary);text-align:center}.chat-avatar-menu__sep{height:1px;margin:2px 6px;background:var(--color-border)}.chat-typing{padding:2px 18px 6px;font-size:.78rem;color:var(--color-text-secondary);font-style:italic}.chat-jump-new{position:-webkit-sticky;position:sticky;bottom:76px;margin:-40px auto 0;display:block;border:none;background:var(--color-brand-primary);color:#fff;border-radius:999px;padding:7px 16px;font-size:.82rem;cursor:pointer;box-shadow:var(--shadow-card)}.chat-composer{display:flex;flex-direction:column;gap:8px}.chat-composer__reply{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-background-subtle);border-left:3px solid var(--color-brand-primary);padding:4px 8px;border-radius:6px}.chat-composer__reply-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-composer__reply-close{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:1rem}.chat-composer__blog{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-background-subtle);border-left:3px solid var(--color-brand-primary);padding:4px 8px;border-radius:6px}.chat-composer__blog-icon{flex:none;color:var(--color-brand-primary)}.chat-composer__image{position:relative;width:-moz-fit-content;width:fit-content}.chat-composer__image img{max-width:120px;max-height:120px;border-radius:10px;display:block}.chat-composer__image-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border:none;border-radius:999px;background:var(--color-warning-primary);color:#fff;cursor:pointer;font-size:.85rem;line-height:1}.chat-composer__panel{display:flex;flex-direction:column;gap:4px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-background-card);padding:4px 8px 8px}.chat-composer__toolbar{display:flex;align-items:center;gap:2px}.chat-composer__icon-btn{flex:none;width:30px;height:30px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:8px;cursor:pointer;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.chat-composer__icon-btn:hover:not(:disabled){background:var(--color-background-subtle);color:var(--color-brand-primary)}.chat-composer__icon-btn:disabled{opacity:.5;cursor:not-allowed}.chat-composer__input{resize:none;border:none;background:transparent;color:var(--color-text-primary);padding:6px;font-size:.95rem;line-height:1.5;font-family:inherit;min-height:72px;max-height:176px;overflow-y:auto}.chat-composer__input:focus{outline:none}.chat-composer__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 0}.chat-composer__hint{font-size:.72rem;color:var(--color-text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-composer__send{flex:none;border:none;border-radius:999px;padding:6px 20px;background:var(--color-brand-secondary);color:var(--color-brand-primary);font-weight:700;font-size:.92rem;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-composer__send:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.chat-composer__send:disabled{opacity:.5;cursor:not-allowed}.chat-composer{flex:none;border-top:1px solid var(--color-border);background:var(--color-background-card);padding:10px 14px}.chat-new-modal{max-width:420px;width:calc(100vw - 40px)}.chat-modal-close{border:none;background:transparent;color:var(--color-text-secondary);font-size:1.3rem;cursor:pointer;line-height:1}.chat-new-search{margin-bottom:10px}.chat-new-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.chat-new-empty{text-align:center;color:var(--color-text-secondary);padding:24px 0;font-size:.9rem}.chat-new-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.chat-new-item:hover:not(:disabled){background:var(--color-background-subtle)}.chat-new-item:disabled{opacity:.6;cursor:not-allowed}.chat-new-item__avatar{width:32px;height:32px;border-radius:8%;object-fit:cover;flex:none}.chat-new-item__name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-new-item__tag{font-size:.75rem;color:var(--color-text-secondary)}.chat-new-item__role{flex:none;font-size:.7rem;padding:1px 8px;border-radius:999px;background:var(--color-success-secondary);color:var(--color-success-primary)}.chat-blog-modal{max-width:500px;width:calc(100vw - 40px)}.chat-blog-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.chat-blog-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.chat-blog-item:hover:not(:disabled){background:var(--color-background-subtle)}.chat-blog-item__icon{flex:none;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-brand-secondary);color:var(--color-brand-primary)}.chat-blog-item__main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-blog-item__title{font-size:.9rem;font-weight:600}.chat-blog-item__meta,.chat-blog-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-blog-item__meta{font-size:.75rem;color:var(--color-text-secondary)}.chat-search-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:var(--color-text-primary)}.chat-search-item:hover{background:var(--color-background-subtle)}.chat-search-item__head{display:flex;align-items:baseline;gap:8px;font-size:.78rem;color:var(--color-text-secondary)}.chat-search-item__author{font-weight:600;color:var(--color-brand-primary)}.chat-search-item__text{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pager{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--color-border)}.chat-pager__btn{border:1px solid var(--color-border);background:var(--color-background-content);color:var(--color-text-primary);border-radius:8px;padding:4px 12px;font-size:.8rem;cursor:pointer}.chat-pager__btn:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.chat-pager__btn:disabled{opacity:.45;cursor:not-allowed}.chat-pager__info{font-size:.8rem;color:var(--color-text-secondary)}@media (max-width:900px){.chat-page{position:relative}.chat-main__menu{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}.chat-sidebar{position:fixed;top:62px;bottom:0;left:0;z-index:30;width:300px;flex-basis:300px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow-card-hover)}.chat-page--drawer-open .chat-sidebar{transform:translateX(0)}.chat-page--collapsed .chat-sidebar{flex-basis:300px;width:300px}.chat-page--collapsed .chat-chan__main{display:flex}.chat-page--collapsed .chat-chan__mark--num{min-width:18px;height:18px;padding:0 5px}.chat-page--collapsed .chat-chan__mark-num{display:inline}.chat-page--collapsed .chat-sidebar__title{max-width:none;opacity:1}.chat-page--collapsed .chat-chan{padding:8px 10px}.chat-page--collapsed .chat-chan.is-active{background:var(--color-background-highlight);box-shadow:inset 3px 0 0 var(--color-brand-primary)}.chat-page--collapsed .chat-chan.is-active .chat-chan__avatar,.chat-page--collapsed .chat-chan.is-active .chat-chan__icon{box-shadow:none}.chat-page--collapsed .chat-new-btn{padding:9px 14px}}@media (max-width:560px){.chat-msg{max-width:90%}.chat-msg__blog,.chat-msg__image{max-width:100%}.chat-composer__hint{display:none}.chat-composer{padding:8px 8px 10px}}.error-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 62px - 120px);padding:2rem 1rem}.error-card{background:var(--color-background-card);border-radius:30px;box-shadow:var(--shadow-card);padding:3rem 2rem;text-align:center;max-width:560px;width:100%;border:1px solid var(--color-border)}.error-code{font-size:7rem;font-weight:900;line-height:1;color:var(--color-brand-primary);margin:0 0 .5rem;letter-spacing:-.03em}.error-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.error-message{font-size:1.05rem;margin-bottom:.5rem}.error-hint,.error-message{color:var(--color-text-secondary);line-height:1.7}.error-hint{font-size:.95rem;margin-bottom:2rem;opacity:.8}.error-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem}.error-actions .button-outline,.error-actions .button-primary{display:inline-flex;align-items:center;gap:6px}.button-outline{display:inline-block;padding:10px 16px;font-size:16px;font-weight:700;border-radius:999px;background:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);cursor:pointer;text-decoration:none;transition:all .2s ease}.button-outline:hover{background:var(--color-brand-primary);color:#fff;text-decoration:none}.button-outline:active{filter:brightness(.85)}.error-quick-links{border-top:1px solid var(--color-border);padding-top:1.5rem}.error-quick-links__title{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.error-link-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.error-quick-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border-radius:12px;text-decoration:none;color:var(--color-text-secondary);background:var(--color-background-page);border:1px solid var(--color-border);transition:all .2s ease}.error-quick-link:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:var(--shadow-card-brand);text-decoration:none;transform:translateY(-2px)}.error-quick-link .icon{width:1.4rem;height:1.4rem}.error-quick-link span{font-size:.8rem;font-weight:500}.error-card--animate{animation:errorFadeIn .6s ease-out both}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.error-code{font-size:5rem}.error-title{font-size:1.4rem}.error-card{padding:2rem 1.25rem}.error-link-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.error-actions{flex-direction:column;align-items:stretch}.error-actions .button-outline,.error-actions .button-primary{width:100%;justify-content:center;text-align:center}}