.viewer-shell{background:linear-gradient(160deg, #fff 0%, var(--viewer-grad-mid,#dfe3fd) 38%, var(--viewer-grad-accent,#638efe) 72%, var(--theme-primary,#061a61) 100%);min-height:100dvh;color:var(--theme-text,#1a1a1a);-webkit-font-smoothing:antialiased;font-family:Verdana,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.viewer-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.viewer-loading-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffffeb;border-radius:16px;width:min(280px,100%);padding:1.5rem 1.25rem;box-shadow:0 10px 30px #0000001f}.viewer-loading-card p{color:var(--theme-text-muted,#555);margin:.85rem 0 0;font-size:.875rem;font-weight:600}.viewer-status-card{text-align:center;width:min(360px,100%)}.viewer-status-kicker{letter-spacing:.06em;text-transform:lowercase;color:var(--theme-primary,#061a61)!important;margin:0 0 .5rem!important;font-size:.75rem!important;font-weight:700!important}.viewer-status-title{line-height:1.4;color:#111827!important;margin:0!important;font-size:1.05rem!important;font-weight:700!important}.viewer-status-desc{line-height:1.55;color:#6b7280!important;margin:.65rem 0 0!important;font-size:.8125rem!important;font-weight:500!important}.viewer-status-btn{background:var(--theme-primary,#061a61);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:1.15rem;padding:.65rem 1.15rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex}.viewer-status-btn:hover{filter:brightness(1.08)}.viewer-status-btn-inline{margin-top:.85rem}.viewer-loading-bar{background:linear-gradient(90deg, transparent, var(--theme-accent,#00bfdc), transparent);background-size:200% 100%;border-radius:999px;height:4px;animation:1.1s ease-in-out infinite viewer-loading-slide}@keyframes viewer-loading-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.viewer-list-empty{text-align:center;padding:0 1rem 1.75rem}.viewer-list-empty p{color:var(--theme-text-muted,#666);margin:0;font-size:.875rem}.viewer-page{text-align:center;width:min(720px,100%);margin:0 auto;padding:0 0 2.5rem}.viewer-title{z-index:40;background-color:var(--theme-primary,#061a61);position:sticky;top:0;box-shadow:0 2px 10px #0000002e}.viewer-title h1{letter-spacing:.02em;color:var(--theme-on-primary,#fff);margin:0;padding:.85rem 1rem;font-size:clamp(1rem,3.8vw,1.25rem);font-weight:600;line-height:1.35}.viewer-info{margin:.75rem 1rem 0}.viewer-info-ticker{background:linear-gradient(45deg, var(--theme-now,#ff7bda), var(--theme-now-dark,#ff66d4));box-shadow:0 2px 8px color-mix(in srgb, var(--theme-now,#ff7bda) 28%, transparent);border-radius:.65rem;overflow:hidden}.viewer-info-track{will-change:transform;align-items:center;width:max-content;padding:.55rem 0;animation:16s linear infinite viewer-marquee;display:flex}.viewer-info-item{white-space:nowrap;color:var(--theme-on-now,#fff);letter-spacing:.02em;flex-shrink:0;padding-right:4rem;font-size:.875rem;font-weight:600}@keyframes viewer-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.viewer-info-track{justify-content:center;width:100%;padding-left:.75rem;padding-right:.75rem;animation:none}.viewer-info-item{white-space:normal;text-align:center;padding-right:0}.viewer-info-item[aria-hidden=true]{display:none}.viewer-output p,.viewer-loading-bar{animation:none}}.viewer-nowsituation{border:solid 3px var(--theme-accent,#00bfdc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:12px;margin:1.25rem 1rem 0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.viewer-nowsituation h3{background-color:var(--theme-accent,#00bfdc);color:var(--theme-on-accent,white);letter-spacing:.04em;margin:0;padding:.55rem .75rem;font-size:.9rem;font-weight:700}.viewer-now-body{padding:1rem .85rem 1.1rem}.viewer-output{color:var(--theme-text,#111);margin:.35rem 0 .75rem;font-size:clamp(1.15rem,4.5vw,1.75rem);font-weight:700;line-height:1.35}.viewer-output p{word-break:break-word;max-width:100%;margin:0;padding:0 2.75rem;animation:.28s viewer-program-in;display:inline-block;position:relative}@keyframes viewer-program-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.viewer-output p:before,.viewer-output p:after{content:"";border-top:solid 1px var(--theme-text,#222);border-bottom:solid 1px var(--theme-text,#222);width:2rem;height:2px;position:absolute;top:50%}.viewer-output p:before{left:0}.viewer-output p:after{right:0}.viewer-hero{color:var(--theme-text-muted,#333);margin:0 0 .65rem;font-size:.95rem;line-height:1.4}.viewer-hero:empty{display:none}.viewer-meta{flex-wrap:wrap;justify-content:center;gap:.4rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.viewer-meta li{color:var(--theme-text-muted,#555);font-size:.8125rem}.viewer-meta li strong{color:var(--theme-text,#333);margin-right:.25rem;font-weight:600}.viewer-list{margin:2rem 1rem 0}.viewer-list-card{background:#fffffff5;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 10px 28px #0000001f}.viewer-list-heading{text-align:center;margin:0;padding:.75rem .85rem .35rem}.viewer-list-heading span{letter-spacing:.14em;white-space:nowrap;color:var(--theme-primary-ink,#061a61);background:color-mix(in srgb, var(--theme-primary-ink,#061a61) 6%, white);border:1px solid color-mix(in srgb, var(--theme-primary-ink,#061a61) 14%, transparent);border-radius:999px;padding:.28rem .9rem;font-size:.7rem;font-weight:700;line-height:1.3;display:inline-block}.viewer-table-wrap{border-radius:0;overflow:hidden}.viewer-list table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;max-width:100%;margin:0;font-size:clamp(.68rem,2.6vw,.875rem)}.viewer-list th{z-index:1;background-color:var(--theme-primary,#061a61);color:var(--theme-on-primary,white);letter-spacing:.03em;text-align:left;white-space:nowrap;padding:.7rem .3rem .55rem;font-size:clamp(.62rem,2.3vw,.75rem);font-weight:600;position:sticky;top:0}.viewer-list th:first-child,.viewer-list td:first-child{text-align:center;width:2.15rem;padding-left:.25rem;padding-right:.15rem}.viewer-list th:nth-child(2),.viewer-list td:nth-child(2){width:auto;min-width:0}.viewer-list th:nth-child(3),.viewer-list td:nth-child(3){width:26%;min-width:0}.viewer-list th.viewer-col-time,.viewer-list td.viewer-col-time{text-align:center;white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums;width:3.4rem;max-width:3.4rem;padding-left:.2rem;padding-right:.35rem}.viewer-list-hint{color:var(--theme-text-muted,#666);text-align:center;margin:0 .85rem .55rem;font-size:.68rem;line-height:1.4}.viewer-list td{vertical-align:middle;text-align:left;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #e8e8e8;padding:.55rem .3rem}.viewer-list tbody tr:last-child td{border-bottom:none}.viewer-list tr.now{background:linear-gradient(90deg, var(--theme-now,#ff7bda), var(--theme-now-dark,#ff66d4));color:var(--theme-on-now,white);font-weight:700}.viewer-list tr.now td{border-bottom-color:#ffffff40}.viewer-list tr.before{color:#777;background-color:#ececec}.viewer-list tr.normal{color:var(--theme-text,#222);background-color:#fff}.viewer-list tr.has-detail{cursor:pointer}.viewer-list tr.has-detail:hover:not(.now){filter:brightness(.97)}.viewer-list tr.has-detail:focus-visible{outline:2px solid var(--theme-accent,#00bfdc);outline-offset:-2px}.viewer-modal-backdrop{z-index:60;background:#00000073;justify-content:center;align-items:flex-end;padding:1rem;animation:.18s viewer-fade-in;display:flex;position:fixed;inset:0}.viewer-modal{text-align:left;background:#fff;border-radius:16px 16px 12px 12px;width:min(420px,100%);padding:1.15rem 1.15rem 1rem;animation:.22s viewer-slide-up;box-shadow:0 16px 40px #00000040}.viewer-modal h4{color:var(--theme-text,#111);margin:0 0 .85rem;font-size:1.05rem;line-height:1.35}.viewer-modal-kicker{letter-spacing:.04em;color:var(--theme-primary-ink,#061a61);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.viewer-modal-meta{gap:.55rem;margin:0 0 1rem;display:grid}.viewer-modal-meta>div{grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.4;display:grid}.viewer-modal-meta dt{color:var(--theme-text-muted,#666);margin:0;font-weight:700}.viewer-modal-meta dd{color:var(--theme-text,#222);font-variant-numeric:tabular-nums;word-break:break-word;margin:0}.viewer-modal-body{border-top:1px solid #eee;margin:0 0 1rem;padding-top:.75rem}.viewer-modal-body-label{font-weight:700;color:var(--theme-text-muted,#666)!important;margin:0 0 .35rem!important;font-size:.72rem!important}.viewer-modal-body p{color:var(--theme-text-muted,#333);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9rem;line-height:1.55}.viewer-modal-close{background:var(--theme-primary,#061a61);width:100%;color:var(--theme-on-primary,#fff);cursor:pointer;border:none;border-radius:10px;padding:.7rem;font-size:.9rem;font-weight:700;display:block}.viewer-modal-close:active{filter:brightness(.92)}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.viewer-links{flex-wrap:wrap;justify-content:center;gap:.85rem 1rem;margin:1.25rem 1rem 0;display:flex}.viewer-link-item{background:#fff;border-radius:18px;width:72px;height:72px;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden;box-shadow:0 4px 14px #0000002e}.viewer-link-item:hover,.viewer-link-item:focus-visible{outline:none;transform:scale(1.06);box-shadow:0 6px 18px #00000038}.viewer-link-item img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:640px){.viewer-link-item{border-radius:20px;width:100px;height:100px}}.viewer-like-section{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin:1.5rem 1rem 0;display:flex}.viewer-iine-wrap{flex-direction:column;justify-content:center;align-items:center;padding:.25rem .5rem .5rem;display:flex;position:relative}.viewer-iine-wrap .viewer-iine-thanks{filter:drop-shadow(0 4px 12px #00000026);opacity:0;z-index:50;background:#fff;border:1px solid #efefef;border-radius:12px;width:min(280px,100vw - 2rem);padding:.75rem 1rem;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.viewer-iine-wrap .viewer-iine-thanks.show{animation:.5s both viewer-thanks-up;display:block}.viewer-iine-wrap .viewer-iine-thanks.fadeout{animation:1s both viewer-fade-out}.viewer-iine-wrap .viewer-iine-thanks:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.viewer-iine-wrap .viewer-iine-thanks p{color:var(--theme-text,#333);margin:0;font-size:.875rem}.viewer-iine-error{color:#b91c1c;margin:.75rem 1rem 0;font-size:.75rem;font-weight:600}button.viewer-iine{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:.35rem .75rem;display:inline-flex}button.viewer-iine:focus-visible{outline:2px solid var(--theme-now,#ff7bda);outline-offset:2px}button.viewer-iine .iine-inner{color:#e4e4e4;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;line-height:1;display:inline-flex;position:relative}button.viewer-iine .iine-inner .heart{-webkit-font-smoothing:antialiased;width:2.25rem;height:2.25rem;font-family:Material Icons;font-size:2.25rem;font-style:normal;font-weight:400;line-height:1;transition:all .3s;display:block}button.viewer-iine:hover .iine-inner .heart,button.viewer-iine:active .iine-inner .heart{transform:scale(1.15)}button.viewer-iine .iine-inner span{word-break:keep-all;color:inherit;text-align:left;align-items:center;min-width:1.25rem;font-size:.95rem;font-weight:700;line-height:1;display:inline-flex;position:static}button.viewer-iine .iine-inner .circle{border:1px solid var(--theme-now,#ff7bda);pointer-events:none;border-radius:50%;width:5rem;height:5rem;margin-top:-2.5rem;margin-left:-2.5rem;position:absolute;top:50%;left:50%;transform:scale(0)}.viewer-iine-wrap.checked button.viewer-iine .iine-inner .heart{animation:.6s forwards viewer-heart}.viewer-iine-wrap.checked button.viewer-iine .iine-inner span{animation:.6s forwards viewer-counter}.viewer-iine-wrap.checked button.viewer-iine .iine-inner .circle{animation:.6s forwards viewer-circle}.viewer-iine-wrap.alreadychecked .iine-inner .heart,.viewer-iine-wrap.alreadychecked .iine-inner span{color:var(--theme-now,#ff7bda)!important}@keyframes viewer-heart{0%{transform:scale(0)}50%{transform:scale(1.1)}to{color:var(--theme-now,#ff7bda);transform:scale(1)}}@keyframes viewer-circle{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes viewer-counter{to{color:var(--theme-now,#ff7bda)}}@keyframes viewer-thanks-up{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes viewer-fade-out{0%{opacity:1}to{opacity:0}}.viewer-footer{color:#ffffffbf;margin-top:1.5rem;padding:0 1rem;font-size:.75rem}.viewer-footer a{color:#fff;text-underline-offset:2px;text-decoration:underline}.viewer-footer a:hover{opacity:.85}@media (min-width:640px){.viewer-page{padding-bottom:3rem}.viewer-info{margin:1rem 1.25rem 0}.viewer-nowsituation{margin:1.5rem 1.25rem 0}.viewer-now-body{padding:1.25rem 1.25rem 1.35rem}.viewer-list{margin:2.25rem 1.25rem 0}.viewer-list th,.viewer-list td{padding:.7rem .5rem}.viewer-list th.viewer-col-time,.viewer-list td.viewer-col-time{width:4rem;max-width:4rem}.viewer-list-hint{display:none}.viewer-modal-backdrop{align-items:center}.viewer-modal{border-radius:16px}.viewer-output p{padding:0 3.25rem}.viewer-output p:before,.viewer-output p:after{width:2.5rem}}