*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1115;--color-surface:#1a1d24;--color-surface-hover:#22262e;--color-border:#2e323a;--color-text:#e0e0e6;--color-text-secondary:#8e919a;--color-accent:#5865f2;--color-accent-hover:#4752c4;--color-accent-active:#3c45a5;--color-error:#ed4245;--color-error-bg:#ed42451f;--color-warning:#fee75c;--color-warning-bg:#fee75c1f;--color-info:#5865f2;--color-info-bg:#5865f21f;--color-success:#57f287;--color-success-bg:#57f2871f;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.app-container{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.app-header{text-align:center;padding:24px 0 16px}.app-title{color:var(--color-text);letter-spacing:.01em;font-size:1.375rem;font-weight:700}.app-main{flex-direction:column;flex:1;gap:16px;display:flex}.app-main:focus{outline:none}.app-main:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-active)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-danger{color:var(--color-error);border:1px solid var(--color-error);background-color:#0000}.btn-danger:hover:not(:disabled){background-color:var(--color-error-bg)}.video-picker{flex-direction:column;align-items:center;gap:24px;padding:32px 16px;display:flex}.video-picker__drop-zone{border:2px dashed var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:200px;padding:32px;transition:border-color .2s,background-color .2s;display:flex}.video-picker__drop-zone:hover{border-color:var(--color-accent)}.video-picker__drop-zone--active{border-color:var(--color-accent);background-color:var(--color-info-bg)}.video-picker__icon{color:var(--color-text-secondary)}.video-picker__label{color:var(--color-text-secondary);text-align:center;font-size:1rem}.video-picker__input{display:none}.video-picker__privacy{color:var(--color-text-secondary);text-align:center;padding:0 8px;font-size:.8125rem;line-height:1.5}.video-picker__privacy-icon{vertical-align:middle;margin-right:4px;display:inline-block}.video-picker__notice{color:var(--color-warning);text-align:center;font-size:.8125rem}.video-details{flex-direction:column;gap:16px;display:flex}.video-details__preview{object-fit:contain;background-color:#000;border-radius:8px;width:100%;max-height:240px}.video-details__meta{background-color:var(--color-surface);border-radius:8px;padding:12px 16px}.video-details__meta-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;font-size:.875rem;display:flex}.video-details__meta-row:last-child{border-bottom:none}.video-details__meta-label{color:var(--color-text-secondary)}.video-details__meta-value{color:var(--color-text);text-align:right;word-break:break-all;font-weight:500}.video-details__hdr-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8125rem;line-height:1.5;display:flex}.video-details__hdr-icon{flex-shrink:0}.video-details__actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.limit-selector{flex-direction:column;gap:8px;display:flex}.limit-selector__heading{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.limit-selector__options{gap:8px;display:flex}.limit-selector__option{border:2px solid var(--color-border);background-color:var(--color-surface);min-height:48px;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 12px;font-size:.875rem;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}.limit-selector__option:hover:not(:disabled){border-color:var(--color-accent)}.limit-selector__option--selected{border-color:var(--color-accent);background-color:var(--color-info-bg);color:var(--color-accent)}.limit-selector__option:disabled{opacity:.5;cursor:not-allowed}.compression-progress{flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.compression-progress__phase{color:var(--color-text);font-size:1.125rem;font-weight:600}.compression-progress__bar-container{background-color:var(--color-surface);border-radius:4px;width:100%;height:8px;overflow:hidden}.compression-progress__bar-fill{background-color:var(--color-accent);border-radius:4px;height:100%;transition:width .3s}.compression-progress__percent{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.compression-progress__elapsed{color:var(--color-text-secondary);font-size:.875rem}.compression-progress__notices{text-align:center;flex-direction:column;gap:6px;display:flex}.compression-progress__notice{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.compression-progress__cancel{margin-top:8px}.result-actions{flex-direction:column;gap:16px;display:flex}.result-actions__summary{background-color:var(--color-surface);border-radius:8px;padding:16px}.result-actions__summary-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;font-size:.875rem;display:flex}.result-actions__summary-row:last-child{border-bottom:none}.result-actions__summary-label{color:var(--color-text-secondary)}.result-actions__summary-value{color:var(--color-text);font-weight:500}.result-actions__summary-value--highlight{color:var(--color-success);font-weight:700}.result-actions__buttons{flex-direction:column;gap:12px;display:flex}.result-actions__share-hint{color:var(--color-text-secondary);text-align:center;font-size:.8125rem}.result-actions__share-status{border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8125rem;line-height:1.5;display:flex}.result-actions__share-status--handed-off{background-color:var(--color-success-bg);color:var(--color-success)}.result-actions__share-status--info{background-color:var(--color-info-bg);color:var(--color-info)}.result-actions__share-status--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.error-notice{border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.875rem;line-height:1.5;display:flex}.error-notice--error{background-color:var(--color-error-bg);color:var(--color-error)}.error-notice--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.error-notice--info{background-color:var(--color-info-bg);color:var(--color-info)}.error-notice__icon{flex-shrink:0}.error-notice__content{flex:1;min-width:0}.error-notice__title{margin-bottom:2px;font-weight:600}.error-notice__description{opacity:.9;font-size:.8125rem}.error-notice__detail{margin-top:8px}.error-notice__detail>summary{cursor:pointer;opacity:.7;font-size:.75rem}.error-notice__detail>pre{white-space:pre-wrap;word-break:break-all;background-color:#0000004d;border-radius:4px;margin-top:4px;padding:8px;font-size:.6875rem;overflow-x:auto}.compatibility-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.compatibility-gate__loading{color:var(--color-text-secondary);font-size:.875rem}.app-footer{text-align:center;margin-top:auto;padding:16px 0 8px}.app-footer__disclaimer{color:var(--color-text-secondary);font-size:.6875rem;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}