.help-film__box{max-width:min(var(--modal-width-xl), 92vw, calc((var(--modal-max-height) - 150px) * 16 / 9));flex-direction:column;display:flex;overflow:hidden}.help-film__body{background:var(--color-surface);scrollbar-gutter:auto;flex-direction:column;display:flex}.help-film__viewport{aspect-ratio:16/9;background:var(--color-bg-sunken);border-bottom:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.help-film__stage{transform-origin:0 0;width:1280px;height:720px;font-family:var(--font-ui);color:var(--color-text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;overflow:hidden}.help-film__stage>div,.help-film__stage>svg{position:absolute;inset:0}.help-film__stage [hidden]{display:none!important}.hf-cam,.hf-shot,.hf-ring,.hf-chip,.hf-popup,.hf-cursor,.hf-ripple{position:absolute;top:0;left:0}.hi-world-wrap{transform-origin:50%;will-change:transform}.hi-world-wrap--framed{box-shadow:0 0 0 var(--hi-frame-line,1.5px) var(--color-border)}.hi-world{position:absolute;inset:0;overflow:hidden}.hi-mark{border-style:solid;border-color:var(--tone);pointer-events:none;position:absolute;top:0;left:0}.hf-cam{transform-origin:0 0;will-change:transform}.hf-shot{image-rendering:auto;max-width:none}.hf-display{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text)}.hf-mask{padding-bottom:.06em;overflow:hidden}.hf-rule{background:var(--color-border);transform-origin:0;height:1px;transform:scaleX(0)}.hf-panel{background:var(--color-bg-sunken);width:100%;height:100%;position:absolute;top:0;left:0}.hf-panel__inner{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:64px 520px 96px 96px}.hf-lockup{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:calc(var(--font-size-h3) * 1.2);font-weight:var(--font-weight-bold);display:flex;position:absolute;top:0;left:0}.hf-lockup__mark{width:auto;height:36px;display:block}.hf-panel__title{font-size:calc(var(--font-size-display) * 2.2);white-space:nowrap;line-height:1}.hf-panel__title--end{font-size:calc(var(--font-size-display) * 1.6)}.hf-panel__sub{margin-top:var(--space-6);font-size:calc(var(--font-size-h1) * 1.17);letter-spacing:-.005em;color:var(--color-text-secondary)}.hf-openline{width:18px;position:absolute;top:64px;bottom:0;left:840px}.hf-openline__light,.hf-openline__ink{transform-origin:50% 100%;height:100%;position:absolute;bottom:0}.hf-openline__light{background:var(--brand-licht-been);width:18px;left:0}.hf-openline__ink{background:var(--color-text);width:2px;left:8px}.hf-markart{width:auto;height:600px;position:absolute;bottom:0;right:176px;overflow:visible}.hf-markart__light{fill:var(--brand-lommer);mix-blend-mode:multiply}.hf-markart__ink path{fill:var(--brand-mos);fill-opacity:.72;mix-blend-mode:multiply}.hi-plate{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;position:absolute;bottom:44px;left:48px}.hi-kanji{width:96px;height:32px;overflow:visible}.hi-kanji path{fill:var(--color-text)}.hi-plate__rule{background:var(--color-border);width:1px;height:36px}.hi-plate__word{font-size:var(--font-size-h1);line-height:1.1}.hi-plate__gloss{font-size:var(--font-size-body-lg);color:var(--color-text-secondary)}.hi-benefits{width:344px;position:absolute;top:176px;left:876px}.hi-kicker{font-family:var(--font-mono);font-size:calc(var(--font-size-label) * 1.36);color:var(--color-text);font-weight:500}.hi-benefits__rule{width:48px;margin:var(--space-4) 0 var(--space-5)}.hi-benefit{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.hi-benefit__index{font-family:var(--font-mono);font-size:calc(var(--font-size-small) * 1.17);color:var(--color-text-secondary)}.hi-benefit__text{font-size:calc(var(--font-size-display) * .85);line-height:1.15}.hf-frame{background:var(--color-bg-app);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);position:absolute;top:0;left:0}.hf-scrim{pointer-events:none;width:100%;height:100%}.hf-scrim path{fill:var(--color-surface-dark)}.hf-ring{border:2px solid var(--tone);border-radius:var(--radius-lg);pointer-events:none}.hf-chip{height:32px;padding:0 var(--space-3) 0 calc(var(--space-3) + var(--space-4));border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-app);color:var(--color-text);line-height:30px;font-family:var(--font-mono);font-size:calc(var(--font-size-label) * 1.36);white-space:nowrap;pointer-events:none}.hf-chip:before{content:"";left:var(--space-3);background:var(--tone);width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.hf-popup{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 0 0 1.5px var(--color-border);overflow:hidden}.hf-popup__img{transform-origin:0 0;max-width:none;position:absolute;top:0;left:0}.hf-ring--inner,.hf-popup .hf-chip{position:absolute}.hf-cursor{transform-origin:6px 4px;width:36px;height:36px}.hf-cursor svg{width:100%;height:100%}.hf-cursor path{fill:var(--color-text);stroke:var(--color-bg-app);stroke-width:1.4px;stroke-linejoin:round}.hf-ripple{border:2px solid var(--color-action);border-radius:50%;width:64px;height:64px}.hf-layer{background:var(--color-bg-sunken);overflow:hidden}.hf-sheet{background:var(--color-bg-app);position:absolute;top:0;left:0}.hf-night{background:var(--color-surface-dark);pointer-events:none}.help-film__stage>.hf-clock{margin-left:calc(var(--space-16) * -2.5);width:calc(var(--space-16) * 5);align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;inset:96px auto auto 50%}.hf-clock__face{width:100%;height:calc(var(--font-size-display) * 2.4);position:relative;overflow:hidden}.hf-clock__digits{font-family:var(--font-mono);font-size:calc(var(--font-size-display) * 2.2);color:var(--color-text);justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}.hf-clock__label{font-size:calc(var(--font-size-h3) * 1.2);color:var(--color-text-secondary)}.help-film__stage>.hf-tag{inset:auto;right:var(--space-6);bottom:var(--space-6);height:30px;padding:0 var(--space-3) 0 calc(var(--space-3) + var(--space-4));border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-app);color:var(--color-text);line-height:28px;font-family:var(--font-mono);font-size:calc(var(--font-size-label) * 1.27);white-space:nowrap;pointer-events:none}.help-film__stage>.hf-tag:before{content:"";left:var(--space-3);background:var(--color-action);width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.help-film__overlay{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-body-lg);background:var(--color-bg-sunken);flex-direction:column;display:flex;position:absolute;inset:0}.help-film__overlay[hidden]{display:none}.help-film__loading-mark{width:calc(var(--space-16) + var(--space-4));height:calc(var(--space-16) + var(--space-4));display:block}.help-film__big-play{background:var(--color-action);width:72px;height:72px;color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.help-film__big-play:hover{background:var(--color-action-deep)}.help-film__big-play:focus-visible{box-shadow:var(--focus-ring);outline:none}.help-film__notice{left:var(--space-3);bottom:var(--space-3);max-width:70%;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);background:var(--feedback-warning-bg);color:var(--feedback-warning);font-size:var(--font-size-small);position:absolute}.help-film__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.help-film__captions{min-height:52px;padding:var(--space-2) var(--space-5);text-align:left;background:var(--color-bg-app);font-size:var(--font-size-h3);line-height:var(--leading-snug);color:var(--color-text);justify-content:flex-start;align-items:center;display:flex}.help-film__captions[hidden]{display:none}.help-film__controls{align-items:center;gap:var(--space-2);height:var(--chrome-row-h);padding:0 var(--space-4);border-top:1px solid var(--color-border);display:flex}.help-film__btn{height:var(--control-h-sm);min-width:var(--control-h-sm);padding:0 var(--space-2);justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:1px solid #0000;display:inline-flex}.help-film__btn:hover{background:var(--color-action-tint-soft);color:var(--color-text)}.help-film__btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.help-film__btn[aria-pressed=true]{color:var(--color-text-inverse);background:var(--color-action)}.help-film__btn svg{width:16px;height:16px}.help-film__time{min-width:76px;font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:right}.help-film__progress{height:var(--control-h-sm);cursor:pointer;touch-action:none;flex:1;align-items:center;display:flex;position:relative}.help-film__progress:focus-visible{outline:none}.help-film__progress:focus-visible .help-film__track{box-shadow:var(--focus-ring)}.help-film__track{border-radius:var(--radius-pill);background:var(--color-border);width:100%;height:4px;position:relative;overflow:hidden}.help-film__fill{background:var(--color-action);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.help-film__tick{background:var(--color-surface);z-index:1;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.help-film__chapter{text-overflow:ellipsis;white-space:nowrap;max-width:28%;font-size:var(--font-size-small);color:var(--color-text-secondary);overflow:hidden}.help-film__chapter[hidden]{display:none}