:root{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#1a1a1a;background:#f1f3f5;font-synthesis:none;line-height:1.7;font-size:16px;--ink: #1a1a1a;--navy: #0031d8;--line: #b3b3b3;--field-border: #666666;--focus: #ffd43d;--green: #176b54}*{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--field-border);border-radius:8px;padding:10px 16px;background:#fff;color:var(--ink);min-height:44px}button:hover:not(:disabled){border-color:var(--navy);text-decoration:underline}button:disabled{color:#595959;background:#e6e6e6;border-color:#949494;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid #000;outline-offset:2px;box-shadow:0 0 0 2px var(--focus)}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.primary:hover:not(:disabled){background:#00118f}.primary:active:not(:disabled){background:#000071}.quiet{background:transparent;border-color:transparent}.app{min-height:100vh}header{display:flex;align-items:center;gap:18px;padding:16px 5%;background:#fff;border-bottom:1px solid var(--line)}header>button{margin-left:auto}.brand{font-weight:750;text-decoration:none;color:var(--navy)}main{max-width:1200px;margin:auto;padding:32px 24px 64px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.1em;color:var(--green);margin:0 0 20px}.concept-part{display:inline-block;max-inline-size:100%}h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.4;margin:0 0 14px}h2{font-size:1.2rem;margin:0 0 12px}h3{font-size:1rem}.entry{max-width:660px;background:#fffdf8;padding:32px;border:1px solid var(--line);border-radius:16px;margin:0 auto}.entry>p{color:#51616b}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px;margin:24px 0}.tabs button{background:transparent;border:0}.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{background:var(--navy);color:#fff}.hint{font-size:1rem;color:#4d4d4d;max-inline-size:40em}.copy-block>p{margin:0}.copy-block{max-inline-size:40em}.copy-block>p+p{margin-top:8px}.entry>.copy-block,.comments>.copy-block{margin-block:16px}.team-id{word-break:break-all;font-size:.875rem}form{display:grid;gap:16px;margin:20px 0;max-width:600px}label{display:grid;gap:8px;font-size:1rem;font-weight:700}input,textarea,select{width:100%;min-width:0;border:2px solid var(--field-border);border-radius:8px;padding:11px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:112px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b50000}textarea[readonly]{background:#f2f2f2}.field-error{color:#b50000;margin:0;font-weight:700}.comment-composer{padding:24px;border:1px solid var(--line);border-radius:8px;background:#f8f9fb}.comment-composer p,.comment-time{margin:0}.comment-time dt{font-weight:700}.comment-time dd{margin:4px 0 0;font-size:1.5rem;font-variant-numeric:tabular-nums}.skip-controls{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;margin:16px 0}.skip-controls button{padding:8px 2px;white-space:nowrap;font-size:.875rem}.check{display:flex;align-items:flex-start;font-weight:500;margin:20px 0}.check input{width:22px;height:22px;flex-shrink:0}.error,.notice{padding:15px;border-radius:8px;background:#e9f2ec;border:1px solid #b4d1c1}.error{background:#fff0ed;border-color:#dba69b;color:#b50000}.error,.field-error{white-space:pre-line;max-inline-size:40em}.notice[role=status]{max-inline-size:40em}.entry>p,.menu>p,.notice>p{max-inline-size:40em}.title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.title-row>div{min-width:0}.actions{display:flex;flex-wrap:wrap;gap:10px}.menu{padding:24px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.secret-link{max-width:650px;padding:20px;border:2px solid #986c2b;border-radius:8px}.secret-link img{display:block;margin:16px auto;max-width:100%;height:auto}.add-match{border:1px solid var(--line);border-radius:10px;background:#fffdf8;padding:16px;margin-bottom:24px}.add-match summary{cursor:pointer;min-height:28px;font-weight:650}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.match-card{padding:0;overflow:hidden;text-align:left;max-width:540px;box-shadow:0 2px 5px #00000004}.match-card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.match-card>div{padding:16px}.match-card h2{font-size:1rem}.badge{color:var(--green);background:#e6f2ec;border-radius:20px;padding:3px 8px;font-size:.875rem;font-weight:750;margin-left:10px}.review{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:28px;margin-top:20px}.video-pane{min-width:0}.review-tools{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.review-tools p{margin:0}.note-pane{min-width:0}.video-stage{position:relative}.drawing-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.drawing-layer[hidden]{display:none}.drawing-layer:focus-visible{outline:4px solid #000;outline-offset:-6px;box-shadow:inset 0 0 0 2px var(--focus)}.drawing-active{pointer-events:auto;touch-action:none;cursor:crosshair}.drawing-cursor{pointer-events:none}.whiteboard-review{margin-top:24px;padding:16px;color:var(--ink);background:#fff;border:2px solid #666}.whiteboard-surface{width:100%;min-width:0;aspect-ratio:2/1;min-height:200px}.whiteboard-surface svg{display:block;width:100%;height:100%}.drawing-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.drawing-controls button{padding:8px 12px}.drawing-controls button[aria-pressed=true]{border:2px solid var(--navy);font-weight:700;background:#e8f1ff}.drawing-swatch{display:inline-block;width:16px;height:16px;margin-right:8px;border:1px solid #333;border-radius:50%}.play-toggle{margin-top:8px}.player{width:100%;aspect-ratio:16/9;min-height:200px;background:#e4e6e3;border-radius:8px;overflow:hidden}.player iframe{width:100%;height:100%;min-height:200px;border:0}.comments{min-width:0}.comment{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px;margin-bottom:14px;scroll-margin-top:24px}.comment.selected{border-color:#b98b39;box-shadow:0 0 0 2px #eedebd}.comment-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem}.timestamp{padding:4px 12px;background:#eef2f4;color:var(--navy);font-weight:750}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;max-inline-size:40em}.rating{font-size:.875rem;display:inline-block;padding:4px 9px;background:#eaf3ec;color:#246144;border-radius:6px}.rating.improve{background:#fcf1dd;color:#765520}.comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.comment-actions .rating{white-space:nowrap}.reactions,.comment-management{display:flex;gap:4px}.comment-management{margin-left:auto}.action-icon{width:20px;height:20px;flex:none;vertical-align:middle}.icon-button{width:44px;padding:8px}.reactions button,.play-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px}.reactions button{font-size:.875rem;padding:6px;font-variant-numeric:tabular-nums}.reactions button[aria-pressed=true]{background:#dfede8;border-color:var(--green)}.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#4d4d4d;font-size:.875rem}.comment-meta .quiet{font-size:.875rem;padding:4px 8px}.playback-toolbar-slot{display:none}.empty{text-align:center;border:1px dashed var(--line);padding:40px;color:#69777d;border-radius:12px}.feed{max-width:780px}.delete-match{margin-top:28px}footer{text-align:center;border-top:1px solid var(--line);padding:24px;font-size:.875rem;color:#68777b}footer a{color:var(--navy)}@media(max-width:760px){header{padding:12px 16px;gap:12px;font-size:.875rem;flex-wrap:wrap}main{padding:24px 16px 40px}.entry{padding:22px 18px}.title-row{display:block}.title-row>button{margin:10px 0}.review{display:block}.comment-composer{padding:16px}.comments{margin-top:30px}.tabs{gap:3px;flex-wrap:wrap}.tabs button{padding:9px 12px}.menu{padding:18px}.match-grid{grid-template-columns:1fr}.player{border-radius:5px}.comment{padding:16px}.secret-link{padding:14px}.actions>button{flex:1 1 200px}}@media(max-height:500px){main{padding-top:16px}.review{grid-template-columns:1fr}}@media(forced-colors:active){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:Highlight}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}.public-ads{display:block;width:100%;height:180px;border:0}.review:is(:fullscreen,[data-page-maximized]){width:100%;height:100dvh;max-width:none;margin:0;padding:16px;background:#0b1220;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:auto minmax(0,1fr);gap:16px;overflow:hidden}.review:fullscreen::backdrop{background:#0b1220}.review:is(:fullscreen,[data-page-maximized]) .review-tools{grid-column:1 / -1;grid-row:1}.review:is(:fullscreen,[data-page-maximized]) .review-tools .hint{color:#fff}.review:is(:fullscreen,[data-page-maximized]) .video-pane{grid-column:1 / -1;grid-row:2;overflow:auto;min-height:0}.review:is(:fullscreen,[data-page-maximized]) .note-pane{grid-column:2;grid-row:2;z-index:2;min-height:0;padding:16px;overflow:auto;background:#ffffffe6;color:var(--ink);border:1px solid #b3b3b3;border-radius:8px}.review:is(:fullscreen,[data-page-maximized]) .video-pane>:not(.video-stage){max-width:calc(100% - 384px)}.review:is(:fullscreen,[data-page-maximized]) .video-pane .hint{color:#fff}.review:is(:fullscreen,[data-page-maximized]) .comment-composer{padding:16px}.review:is(:fullscreen,[data-page-maximized]) .comments{margin-top:24px}@media(max-width:760px){.review:is(:fullscreen,[data-page-maximized]){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);padding:8px;gap:8px}.review:is(:fullscreen,[data-page-maximized]) .video-pane{grid-column:1;grid-row:2}.review:is(:fullscreen,[data-page-maximized]) .note-pane{grid-column:1;grid-row:3;padding:12px}.review:is(:fullscreen,[data-page-maximized]) .video-pane>:not(.video-stage){max-width:100%}.review:is(:fullscreen,[data-page-maximized]) .player,.review:is(:fullscreen,[data-page-maximized]) .player iframe{min-height:200px}.review:is(:fullscreen,[data-page-maximized]) .review-tools{gap:8px}.review:is(:fullscreen,[data-page-maximized]) .review-tools .hint{font-size:.875rem}}.review:is(:fullscreen,[data-page-maximized])[data-layout=split] .video-pane{grid-column:1}.review:is(:fullscreen,[data-page-maximized])[data-layout=split] .note-pane{background:#fff}.review:is(:fullscreen,[data-page-maximized])[data-layout=split] .video-pane>:not(.video-stage){max-width:100%}@media(max-width:760px){.review:is(:fullscreen,[data-page-maximized])[data-layout=split] .note-pane{grid-column:1}}.comment-thread{margin-bottom:24px}.thread-replies{margin-left:24px;padding-left:16px;border-left:2px solid #666}.reply-to{text-align:left;font-size:.875rem;overflow-wrap:anywhere}.thread-deleted{padding:16px;background:#e6e6e6;border:1px solid #666;border-radius:8px}.reply-composer{padding:12px;border-left:4px solid var(--navy);background:#fff}@media(max-width:480px){.thread-replies{margin-left:8px;padding-left:8px}}.review[data-page-maximized]{position:fixed;z-index:100;top:var(--review-viewport-top, 0px);left:var(--review-viewport-left, 0px);width:var(--review-viewport-width, 100%);height:var(--review-viewport-height, 100dvh);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:auto minmax(0,1fr);gap:8px;isolation:isolate}.review[data-page-maximized] .review-tools{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:44px;max-height:96px;overflow:auto}.review[data-page-maximized] .review-tools .hint{display:none}.review[data-page-maximized] .review-tools .notice{margin:0;padding:0;border:0;background:transparent;color:#fff}.review[data-page-maximized] .video-pane{grid-column:1;grid-row:2;overscroll-behavior:contain}.review[data-page-maximized] .note-pane{grid-column:2;grid-row:2;background:#fff;overscroll-behavior:contain;scroll-padding:12px}@media(max-width:760px){.review[data-page-maximized]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(96px,.8fr) minmax(96px,1fr)}.review[data-page-maximized] .note-pane{grid-column:1;grid-row:3}}.review[data-page-maximized][data-viewport-short]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(64px,1fr)}.review[data-page-maximized][data-viewport-short] .video-pane{grid-column:1;grid-row:2}.review[data-page-maximized][data-viewport-short] .note-pane{grid-column:2;grid-row:2}@media(max-width:760px){.review[data-page-maximized][data-viewport-short]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(64px,.8fr) minmax(64px,1fr)}.review[data-page-maximized][data-viewport-short] .note-pane{grid-column:1;grid-row:3}}.review:is(:fullscreen,[data-page-maximized]){padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.review:is(:fullscreen,[data-page-maximized]) .review-tools .hint{display:none}.review:is(:fullscreen,[data-page-maximized]) .playback-toolbar-slot{display:block;grid-column:1 / -1;grid-row:3;min-width:0}.review:is(:fullscreen,[data-page-maximized]) .playback-controls{width:100%;max-width:760px;margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.review:is(:fullscreen,[data-page-maximized]) .play-toggle{margin:0;width:44px;padding:8px}.review:is(:fullscreen,[data-page-maximized]) .play-label{display:none}.review:is(:fullscreen,[data-page-maximized]) .skip-controls{grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;margin:0}.review:is(:fullscreen,[data-page-maximized]) .skip-controls button{font-size:.875rem;padding:8px 2px;white-space:nowrap}@media(max-width:760px){.review:is(:fullscreen,[data-page-maximized]){grid-template-rows:auto minmax(64px,.8fr) minmax(64px,1fr) auto}.review:is(:fullscreen,[data-page-maximized]) .playback-toolbar-slot{grid-row:4}.review:is(:fullscreen,[data-page-maximized]) .playback-controls{grid-template-columns:minmax(0,1fr)}}.review[data-page-maximized][data-viewport-short] .review-tools{max-height:44px}@media(max-height:420px){.review:fullscreen .review-tools{max-height:44px;overflow:auto}}@media(max-width:760px){.review[data-page-maximized][data-viewport-short]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(64px,1fr) auto;gap:4px}.review[data-page-maximized][data-viewport-short] .note-pane{grid-column:2;grid-row:2}.review[data-page-maximized][data-viewport-short] .playback-toolbar-slot{grid-row:3}}@media(max-width:760px)and (max-height:420px){.review:fullscreen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(64px,1fr) auto;gap:4px}.review:fullscreen[data-layout=split] .note-pane{grid-column:2;grid-row:2}.review:fullscreen .playback-toolbar-slot{grid-row:3}}.playback-primary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.playback-primary .play-toggle{margin:0}.playback-rates{display:flex;gap:4px}.playback-rates button{min-width:52px;min-height:44px;padding:8px;font-size:.875rem;white-space:nowrap}.playback-rates button[aria-pressed=true]:not(:disabled){background:var(--navy);border-color:var(--navy);color:#fff}.playback-rates button[aria-pressed=true]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.playback-rate-status{grid-column:1 / -1;font-size:.875rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:359px){.playback-primary .play-toggle{width:44px;padding:8px}.playback-primary .play-label{display:none}.skip-controls{gap:1px}.skip-controls button,.review:is(:fullscreen,[data-page-maximized]) .skip-controls button{padding-inline:1px;font-size:.8125rem}}.share-controls{max-width:100%;min-width:0}.share-controls label{margin-top:8px}.review:is(:fullscreen,[data-page-maximized]) .delete-match>button.quiet{color:#fff}.list-search{margin:16px 0}.list-search-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.list-search-row label{flex:1 1 240px;min-width:0}.list-search-row button{flex:0 0 auto}.search-count{margin:8px 0;font-weight:700}.displayed-read{margin:12px 0 20px}.back-to-list{color:var(--navy);background:#fff;border:2px solid var(--navy);font-weight:700;margin-bottom:16px}.back-to-list:hover:not(:disabled){background:#e8efff}@media(max-width:480px){.list-search-row label{flex-basis:100%}}.usage-notes{margin:12px 0;color:#51616b;font-size:.875rem}.usage-notes summary{cursor:pointer;padding:8px 0}.tab-count{font-variant-numeric:tabular-nums;font-size:.875em;margin-left:.25em}.review:is(:fullscreen,[data-page-maximized]) .usage-notes{color:#fff}.review:is(:fullscreen,[data-page-maximized]) .review-tools{max-height:96px;overflow:auto}header{flex-wrap:wrap}.manual-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;color:var(--green);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-panel{margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--line, #d4ded9);border-radius:12px;background:var(--surface, #fff)}.account-summary,.account-team{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.account-summary .actions{display:flex;flex-wrap:wrap;gap:.5rem}.account-summary>span,.account-members li>span{min-width:0;overflow-wrap:anywhere}.account-summary .actions>button{flex:0 1 auto;padding:.45rem .7rem}.account-team{margin-top:.6rem}.account-teams{margin-top:.8rem;border-top:1px solid #d4ded9;padding-top:.6rem}.account-teams h2{font-size:1.05rem}.account-teams ul,.account-members{list-style:none;margin:0;padding:0}.account-teams li,.account-members li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 0}.account-teams a{overflow-wrap:anywhere}.account-teams li>span{font-size:.85rem}
