.hh-home,.hh-manage{width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:28px 20px 64px;color:#25364b}
.hh-home *,.hh-manage *{box-sizing:border-box}
.hh-heading,.hh-manage-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.hh-heading h1,.hh-manage-heading h1{font-size:30px;line-height:1.2;margin:5px 0 8px;color:#172c47}
.hh-heading p,.hh-manage-heading p{margin:0;color:#697b90}
.hh-eyebrow,.hh-kicker{font-size:11px!important;font-weight:700;letter-spacing:.16em;color:#5a89b0!important}
.hh-manage-link{white-space:nowrap}
.hh-hero-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:20px;align-items:stretch}
.hh-carousel,.hh-calendar,.hh-card,.hh-manage-card{border:1px solid #e1e8f0;border-radius:17px;background:#fff;box-shadow:0 7px 25px rgba(31,57,87,.055)}
.hh-carousel{min-width:0;min-height:348px;position:relative;overflow:hidden;background:#173b62}
.hh-slides,.hh-slide{position:absolute;inset:0}
.hh-slide{display:block;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;color:#fff;overflow:hidden}
.hh-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hh-slide img{width:100%;height:100%;object-fit:cover}
.hh-slide-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,24,45,.85),transparent 68%)}
.hh-slide-copy{position:absolute;left:30px;right:30px;bottom:52px;display:grid;gap:7px;text-shadow:0 1px 8px #1237}
.hh-slide-copy strong{font-size:27px;line-height:1.25}
.hh-slide-copy span{font-size:14px;line-height:1.5}
.hh-carousel-controls{position:absolute;z-index:3;left:20px;right:20px;bottom:13px;display:flex;align-items:center;justify-content:space-between}
.hh-arrow{border:0;background:#fff9;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:23px;line-height:24px;color:#173b62}
.hh-carousel-center{display:flex;align-items:center;gap:14px}.hh-dots{display:flex;gap:8px}.hh-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff8;cursor:pointer}.hh-dots button.is-active{background:#fff;width:23px;border-radius:6px}.hh-autoplay-toggle{border:0;background:#fff5;color:#fff;width:25px;height:25px;border-radius:50%;font-size:12px;line-height:1;cursor:pointer}.hh-autoplay-toggle:hover{background:#fff8}
.hh-welcome{height:100%;min-height:348px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 8%;color:#fff;background:radial-gradient(circle at 83% 12%,#58b7d4 0,#58b7d400 38%),linear-gradient(120deg,#214d75,#1d7391)}
.hh-welcome-code{font-size:45px;opacity:.76;font-family:monospace}.hh-welcome p{letter-spacing:.18em;opacity:.8}.hh-welcome h2{font-size:32px;margin:5px 0 12px;color:white}.hh-welcome>span:last-child{opacity:.9}
.hh-default-slide{background:radial-gradient(circle at 80% 15%,#65bad0 0,transparent 37%),linear-gradient(125deg,#234c77,#1e7893)}
.hh-default-slide--contest{background:radial-gradient(circle at 80% 20%,#e7b77f 0,transparent 38%),linear-gradient(120deg,#3a5179,#735772)}
.hh-default-slide--discussion{background:radial-gradient(circle at 80% 20%,#7ac5ad 0,transparent 38%),linear-gradient(120deg,#1d5974,#2d7f80)}
.hh-default-decoration{position:absolute;right:9%;top:7%;font:700 140px/1 monospace;opacity:.16;color:white;pointer-events:none}
.hh-default-slide .hh-slide-copy{bottom:66px;text-shadow:none}.hh-default-slide .hh-slide-copy small{font-size:13px;letter-spacing:.12em;color:#e5f3f8}
.hh-default-slide:hover{color:white}
.hh-calendar{padding:20px 22px;min-width:0;display:flex;flex-direction:column}.hh-card-head,.hh-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hh-card-head h2,.hh-section-head h2{font-size:20px;margin:3px 0;color:#223b56}.hh-card-head p,.hh-section-head p{margin:0}.hh-calendar-icon{font-size:24px;color:#81a8c7}
.hh-punch-before[hidden],.hh-punch-after[hidden]{display:none}
.hh-punch-before{display:flex;flex:1;flex-direction:column}
.hh-punch-greeting{margin:13px 0 0;font-size:13px;font-weight:600;color:#6a7d8f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-date-display{display:grid;justify-items:center;align-content:center;gap:8px;min-height:135px;color:#256a83}
.hh-date-display>strong{font-size:44px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}
.hh-date-display>span{font-size:15px;color:#627e8a;font-weight:600}
.hh-checkin-button{border-radius:9px;margin-top:auto}
.hh-punch-after{text-align:center;padding-top:12px}.hh-fortune-person{margin:0;color:#778896;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-fortune-grade{display:block;margin:7px 0 3px;font-size:29px;line-height:1.2;color:#315b70;letter-spacing:.05em}
.hh-fortune-theme{margin:0 0 12px;font-size:11px;color:#7890a0}
.hh-fortune-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.hh-fortune-columns>div{min-width:0}.hh-fortune-columns h3{font-size:12px;margin:0 0 5px;color:#358465}.hh-fortune-columns>div+div h3{color:#b46e53}
.hh-fortune-columns p{display:grid;gap:2px;margin:0 0 9px}.hh-fortune-columns strong{font-size:13px;line-height:1.35;color:#273e53}.hh-fortune-columns small{font-size:12px;line-height:1.4;color:#718393}
.hh-fortune-stats{margin:4px 0;font-size:12px;color:#617b8c}.hh-fortune-stats strong{color:#24738e}.hh-fortune-note{font-size:10px;color:#a0aab2}
.hh-bulletin-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:10px;background:#f6f9fb;color:#25445d;line-height:1.4}.hh-bulletin-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-bulletin-link:hover{background:#edf5f8;color:#176d91}
.hh-bulletin-page{max-width:900px;margin:0 auto;padding:30px 20px 65px}.hh-bulletin-nav{margin-bottom:14px}.hh-bulletin-nav a{color:#397fa2}.hh-bulletin-page .hh-card{padding:28px 32px}.hh-bulletin-page h1{font-size:27px;margin:4px 0 0;color:#243e57}.hh-bulletin-detail{line-height:1.8;overflow-wrap:anywhere}
.hh-checkin-stats{display:flex;justify-content:space-between;padding:12px 2px 10px;margin-top:7px;border-top:1px solid #edf1f5;color:#667c91;font-size:13px}.hh-checkin-stats strong{color:#236986;font-size:17px}.hh-checkin-button{display:block;width:100%;text-align:center}.hh-checkin-message{min-height:16px;margin:5px 0 0;font-size:12px;color:#b15442}
.hh-content-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:20px;margin-top:20px;align-items:start}.hh-main-column{display:grid;gap:20px;min-width:0}.hh-card{padding:21px 24px}.hh-section-head{margin-bottom:15px}.hh-section-head a{white-space:nowrap;font-size:13px;color:#397fa2}.hh-empty{padding:26px 8px;color:#8190a0;text-align:center;background:#f8fafc;border-radius:10px}.hh-contest-list,.hh-discussion-list{list-style:none;margin:0;padding:0}.hh-contest-list li+li,.hh-discussion-list li+li{border-top:1px solid #edf1f5}.hh-contest-list a,.hh-discussion-list a{display:flex;align-items:center;gap:14px;padding:13px 2px;color:#263d55}.hh-contest-date{display:grid;place-items:center;min-width:54px;min-height:44px;border-radius:9px;background:#eff5f9;color:#397ea1;font-weight:700}.hh-contest-info{display:grid;gap:4px;min-width:0;flex:1}.hh-contest-info strong,.hh-discussion-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-contest-info small,.hh-discussion-list time{font-size:12px;color:#8291a1}.hh-contest-state{white-space:nowrap;font-size:12px;border-radius:20px;padding:5px 9px;background:#eef2f6;color:#647d90}.hh-contest-state.is-live{background:#e0f4e8;color:#238355}.hh-discussion-mark{color:#6d9ab5;font-size:20px}.hh-discussion-list strong{flex:1;min-width:0}.hh-bulletin-body{line-height:1.75;overflow-wrap:anywhere;max-height:440px;overflow:hidden}.hh-bulletin-body.is-expanded{max-height:none}.hh-bulletin-more{border:0;background:none;color:#397fa2;cursor:pointer;padding:8px 0 0}
.hh-manage-heading{align-items:center}.hh-manage-card{padding:22px 25px;margin-bottom:20px}.hh-manage-card h2,.hh-manage-list-title{font-size:20px;margin:0 0 16px}.hh-slide-form{display:grid;gap:14px}.hh-slide-form label{display:grid;gap:6px;color:#52677c;font-weight:600}.hh-slide-form input,.hh-slide-form select{width:100%;border:1px solid #ccd8e3;border-radius:8px;padding:9px;color:#263d55;background:white}.hh-slide-form small{font-weight:400;color:#8493a2}.hh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hh-slide-form .hh-check{display:flex;align-items:center;gap:8px}.hh-check input{width:auto}.hh-slide-form button{justify-self:start}.hh-existing-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.hh-existing-head strong{flex:1}.hh-existing-head>span:last-child{font-size:13px;color:#71859a}.hh-status{font-size:12px;padding:4px 9px;border-radius:20px;background:#e0f4e8;color:#238355}.hh-status.is-muted{background:#edf0f3;color:#778393}.hh-existing-image{width:100%;max-height:260px;object-fit:cover;border-radius:10px;margin-bottom:17px}.hh-image-preview img{width:100%;max-height:260px;object-fit:cover;border-radius:10px}.hh-delete-form{margin-top:18px;padding-top:14px;border-top:1px solid #edf0f3}.hh-delete{color:#b34949!important}.hh-manage-error,.hh-manage-success{padding:12px 15px;border-radius:8px;margin-bottom:16px}.hh-manage-error{background:#fff0ed;color:#ae4b3b}.hh-manage-success{background:#e7f6ec;color:#287e50}.hh-manage-empty{color:#8090a1}
@media(max-width:800px){.hh-hero-grid,.hh-content-grid{grid-template-columns:minmax(0,1fr)}.hh-calendar{max-width:none}.hh-home,.hh-manage{padding:18px 13px 45px}.hh-heading h1,.hh-manage-heading h1{font-size:25px}.hh-carousel,.hh-welcome{min-height:290px}.hh-heading,.hh-manage-heading{align-items:start}.hh-card{padding:17px}}
@media(max-width:560px){.hh-heading,.hh-manage-heading{flex-direction:column}.hh-form-grid{grid-template-columns:1fr}.hh-slide-copy{left:18px;right:18px;bottom:48px}.hh-slide-copy strong{font-size:22px}.hh-contest-list a{gap:8px}.hh-contest-state{font-size:11px}.hh-discussion-list time{display:none}}
@media(max-width:560px){.hh-date-display{gap:10px}.hh-date-display>strong{font-size:37px}.hh-default-decoration{font-size:100px}.hh-bulletin-page{padding:18px 13px 45px}.hh-bulletin-page .hh-card{padding:20px}}
.hh-slide-state-note{margin:-4px 0 14px;font-size:13px;line-height:1.5;color:#62768b}
.hh-side-column{display:grid;gap:20px;min-width:0}.hh-stat-card{min-width:0}.hh-chart{position:relative;min-width:0}.hh-chart svg{display:block;width:100%;height:auto}.hh-chart-grid{stroke:#e7eef4;stroke-width:1}.hh-chart-axis{fill:#8294a3;font-size:11px;font-family:inherit}.hh-chart-bar{fill:#71aeca}.hh-chart-line{fill:none;stroke:#3d8cb4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hh-chart-hover-point{fill:#fff;stroke:#287caa;stroke-width:3;pointer-events:none}.hh-chart-hit{cursor:crosshair}.hh-chart-hit:focus-visible{outline:2px solid #267fa9;outline-offset:-2px}.hh-chart-tooltip{position:absolute;z-index:2;transform:translateX(-50%);padding:7px 10px;border-radius:8px;background:#193d57;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #193d5733}.hh-chart-tooltip[hidden]{display:none}.hh-chart-note{margin:2px 0 0;font-size:11px;color:#8192a0}.hh-ranking-note{margin:-7px 0 10px;font-size:11px;color:#8192a0}.hh-ranking-list{list-style:none;margin:0;padding:0}.hh-ranking-list li{display:flex;align-items:center;gap:11px;padding:9px 0;min-width:0}.hh-ranking-list li+li{border-top:1px solid #edf1f5}.hh-ranking-place{width:20px;text-align:center;color:#7c91a2;font-weight:700}.hh-ranking-list li:first-child .hh-ranking-place{color:#d2943e}.hh-ranking-list a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#28475d}.hh-ranking-list img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#e9f1f5}.hh-ranking-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.hh-ranking-count{white-space:nowrap;font-size:12px;color:#267da5;font-weight:700}
@media(max-width:800px){.hh-content-grid{display:flex;flex-direction:column;align-items:stretch}.hh-main-column,.hh-side-column{display:contents}.hh-stat-card{order:1}.hh-ranking{order:2}.hh-bulletin{order:3}.hh-main-column>.hh-card:not(.hh-stat-card){order:4}}
@media(max-width:560px){#hh-month-chart text[text-anchor="middle"]{font-size:9px}}
.hh-slide-picture,.hh-slide-image,.hh-slide-backdrop{position:absolute;inset:0;display:block;overflow:hidden}
.hh-slide-image img,.hh-slide-backdrop img{width:100%;height:100%;object-position:var(--hh-focus-x,50%) var(--hh-focus-y,50%)}
.hh-slide-image img{object-fit:cover}.hh-slide-backdrop{display:none}.hh-slide--contain .hh-slide-backdrop{display:block}.hh-slide--contain .hh-slide-backdrop img{object-fit:cover;filter:blur(24px) brightness(.68);transform:scale(1.12)}.hh-slide--contain .hh-slide-image img{object-fit:scale-down}
.hh-focus-controls{display:grid;gap:8px}.hh-focus-controls label{display:grid;grid-template-columns:80px minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:13px}.hh-focus-controls input[type=range]{padding:0;border:0;accent-color:#3787ae}.hh-focus-controls output{text-align:right;font-variant-numeric:tabular-nums;color:#397fa2}
.hh-preview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:18px}.hh-preview-grid>div{min-width:0}.hh-preview-grid>div>strong{display:block;margin-bottom:7px;font-size:13px;color:#52677c}.hh-preview-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#173b62;color:white}.hh-preview-stage--desktop{aspect-ratio:2.1}.hh-preview-stage--mobile{aspect-ratio:1.25}.hh-preview-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hh-focus-x,50%) var(--hh-focus-y,50%)}.hh-preview-backdrop{display:none}.hh-preview-stage.is-contain .hh-preview-backdrop{display:block;filter:blur(18px) brightness(.68);transform:scale(1.12)}.hh-preview-stage.is-contain .hh-preview-foreground{object-fit:scale-down}.hh-preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;color:#dceaf2;font-size:13px}.hh-preview-copy{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;display:grid;gap:2px;text-shadow:0 1px 6px #1239}.hh-preview-copy b{font-size:clamp(13px,2vw,19px);line-height:1.2}.hh-preview-copy small{color:#fff;font-size:11px;line-height:1.3}.hh-preview-copy[hidden],.hh-preview-placeholder[hidden]{display:none}.hh-preview-warning{min-height:19px;margin:5px 0 0;color:#71869a;font-size:11px;line-height:1.4}.hh-preview-warning.is-low-resolution{color:#a75e34}
@media(max-width:600px){.hh-preview-grid{grid-template-columns:minmax(0,1fr)}.hh-preview-grid>div:nth-child(2){max-width:260px}}
.hh-slide-form [hidden]{display:none}
@media(max-width:800px){.hh-slide--mobile-fallback .hh-slide-backdrop{display:block}.hh-slide--mobile-fallback .hh-slide-backdrop img{filter:blur(24px) brightness(.68);transform:scale(1.12)}.hh-slide--mobile-fallback .hh-slide-image img{object-fit:scale-down}}
.hh-slide--contain .hh-slide-image{bottom:34%}.hh-preview-stage.is-contain .hh-preview-foreground{height:66%;bottom:auto}
@media(max-width:800px){.hh-slide--mobile-fallback .hh-slide-image{bottom:34%}}