*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#141312;--raised:#1f1d1b;--fg:#e8e4de;--fg-2:#b3aea6;--fg-muted:#8f8a84;--hairline:#e8e4de1a;--accent:#c25b45;--accent-rgb:194, 91, 69;--accent-ink:color-mix(in oklab, var(--accent) 62%, #f2ece3);--font:"Wix Madefor Display", "Yu Gothic UI", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;font-size:16px}html::-webkit-scrollbar{display:none}html.is-idle,html.is-idle body{overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:400;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.ticks{background:repeating-linear-gradient(90deg,#e8e4de33 0 2px,#0000 2px 6px);height:12px;display:block;position:relative}.ticks__fill{background:repeating-linear-gradient(90deg, var(--accent-ink) 0 2px, transparent 2px 6px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.hero{align-items:flex-end;min-height:100dvh;padding:96px 32px 40px;display:flex;position:relative;overflow:hidden}.hero__media{position:absolute;inset:0;overflow:hidden}.hero__poster{background-position:50%;background-size:cover;position:absolute;inset:0}.hero__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease);position:absolute;inset:0}.hero__video--ready{opacity:1}.hero__freeze{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__scrim{background:linear-gradient(#0a0a0a00 40%,#0a0a0ab8 76%,#0a0a0aeb 100%);position:absolute;inset:0}.hero__content{width:100%;position:relative}.hero__name-mask{margin-left:-.04em;padding:.1em 0 .14em;font-size:clamp(64px,17vw,288px);overflow:hidden}.hero__name{letter-spacing:-.04em;color:var(--fg);font-size:1em;font-weight:400;line-height:.9}.hero__sub{color:var(--fg-2);margin-top:16px;font-size:20px;line-height:28px}@media (width<=768px){.hero{padding:72px 24px 32px}.hero__name-mask{font-size:clamp(56px,17.5vw,128px)}.hero__sub{margin-top:8px;font-size:16px;line-height:24px}}.status{flex-wrap:wrap;gap:8px 32px;margin-top:48px;display:flex}.status__item{align-items:center;gap:8px;min-width:0;font-size:14px;line-height:20px;display:flex}.status__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status__dot--online{background:#4cc38a}.status__dot--idle{background:#d9a441}.status__dot--dnd{background:#e5484d}.status__dot--offline{background:var(--fg-muted)}.status__label{color:var(--fg-muted);flex-shrink:0}.status__value{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.status__value--time{font-variant-numeric:tabular-nums}.status__value--link{transition:color .16s var(--ease)}.status__value--link:hover{color:var(--accent-ink)}@media (width<=768px){.status{margin-top:32px}.status__value{max-width:200px}}.intro__text{letter-spacing:-.02em;color:var(--fg);font-size:clamp(28px,3.4vw,44px);font-weight:400;line-height:1.25}.intro__text-rest{color:var(--fg-2)}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.work__item--featured{grid-column:1/-1}.work__preview{aspect-ratio:16/10;background:var(--surface);box-shadow:0 0 0 1px var(--hairline);transition:box-shadow .16s var(--ease);border-radius:12px;display:block;position:relative;overflow:hidden}.work__preview img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease), filter .16s var(--ease);background-position:50%;background-size:cover;display:block}.work__preview:hover{box-shadow:0 0 0 1px #e8e4de33}.work__preview:hover img{filter:brightness(1.06);transform:scale(1.02)}.work__text{margin-top:16px}.work__head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.work__title{color:var(--fg);font-size:20px;font-weight:400;line-height:28px}.work__item--featured .work__title{letter-spacing:-.01em;font-size:28px;line-height:36px}.work__meta{color:var(--fg-muted);font-size:13px;line-height:20px}.work__about{color:var(--fg-2);margin-top:4px;font-size:15px;line-height:22px}.work__links{flex-wrap:wrap;gap:8px 20px;margin-top:12px;display:flex}.work__link,.work__here{align-items:center;gap:4px;font-size:14px;line-height:20px;display:inline-flex}.work__link{color:var(--fg);transition:color .16s var(--ease)}.work__link svg{color:var(--fg-muted);transition:color .16s var(--ease)}.work__link:hover,.work__link:hover svg{color:var(--accent-ink)}.work__here{color:var(--fg-muted);margin-top:12px}@media (width<=768px){.work{grid-template-columns:minmax(0,1fr);gap:40px}.work__item--featured .work__title{font-size:24px;line-height:32px}}.stats{grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:48px;display:grid}.stats__lead{flex-direction:column;min-width:0;display:flex}.stats__label{color:var(--fg-2);font-size:14px;font-weight:400;line-height:20px}.stats__figure{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);margin-top:12px;font-size:clamp(56px,7.6vw,104px);font-weight:400;line-height:1}.stats__figure--empty{color:var(--fg-muted);opacity:.4}.stats__note{color:var(--fg-muted);margin-top:16px;font-size:14px;line-height:20px}.stats__list{border-top:1px solid var(--hairline)}.stats__row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;height:44px;font-size:14px;line-height:20px;display:flex}.stats__row dt{color:var(--fg-2)}.stats__row dd{color:var(--fg);font-variant-numeric:tabular-nums}.stats__skeleton{vertical-align:middle;background:var(--raised);border-radius:4px;width:3.2em;height:.8em;display:inline-block}.stats__accuracy{margin-top:48px}.stats__accuracy-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.stats__accuracy-value{color:var(--fg);font-variant-numeric:tabular-nums;font-size:14px;line-height:20px}.stats__accuracy .ticks{height:16px}.stats__accuracy .ticks__fill{transition:clip-path .9s var(--ease)}.recent{margin-top:64px}.recent__list{border-top:1px solid var(--hairline);margin-top:12px;list-style:none}.recent__item{border-bottom:1px solid var(--hairline);align-items:center;gap:16px;min-height:44px;font-size:14px;line-height:20px;display:flex}.recent__rank{color:var(--fg-muted);flex:0 0 24px}.recent__rank--top{color:var(--accent-ink)}.recent__title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent__diff{color:var(--fg-muted);white-space:nowrap}.recent__acc{color:var(--fg-2);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}@media (width<=960px){.stats{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=768px){.recent{margin-top:48px}.recent__diff{display:none}}.links{border-top:1px solid var(--hairline)}.links__item{border-bottom:1px solid var(--hairline);transition:color .16s var(--ease);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.links__item:hover{color:var(--accent-ink)}.links__item:active{opacity:.72}.links__label{letter-spacing:-.02em;font-size:clamp(28px,3.4vw,44px);font-weight:400;line-height:1.2}.links__arrow{color:var(--fg-muted);transition:color .16s var(--ease);flex-shrink:0}.links__item:hover .links__arrow{color:var(--accent-ink)}@media (width<=768px){.links__item{padding:16px 0}}.entry{z-index:10001;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.entry__video{object-fit:cover;filter:blur(10px)saturate(1.1);width:25%;max-width:none;height:25%;position:absolute;top:37.5%;left:37.5%;transform:scale(4.6)}.entry__veil{background:#0a0a0a85;position:absolute;inset:0}.entry__panel{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 24px;display:flex;position:relative}.entry__name{letter-spacing:-.03em;color:var(--fg);font-size:clamp(56px,7vw,96px);font-weight:400;line-height:1}.entry__hint{color:var(--fg-2);transition:color .16s var(--ease);font-size:14px;line-height:20px}.entry:hover .entry__hint{color:var(--fg)}.led{cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none}.led__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.footer{height:clamp(420px,68vh,680px);position:relative;overflow:hidden}.footer__stage{position:absolute;inset:0}.footer__row{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:baseline;gap:32px;display:flex;position:absolute;bottom:24px;left:32px}.footer__bye{letter-spacing:-.01em;font-size:28px;font-weight:400;line-height:36px}.footer__meta{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:20px}.footer--plain{height:auto;padding:48px 32px}.footer--plain .footer__row{position:static}@media (width<=768px){.footer{height:clamp(340px,52vh,480px)}.footer__row{flex-direction:column;gap:0;bottom:20px;left:24px}.footer__bye{font-size:24px;line-height:32px}.footer--plain{padding:40px 24px}}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9998;background:var(--fg);height:40px;color:var(--bg);white-space:nowrap;cursor:pointer;transition:background-color .16s var(--ease);border:none;border-radius:10px;padding:0 16px;font-size:14px;line-height:20px;position:fixed;box-shadow:inset 0 1px #ffffff1f}.fab:hover{background:#fff}.modal-overlay{z-index:10002;background:#0a0a0ac2;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{scrollbar-width:none;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;width:100%;max-width:480px;max-height:100%;padding:32px;position:relative;overflow-y:auto}.modal::-webkit-scrollbar{display:none}.modal__close{width:36px;height:36px;color:var(--fg-muted);cursor:pointer;transition:color .16s var(--ease), background-color .16s var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{color:var(--fg);background:var(--raised)}.modal__title{letter-spacing:-.01em;color:var(--fg);margin-bottom:24px;font-size:28px;font-weight:400;line-height:36px}.modal__fields{flex-direction:column;gap:20px;display:flex}.modal__field{flex-direction:column;gap:8px;display:flex}.modal__label{color:var(--fg-2);font-size:14px;line-height:20px}.modal__optional{color:var(--fg-muted);margin-left:4px}.modal__label-row{justify-content:space-between;align-items:center;display:flex}.modal__charcount{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.modal__input{background:var(--raised);border:1px solid var(--hairline);width:100%;height:44px;font-family:var(--font);color:var(--fg);resize:none;transition:border-color .16s var(--ease);border-radius:8px;outline:none;padding:0 12px;font-size:16px;line-height:24px}.modal__input::placeholder{color:var(--fg-muted)}.modal__input:focus{border-color:var(--accent-ink)}.modal__input--textarea{height:auto;min-height:120px;padding:12px;display:block}.modal__tags{flex-wrap:wrap;gap:8px;display:flex}.modal__tag{border:1px solid var(--hairline);height:32px;color:var(--fg-2);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), background-color .16s var(--ease);background:0 0;border-radius:6px;padding:0 12px;font-size:13px;line-height:20px}.modal__tag:hover{color:var(--fg);background:var(--raised)}.modal__tag--active,.modal__tag--active:hover{color:var(--bg);background:var(--fg);border-color:var(--fg)}.modal__submit{background:var(--fg);width:100%;height:44px;color:var(--bg);cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease);border:none;border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:0 16px;font-size:15px;line-height:20px;display:flex}.modal__submit:hover:not(:disabled){background:#fff}.modal__submit:active:not(:disabled){transform:scale(.98)}.modal__submit:disabled{background:var(--raised);color:var(--fg-muted);cursor:not-allowed}.modal__success{flex-direction:column;align-items:center;gap:12px;padding:48px 0;display:flex}.modal__success-icon{color:var(--accent-ink)}.modal__success-text{color:var(--fg);font-size:20px;line-height:28px}.modal__error{color:#e5484d;margin-top:16px;font-size:14px;line-height:20px}@media (width<=768px){.modal{padding:24px}}.scrollbar{z-index:9998;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 2px #0000008c);flex-direction:column;justify-content:space-between;align-items:flex-end;width:28px;height:216px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.scrollbar__tick{width:8px;height:2px;transition:width .2s var(--ease), background-color .2s var(--ease);background:#e8e4de52;border-radius:1px;display:block}.scrollbar__tick--on{background:var(--accent-ink);width:18px}.scrollbar:hover .scrollbar__tick:not(.scrollbar__tick--on){background:#e8e4de80}.scrollbar__tick--wave{animation:scrollbar-wave .7s var(--ease) both}@keyframes scrollbar-wave{0%{background:#e8e4de52;width:8px}35%{background:var(--accent-ink);width:16px}to{background:#e8e4de52;width:8px}}@media (width<=768px){.scrollbar{width:20px;height:144px;right:4px}.scrollbar__tick{width:6px}.scrollbar__tick--on{width:12px}}.island-wrap{top:calc(8px + env(safe-area-inset-top));z-index:9998;pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.island{color:var(--fg);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e8e4de14,0 12px 32px #0006}.island__layer{transform-origin:50% 0;position:absolute;top:0;left:50%}.island__surface{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;display:flex}.island__surface:focus-visible{outline-offset:-4px;border-radius:inherit}.island__surface--compact{justify-content:space-between;padding:0 16px 0 8px}.island__surface--peek{gap:12px;padding:0 24px 0 10px}.island__surface--peek .island__text{flex:1}.island__cover{background:var(--raised);flex-shrink:0;display:block;overflow:hidden}.island__cover img{object-fit:cover;width:100%;height:100%;animation:island-cover-in .3s var(--ease);display:block}@keyframes island-cover-in{0%{opacity:0}to{opacity:1}}.island__cover--round-24{border-radius:50%;width:24px;height:24px}.island__cover--round-44{border-radius:50%;width:44px;height:44px}.island__cover--square{border-radius:16px;width:56px;height:56px}.island__eq{flex-shrink:0;width:28px;height:16px;display:block}.island__text{flex-direction:column;min-width:0;display:flex}.island__title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;display:block;overflow:hidden}.island__title--link{transition:color .16s var(--ease)}.island__title--link:hover{color:var(--accent-ink)}.island__artist{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:16px;display:block;overflow:hidden}.island__open{flex-direction:column;height:100%;padding:20px 20px 16px;display:flex}.island__head{align-items:center;gap:12px;display:flex}.island__head .island__text{flex:1}.island__timeline{align-items:center;gap:12px;margin-top:12px;display:flex}.island__time{color:var(--fg-muted);text-align:center;font-variant-numeric:tabular-nums;flex:0 0 32px;font-size:12px;line-height:16px}.island__bar{cursor:pointer;flex:1;min-width:0}.island__ticks{width:100%;height:24px;display:block}.island__controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;margin-top:4px;display:grid}.island__transport{align-items:center;display:flex}.island__btn{width:40px;height:40px;color:var(--fg);cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.island__btn:hover{background:#e8e4de1a}.island__btn:active{transform:scale(.94)}.island__btn--small{width:32px;height:32px;color:var(--fg-2)}.island__volume{align-items:center;gap:4px;min-width:0;display:flex}.island__vol{cursor:pointer;touch-action:none;flex:1;align-items:center;min-width:0;max-width:72px;height:24px;display:flex;position:relative}.island__vol:before{content:"";background:#e8e4de33;border-radius:2px;height:2px;position:absolute;left:0;right:0}.island__vol-fill{background:var(--fg);border-radius:2px;min-width:2px;height:2px;position:relative}.island__count{color:var(--fg-muted);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px;line-height:16px}.section{padding:0 32px}.section__inner{border-top:1px solid var(--hairline);max-width:960px;margin:0 auto;padding:96px 0}.section--first .section__inner{border-top:none}.section__label{color:var(--fg-2);margin-bottom:32px;font-size:20px;font-weight:400;line-height:28px}@media (width<=768px){.section{padding:0 24px}.section__inner{padding:64px 0}.section__label{margin-bottom:24px}}