:root{font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292e2b;background:#f5f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--orange:#e36940;--orange-dark:#c95029;--ink:#202723;--muted:#838a83;--line:#e5e7e0;--green:#5c8e70}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ed996e;outline-offset:3px}button,select{transition:background .16s,color .16s,border-color .16s,opacity .16s}p,h1,h2,h3{margin:0}button svg,a svg{flex-shrink:0}select{appearance:auto}input,textarea,select{min-width:0}input:not([type=range]),textarea,select{border:1px solid #dfe3dc;background:#fff;border-radius:7px;color:var(--ink);padding:12px 13px}input::placeholder,textarea::placeholder{color:#a0a69f;font-weight:400}textarea{resize:vertical}button:disabled:hover{transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;font-size:13px;line-height:1.5;font-weight:600;min-height:42px;padding:11px 18px;white-space:nowrap}.button.primary{background:var(--orange);color:#fff;box-shadow:0 2px 3px #ba3e1812}.button.primary:hover{background:var(--orange-dark)}.button.secondary{background:#fff;border-color:#dce1d9}.button.secondary:hover{background:#f4f5ef;border-color:#bfc7bb}.button.dark{background:#28322c;color:#fff}.button.dark:hover{background:#3c4b41}.button.small{min-height:35px;padding:8px 12px;font-size:11px}.button.text{background:transparent;color:#6d766e;padding-left:5px;padding-right:5px}.button.text:hover{color:var(--orange-dark)}.button.selected{background:#eef4ee;color:#6c9278}.button.danger{background:#b44031;color:#fff}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:6px;background:transparent;width:31px;height:31px;padding:5px;color:#858c85}.icon-button:hover{background:#e9eee6;color:#3b4a3d}.eyebrow{display:block;font-size:9px;font-weight:700;line-height:1.3;letter-spacing:1.75px;color:#8a9289}.eyebrow.orange{color:#e38c63}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:5px;width:37px;height:37px;transform:rotate(-3deg)}.brand-word{font-size:21px;line-height:1;letter-spacing:3px;font-weight:700}.brand-word>span{display:block;font-size:7px;font-weight:500;letter-spacing:2.3px;margin-top:6px}.brand.light{color:#f5f6f1}.brand.light .brand-word>span{color:#9ca49d}.private-label{display:inline-flex;align-items:center;gap:6px;letter-spacing:1.1px;font-size:9px;color:#8b968c;white-space:nowrap}.status-dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:#d49a56;box-shadow:0 0 0 3px #d49a5612}.status-dot.green{background:#89ad86;box-shadow:0 0 0 3px #89ad8615}.inline-error{font-size:12px;color:#b14838;line-height:1.8;margin:10px 0}.inline-success{font-size:12px;color:#457651;line-height:1.8;margin:10px 0}.inline-alert{display:flex;gap:8px;align-items:flex-start;border-radius:5px;padding:10px 12px;margin:12px 22px;font-size:11px;line-height:1.7}.inline-alert svg{flex-shrink:0;margin-top:2px}.inline-alert.error{background:#fbefea;color:#a34e3d}.inline-alert.success{background:#f0f5ed;color:#618568}.app-loading{min-height:100dvh;display:flex;gap:22px;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#8a9589}.app-loading .brand{margin-bottom:15px;color:var(--ink)}.login-page{min-height:100dvh;background:#1e2823;color:#e7ece5;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 20% 35%,#3a514036,transparent 55%)}.login-header{height:110px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:relative}.login-main{max-width:1180px;min-height:calc(100dvh - 190px);margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:110px;align-items:center;padding:30px 50px 70px;position:relative}.login-story h1{font-size:47px;font-weight:600;line-height:1.6;letter-spacing:1px;margin-top:22px}.login-story>p{font-size:13px;color:#a9b4aa;line-height:2.2;margin-top:23px;font-weight:400}.login-story>.eyebrow{font-size:10px;letter-spacing:2px}.story-features{display:flex;gap:13px;flex-wrap:wrap;margin-top:44px}.story-features span{display:flex;align-items:center;gap:6px;color:#a4b3a6;font-size:10px;white-space:nowrap}.story-features svg{color:#82987f}.login-card{background:#fafbf7;color:var(--ink);border-radius:15px;padding:35px 34px 24px;box-shadow:0 20px 65px #0002}.login-card-icon{width:51px;height:51px;border:1px solid #e6e8df;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#758b6d;background:#f1f4eb;margin-bottom:23px}.login-card h2{font-size:23px;font-weight:700;letter-spacing:-.6px;margin-top:10px}.login-card>p{font-size:11px;line-height:1.9;color:#8b9389;margin-top:10px}.login-card form{margin-top:28px;display:flex;flex-direction:column}.login-card label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:9px}.login-card label>span{font-size:9px;font-weight:400;color:#98a091}.login-card input{height:47px;margin-bottom:20px;font-size:12px;background:#fff;border-color:#dfe4d8}.login-submit{margin-top:3px;width:100%;font-size:12px;justify-content:space-between;min-height:48px}.login-safety{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8f9989;margin-top:19px}.login-switch{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid #e6eadf;font-size:11px;color:#7e8878;margin-top:27px;padding-top:19px}.login-switch:hover{color:var(--orange-dark)}.login-footer{max-width:1280px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:25px 50px 28px;color:#728171;font-size:9px;letter-spacing:.2px;position:relative}.login-footer>span:first-child{letter-spacing:.6px}.login-notice{font-size:11px;line-height:1.8;color:#967044;background:#f5ecdd;padding:10px 12px;border-radius:5px;margin-top:16px}.story-illustration{position:relative;border:1px solid #566b5142;border-radius:8px;padding:13px 17px;background:#ffffff03;margin-top:32px;max-width:420px;transform:perspective(900px) rotateY(4deg) rotate(-2deg)}.story-film-top{display:flex;gap:4px;margin-bottom:10px}.story-film-top span{width:4px;height:4px;border-radius:100%;background:#778772}.story-frames{display:flex;gap:9px}.mini-frame{width:33.33%;height:69px;border-radius:3px;background:#9eae8d;overflow:hidden;position:relative}.mini-frame.two{background:#b4a484}.mini-frame.three{background:#a6ac95}.frame-mountain{width:110%;height:70px;background:#5c775e;display:block;transform:rotate(-34deg);position:absolute;top:45px;left:10px;border-radius:8px}.mini-frame.two .frame-mountain{background:#7a8261;top:43px;transform:rotate(-28deg)}.mini-frame.three .frame-mountain{background:#5f7961;top:40px}.frame-sun{width:17px;height:17px;background:#e5dcb8;border-radius:100%;position:absolute;right:26px;top:12px}.mini-frame.two .frame-sun{right:20px}.mini-frame.three .frame-sun{right:15px}.story-timeline{display:flex;align-items:center;gap:3px;margin-top:12px}.story-timeline>span{height:5px;border-radius:1px;background:#7f987144;flex:1}.story-timeline>span:first-child{background:#d5895e88}.story-timeline>i{height:10px;width:1px;background:#79907466}.story-comment{font-size:9px;position:absolute;display:flex;align-items:center;gap:7px;background:#e9eee4;color:#5b6956;border-radius:6px;padding:10px 12px;right:-18px;bottom:-18px;box-shadow:0 8px 20px #0001}.story-comment>span{color:#c26942;font-weight:600;font-variant-numeric:tabular-nums}.story-comment svg{color:#859775}.topbar{height:77px;background:#222c26;color:#e5eae3}.topbar-inner{max-width:1500px;padding:0 40px;margin:auto;height:100%;display:flex;align-items:center;gap:55px}.topbar .brand-mark{width:33px;height:33px}.topbar .brand-word{font-size:19px}.topbar .brand-word>span{font-size:6px}.topbar-nav{height:100%;display:flex;align-items:center;gap:23px}.topbar-nav>.active{font-size:11px;color:#d7dfd5;display:flex;gap:8px;align-items:center;height:100%;position:relative}.topbar-nav>.active:after{position:absolute;content:"";height:2px;background:#dd895f;bottom:0;left:0;right:0}.topbar-nav>.active svg{color:#a5b89c}.topbar-nav .private-label{border:1px solid #52604e63;padding:5px 7px;border-radius:4px;font-size:8px}.account{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:11px}.account-name{max-width:130px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#bdc9bb}.account .icon-button{color:#8b9b85}.account .icon-button:hover{background:#3b4938;color:#edf4e8}.role-label{border:1px solid #64745c42;padding:3px 8px;font-size:9px;color:#a3b599;border-radius:4px}.role-label.admin{color:#e8ae80;background:#a2763614;border-color:#d4a56f33}.workspace{max-width:1500px;margin:auto;padding:0 40px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 25px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:9px;color:#939b91;margin-bottom:13px}.breadcrumbs>span:last-child{color:#6e796c}.breadcrumbs svg{color:#b7bdb2}.workspace-heading h1{font-weight:600;font-size:24px;letter-spacing:-.6px;display:flex;align-items:center;gap:9px}.heading-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;margin-top:5px}.workspace-heading p{font-size:10px;color:#8b9487;margin-top:9px;line-height:1.8}.workspace-actions{display:flex;gap:8px;margin-top:25px}.workspace-actions .button{font-size:10px}.room-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 16px;font-size:10px}.room-info-left{display:flex;align-items:center;gap:13px;color:#90998b}.room-info-left>span{display:flex;align-items:center;gap:6px}.room-info-left .connection-state{color:#6f8969}.room-info-left .offline{color:#b3814d}.info-divider{height:10px;width:1px;background:#d8dfd1}.room-info-left svg{color:#9ba893}.people-container{position:relative}.participants-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:#7a8873;font-size:10px}.participants-button>svg:first-of-type{display:none}.participants-button>svg:last-child{color:#acb5a4;transition:transform .2s}.participants-button .rotate{transform:rotate(90deg)}.avatar-stack{display:flex;padding-left:5px;margin-right:2px}.avatar{width:31px;height:31px;border-radius:50%;background:#e9ede3;color:#7f8c73;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;border:1px solid #e1e6d9}.avatar.self{background:#f4e8dd;border-color:#eddac9;color:#b68963}.avatar.mini{width:24px;height:24px;font-size:9px}.avatar-stack .mini{margin-left:-5px;border:2px solid #f5f5f1;background:#dfe7d6}.avatar-stack .mini:nth-child(2){background:#ecdfcf;color:#ae8f69}.avatar-stack .mini:nth-child(3){background:#dce4e6;color:#6e8a90}.people-popover{position:absolute;right:0;top:35px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 30px #23331915;width:240px;padding:17px}.people-popover>strong{font-size:11px;display:block;padding-bottom:10px;margin-bottom:2px}.people-popover>div{display:flex;align-items:center;gap:8px;padding:7px 0}.people-popover>div>span:not(.avatar){font-size:11px;overflow-wrap:anywhere}.people-popover small{font-size:9px;margin-left:auto;white-space:nowrap;color:#9aa191}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}.review-main{min-width:0}.player-card{overflow:hidden;border-radius:10px;background:#fff;border:1px solid #e0e4d9;box-shadow:0 2px 5px #242f1c03}.player-topline{height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;background:#202a24;color:#a1ae9c;font-size:9px}.player-topline .eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;color:#afbd9f}.player-topline .status-dot{width:5px;height:5px}.video-stage{aspect-ratio:16/9;position:relative;background:#101512;isolation:isolate;overflow:hidden}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#101512}.video-stage:fullscreen{aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#050706}.video-stage:fullscreen video{width:100%;height:100%}.video-corner{position:absolute;top:14px;left:15px;pointer-events:none}.live-pill{display:flex;align-items:center;gap:6px;background:#1a231ccc;color:#d7e1cc;padding:5px 8px;font-size:8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #bacda415}.live-pill svg{color:#a8c38d}.video-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b3bfac;background:radial-gradient(ellipse at center,#2d3b2d55 0,transparent 70%);text-align:center;padding:25px}.empty-reel{color:#a2af8c;border:1px solid #b1c19e2b;width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#b4cb8d08;transform:rotate(-5deg);margin-bottom:24px}.video-empty .eyebrow{font-size:8px;color:#6c7e60;letter-spacing:2px}.video-empty h2{font-size:17px;font-weight:500;letter-spacing:.3px;margin-top:13px;color:#c6d2bd}.video-empty p{font-size:10px;color:#7f9075;line-height:1.9;margin-top:11px}.empty-spec{display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1.7px;color:#5c6e51;margin-top:30px}.empty-spec i{width:3px;height:3px;border-radius:50%;background:#586c4a}.stage-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#e9eee1;background:#111d16b0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:18px;text-align:center}.stage-overlay strong{font-size:16px;font-weight:500}.stage-overlay p{font-size:10px;color:#afbea2;line-height:1.8}.join-button{display:flex;align-items:center;gap:13px;background:#edf1e8;color:#34432e;border:1px solid #e4ebdb;border-radius:9px;padding:17px 24px;font-size:14px;font-weight:600;box-shadow:0 3px 20px #0002}.join-button:hover{background:#fff}.join-button svg{width:22px;color:var(--orange)}.buffer-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:11px;background:#0a120b33;color:#d8e0cf;pointer-events:none}.player-controls{background:#1d2720;padding:13px 18px 12px;color:#b9c7af}.timeline-row{display:flex;align-items:center;gap:11px;font-size:9px;font-variant-numeric:tabular-nums;color:#afbea2}.timeline-row>span:last-child{color:#6e8260}.timeline-row input{appearance:none;-webkit-appearance:none;flex:1;width:100%;height:3px;border-radius:2px;padding:0;background:#405139;cursor:pointer;accent-color:var(--orange);margin:0}.timeline-row input:disabled{cursor:default;opacity:1}.timeline-row input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#de9563;box-shadow:0 0 0 3px #de956316}.timeline-row input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#de9563}.timeline-row input:disabled::-webkit-slider-thumb{width:6px;height:6px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.controls-left,.controls-right{display:flex;align-items:center;gap:9px}.player-controls .icon-button{color:#a9bc98;width:27px;height:27px}.player-controls .icon-button:hover{color:#e4eed9;background:#3f5135}.player-controls .main-play{color:#ebefdf;margin-right:4px}.control-divider{width:1px;height:11px;background:#405138}.text-control{display:flex;gap:6px;align-items:center;color:#8fa57c;border:0;background:transparent;font-size:9px;padding:4px}.text-control:hover{color:#d8e5cc}.viewer-control{display:flex;align-items:center;gap:5px;font-size:9px;color:#a3bc8d;padding-right:3px}.quality-label{display:flex;align-items:center;gap:8px;color:#7e9570;font-size:9px}.quality-label select{background:#2b3928;color:#c2d3b2;font-size:9px;padding:5px 6px;border-color:#44513a;border-radius:4px;max-width:105px}.now-playing{min-height:81px;display:flex;gap:12px;align-items:center;padding:15px 18px}.now-icon{width:37px;height:37px;border:1px solid #e7e8e0;background:#f7f7f1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#839375;flex-shrink:0}.now-playing>div:nth-child(2){min-width:0}.now-playing .eyebrow{font-size:7px;letter-spacing:1.5px;color:#a6ae9c;margin-bottom:6px}.now-playing h2{font-size:12px;font-weight:600;color:#5d6b52;overflow-wrap:anywhere;line-height:1.6}.format-pill{display:flex;align-items:center;gap:4px;padding:3px 6px;font-size:8px;border:1px solid #e1e7d7;border-radius:4px;color:#8b9c7a;margin-left:auto;flex-shrink:0}.player-error{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#f8ede4;padding:11px 18px;color:#a96743;font-size:11px;line-height:1.7}.player-error button{background:transparent;border:0;color:#a75a31;font-size:10px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap}.review-tip{display:flex;align-items:center;gap:11px;background:#efefe8;border:1px solid #e8e9df;color:#8b977e;padding:13px 16px;border-radius:7px;margin:14px 0 24px}.review-tip>svg{flex-shrink:0;color:#9ca68e}.review-tip p{font-size:9px;line-height:1.9;color:#959e88}.review-tip strong{font-weight:500;color:#7c896f;margin-right:8px}.viewer-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;padding:0 5px}.viewer-guide>div{position:relative;padding-left:30px}.viewer-guide svg{position:absolute;left:0;top:1px;color:#9ca48d}.viewer-guide strong{font-size:10px;font-weight:500;color:#7f8b72}.viewer-guide p{font-size:9px;line-height:1.9;color:#a1a993;margin-top:5px}.page-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff1e8;color:#aa6746;border:1px solid #f4dfce;border-radius:7px;padding:8px 15px;font-size:11px;line-height:1.8;margin-bottom:15px}.comments-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:650px;height:calc((100vw - 444px)*.5625 + 207px);max-height:850px;overflow:hidden;box-shadow:0 2px 5px #242f1c03}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 21px 18px}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.7px;color:#a1ab95;margin-bottom:6px}.panel-heading h2{font-size:14px;font-weight:600;color:#4a5842;display:flex;align-items:center;gap:9px}.count-badge{display:flex;align-items:center;justify-content:center;background:#f1f3eb;border:1px solid #e7eadf;border-radius:5px;min-width:20px;height:19px;padding:0 5px;font-size:9px;color:#8d9b7e;font-weight:500}.heading-actions{display:flex;align-items:center;gap:2px}.heading-actions .icon-button{color:#a5ad9b;width:27px;height:27px}.comment-filter{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #f2f3ed;border-bottom:1px solid #ecefe5;padding:10px 17px;background:#fcfcf8}.comment-filter select{border:0;background:transparent;font-size:10px;color:#879579;padding:5px 0;max-width:205px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-sort-label{font-size:8px;white-space:nowrap;color:#acb49f}.archive-note{padding:9px 17px;font-size:9px;color:#b18c62;background:#fcf7ed;line-height:1.7}.comment-list{min-height:200px;flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 20px;scrollbar-width:thin;scrollbar-color:#d8e0cf transparent}.comment-empty{height:100%;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b0b9a5;font-size:11px;gap:13px;text-align:center;padding:25px 10px}.comment-empty-icon{width:59px;height:59px;border-radius:50%;background:#f6f7f1;color:#b3bea4;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.comment-empty strong{font-size:12px;font-weight:500;color:#8d9a7c}.comment-empty p{font-size:10px;line-height:2;color:#afb8a3;margin-top:-5px}.tiny-loader{width:20px;height:20px;border:2px solid #ecf0e5;border-top-color:#a2b18e;border-radius:50%;animation:spin 1s linear infinite}.comment{display:flex;gap:10px;padding:19px 0 16px;border-bottom:1px solid #f0f2e9}.comment:last-child{border:0}.comment .avatar{width:29px;height:29px;font-size:10px;margin-top:1px}.comment-body{min-width:0;flex:1}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:1px 0 7px}.comment-meta strong{font-size:10px;font-weight:600;color:#66765a;overflow-wrap:anywhere}.comment-meta time{font-size:8px;color:#b5bda9;white-space:nowrap;font-variant-numeric:tabular-nums}.time-tag{display:inline-flex;align-items:center;gap:4px;background:#f8ede2;color:#bb8b64;border:1px solid #f1e1cc;border-radius:4px;padding:3px 5px;font-size:8px;line-height:1;font-variant-numeric:tabular-nums;font-weight:500}.time-tag:is(button):hover{background:#f4dfc8;color:#ab7240}.comment-body>p{font-size:11px;line-height:1.9;color:#869377;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-compose{padding:15px 17px 16px;border-top:1px solid #e9ede0;background:#fdfdfa}.compose-top{display:flex;align-items:center;justify-content:space-between;min-height:23px;margin-bottom:7px}.compose-top>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#a3ad94}.compose-top .icon-button{width:22px;height:22px;color:#a0b08d}.comment-compose textarea{width:100%;min-height:91px;max-height:210px;background:#fff;font-size:11px;line-height:1.9;border-color:#e6eadc;padding:11px 12px;border-radius:6px;display:block;resize:vertical;color:#667757}.comment-compose textarea::placeholder{color:#b4bea5;font-size:10px}.comment-compose textarea:disabled{background:#f5f6ef}.compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.compose-bottom>span{color:#b3bba6;font-size:8px}.compose-bottom .button{font-size:10px;min-height:32px;padding:7px 11px;gap:7px}.comment-compose .inline-error{font-size:10px;margin-bottom:0}.library-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #242f1c03}.library-card .panel-heading{padding:20px 21px 17px}.library-card .panel-heading .button{font-size:10px;min-height:32px;padding:7px 10px}.video-list{border-top:1px solid #eef0e6}.video-item{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #eef0e6;position:relative;flex-wrap:wrap}.video-item:last-child{border:0}.video-item.active{background:#f8faf4}.video-item.active:before{content:"";position:absolute;top:20%;bottom:20%;left:0;width:2px;background:#c58c61;border-radius:1px}.video-index{font-size:9px;color:#b1bba3;font-variant-numeric:tabular-nums;width:17px;flex-shrink:0}.video-thumbnail{position:relative;width:98px;height:58px;background:#e7ecdf;color:#9cad8c;border-radius:4px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-thumbnail>span{position:absolute;bottom:4px;right:4px;background:#26351ecc;border-radius:2px;color:#e0e8d6;font-size:7px;font-variant-numeric:tabular-nums;padding:2px 4px}.video-information{min-width:0;flex:1}.video-information h3{font-size:11px;font-weight:500;line-height:1.7;color:#647855;overflow-wrap:anywhere}.video-details{display:flex;align-items:center;gap:6px;font-size:8px;color:#a2b092;margin-top:6px;flex-wrap:wrap;line-height:1.8}.video-details i{width:2px;height:2px;border-radius:50%;background:#c5cebb}.video-status{display:flex;align-items:center;gap:3px}.video-status.ready{color:#8ca17b}.video-status.processing,.video-status.queued{color:#bd9b68}.video-status.failed{color:#bd7658}.selected-label{color:#ba9069}.video-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.video-actions .button{font-size:9px;padding:6px 8px;min-height:29px;gap:5px}.video-actions .icon-button{width:26px;height:26px;color:#b1bda2}.video-actions .delete-button:hover{background:#f9eee8;color:#bb7b59}.video-failure{font-size:9px;color:#ba7e5a;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.delete-confirm{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:9px;background:#f9eee7;border:1px solid #f3e2d4;border-radius:5px;padding:10px 12px;font-size:10px;color:#b18460}.delete-confirm>span{margin-right:auto}.library-empty{display:flex;align-items:center;gap:14px;padding:29px 24px 31px;border-top:1px solid #f1f2ea;color:#b0bda2}.library-empty strong{font-size:11px;font-weight:500;color:#8d9b7e}.library-empty p{font-size:9px;margin-top:6px;color:#acb59e}.library-empty>.button{margin-left:auto;font-size:9px;color:#a2b18e}.upload-area{padding:20px;background:#fafbf5;border-top:1px solid #edf0e3;border-bottom:1px dashed #dce4ce}.upload-copy{display:flex;align-items:center;gap:12px;color:#a3b38d}.upload-copy strong{font-size:11px;font-weight:500;color:#7e936c;overflow-wrap:anywhere}.upload-copy p{font-size:9px;color:#a8b899;line-height:1.8;margin-top:5px}.upload-title{font-size:9px;color:#95a680;display:flex;align-items:center;gap:13px;margin-top:17px}.upload-title input{padding:8px 10px;font-size:10px;flex:1;border-color:#e1e7d6;min-width:0}.upload-actions{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.upload-actions .button{font-size:10px}.upload-actions>span{font-size:8px;color:#a9b898}.upload-progress{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:10px;color:#8ba272}.upload-progress progress{height:6px;flex:1;border:0;background:#e3ead6;border-radius:3px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:#e3ead6}.upload-progress progress::-webkit-progress-value{background:#ca956d;border-radius:3px}.upload-progress progress::-moz-progress-bar{background:#ca956d}.upload-help{font-size:9px;color:#9eaf89;line-height:1.8;margin-top:9px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#abb59e;margin:32px 0 24px;gap:15px}.workspace-footer>span{display:flex;align-items:center;gap:6px}.workspace-footer>span:first-child{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#9eac90}.workspace-footer i{height:8px;width:1px;background:#ccd4c2;margin:0 3px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#17241188;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:25px;overflow:auto}.settings-modal{width:430px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;border-radius:12px;padding:25px 29px 29px;background:#fcfdf8;box-shadow:0 15px 70px #0c160b33}.modal-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.settings-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e9d8;border-radius:10px;background:#f1f5e8;color:#9aad83}.settings-modal .eyebrow{font-size:8px;letter-spacing:1.5px}.settings-modal h2{font-size:21px;font-weight:600;line-height:1.5;margin-top:8px;color:#566b46}.settings-modal>p{font-size:10px;line-height:1.9;color:#a1b18d;margin-top:9px}.settings-modal form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.settings-modal label{font-size:10px;font-weight:500;line-height:1.5;color:#7d9569;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.settings-modal label>input,.settings-modal label>select{width:100%;font-size:12px;padding:10px 11px;border-color:#dfe8d2;background:#fff}.settings-modal label>span{font-size:9px;color:#a7b895;font-weight:400}.settings-modal form>.button{margin-top:6px;font-size:11px;justify-content:space-between}.settings-modal form>.inline-error,.settings-modal form>.inline-success{margin:0;font-size:10px}.settings-modal .icon-button{color:#a6b793}@media(min-width:1500px){.comments-card{height:800px}}@media(max-width:1190px){.workspace,.topbar-inner{padding-left:27px;padding-right:27px}.topbar-inner{gap:35px}.review-grid{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.workspace-heading h1{font-size:21px}.workspace-heading p{font-size:9px}.workspace-actions .button{padding:8px 10px;font-size:9px}.comments-card{height:calc((100vw - 377px)*.5625 + 207px);min-height:600px}.comment-filter select{max-width:183px}.video-item{gap:9px;padding-left:13px;padding-right:13px}.video-thumbnail{width:76px;height:48px}.video-information h3{font-size:10px}.video-index{font-size:8px;width:13px}.video-actions .button{font-size:8px}.review-tip p span{display:block}.login-main{gap:65px;grid-template-columns:1fr 380px}.login-story h1{font-size:39px}.login-card{padding-left:28px;padding-right:28px}.story-features{gap:12px}.story-features span{font-size:9px}.story-illustration{max-width:350px}.story-frames .mini-frame{height:57px}}@media(max-width:960px){.login-main{gap:35px;padding-left:35px;padding-right:35px;grid-template-columns:1fr 350px}.login-header,.login-footer{padding-left:35px;padding-right:35px}.login-story h1{font-size:31px}.login-story>p{font-size:11px}.login-story>.eyebrow{font-size:8px}.story-features{flex-direction:column;gap:14px}.story-illustration{max-width:300px}.story-comment{font-size:8px;padding:8px 10px}.review-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.workspace,.topbar-inner{padding-left:22px;padding-right:22px}.topbar-inner{gap:28px}.topbar-nav{gap:15px}.workspace-heading{align-items:flex-start}.workspace-heading h1{font-size:18px}.workspace-actions{margin-top:29px;gap:6px}.workspace-actions .button{font-size:8px;min-height:31px}.workspace-actions .button svg{width:13px}.video-empty{padding:20px}.empty-reel{width:55px;height:55px;border-radius:12px;margin-bottom:15px}.empty-reel svg{width:30px}.video-empty h2{font-size:13px}.video-empty p{font-size:9px;margin-top:8px}.video-empty .eyebrow{font-size:6px}.empty-spec{font-size:6px;margin-top:20px}.now-playing{padding:13px;min-height:72px}.now-playing h2{font-size:10px}.now-icon{width:31px;height:31px}.video-index,.video-actions .button span{display:none}.video-actions .button{width:28px;padding:5px}.video-thumbnail{width:65px;height:42px}.video-details{font-size:7px;gap:4px}.video-information h3{font-size:9px}.library-card .panel-heading{padding:17px 16px}.panel-heading h2{font-size:12px}.library-card .panel-heading .button{font-size:8px;padding:6px 8px;gap:5px}.comments-card{min-height:590px;height:auto}.comment-list{height:360px;flex:auto;padding-left:16px;padding-right:16px}.comment-filter{padding-left:14px;padding-right:14px}.comment-compose{padding:13px 14px}.comments-card .panel-heading{padding:18px 17px 16px}.video-stage{min-height:225px}.player-topline{padding:0 13px;font-size:8px}.player-controls{padding:11px 12px}.control-row{gap:5px}.controls-left{gap:6px}.controls-right{gap:5px}.quality-label>span{display:none}.viewer-control{font-size:8px}.text-control{font-size:8px;gap:4px}.library-empty{padding:23px 16px;gap:10px;flex-wrap:wrap}.library-empty strong{font-size:10px}.library-empty p{font-size:8px}.library-empty .button{margin-left:35px}.review-tip{padding:11px 13px;margin-bottom:20px}.review-tip p,.review-tip strong{font-size:8px}.viewer-guide{grid-template-columns:1fr;gap:18px;padding-left:10px}.upload-title{flex-direction:column;align-items:flex-start;gap:7px}.upload-title input{width:100%}.upload-area{padding:16px}.upload-copy strong{font-size:10px}.upload-copy p{font-size:8px}.delete-confirm{flex-wrap:wrap;justify-content:flex-start;font-size:9px}.delete-confirm>span{width:100%}}@media(max-width:760px){.topbar{height:65px}.topbar-inner{padding:0 20px;gap:22px}.topbar .brand-word{font-size:17px;letter-spacing:2px}.topbar .brand-word>span{font-size:5px;letter-spacing:1.7px}.topbar .brand-mark{width:29px;height:29px}.topbar .brand-mark svg{width:19px}.topbar-nav .private-label{display:none}.topbar-nav>.active{font-size:10px;gap:6px}.topbar-nav>.active svg{width:14px}.account{gap:7px;font-size:10px}.account-name{max-width:80px}.role-label{font-size:8px;padding:3px 6px}.workspace{padding:0 20px}.workspace-heading{padding-top:25px;padding-bottom:22px;gap:14px;flex-wrap:wrap}.workspace-heading h1{font-size:21px}.workspace-heading p{font-size:10px}.workspace-actions{margin-top:0;margin-left:auto}.workspace-actions .button{font-size:10px;padding:8px 10px}.breadcrumbs{margin-bottom:10px}.review-grid{grid-template-columns:minmax(0,1fr);gap:22px}.review-main{display:contents}.player-card{grid-row:1}.review-tip{grid-row:2;margin:0}.comments-card{grid-row:3;min-height:430px;height:550px;max-height:700px}.library-card,.viewer-guide{grid-row:4}.comment-list{height:auto;flex:1;padding-left:21px;padding-right:21px}.comments-card .panel-heading{padding:20px 21px 17px}.panel-heading h2{font-size:14px}.comment-filter{padding:10px 20px}.comment-filter select{max-width:70%;font-size:11px}.list-sort-label{font-size:9px}.comment-compose{padding:15px 20px}.comment-compose textarea{font-size:12px;min-height:78px}.comment-compose textarea::placeholder{font-size:11px}.compose-top>span{font-size:9px}.compose-bottom>span{font-size:9px}.compose-bottom .button{font-size:11px;min-height:35px;padding:7px 14px}.comment-meta strong{font-size:12px}.comment-meta time{font-size:10px}.comment-body>p{font-size:12px}.comment .avatar{width:31px;height:31px;font-size:11px}.time-tag{font-size:9px;padding:4px 6px}.video-stage{min-height:0}.player-topline{padding-left:16px;padding-right:16px;font-size:9px}.player-controls{padding:13px 16px}.control-row{margin-top:12px}.controls-left{gap:11px}.controls-right{gap:9px}.quality-label>span{display:inline}.quality-label select,.text-control,.viewer-control,.timeline-row{font-size:10px}.now-playing{padding:16px;min-height:81px;gap:12px}.now-playing h2{font-size:12px}.now-icon{width:37px;height:37px}.video-empty{padding:28px}.empty-reel{width:68px;height:68px;margin-bottom:21px;border-radius:15px}.empty-reel svg{width:35px}.video-empty h2{font-size:16px}.video-empty p{font-size:10px}.empty-spec{font-size:7px}.video-empty .eyebrow{font-size:8px}.review-tip p{font-size:9px}.review-tip p span{display:inline}.review-tip strong{font-size:10px}.library-card .panel-heading{padding:20px 21px 17px}.library-card .panel-heading .button{font-size:10px;padding:7px 10px}.video-item{gap:12px;padding:16px 18px}.video-index{display:block;font-size:9px;width:15px}.video-thumbnail{width:89px;height:53px}.video-information h3{font-size:11px}.video-details{font-size:8px;gap:6px}.video-actions .button{width:auto;font-size:9px;padding:6px 8px}.video-actions .button span{display:inline}.library-empty{padding:27px 21px}.library-empty strong{font-size:11px}.library-empty p{font-size:9px}.library-empty .button{margin-left:auto}.viewer-guide{margin-top:0;grid-template-columns:1fr 1fr}.room-info{padding-bottom:15px;font-size:9px}.room-info-left{gap:11px}.room-info-left>span{gap:5px}.participants-button{font-size:9px}.workspace-footer{margin-top:27px}.upload-area{padding:20px}.upload-copy strong{font-size:11px}.upload-copy p{font-size:9px}.upload-title{flex-direction:row;align-items:center;font-size:10px;gap:15px}.upload-title input{font-size:11px;width:auto}.upload-actions>span{font-size:9px}.upload-actions .button{font-size:11px}.login-main{display:flex;flex-direction:column;gap:37px;max-width:550px;padding:25px 25px 35px;min-height:0;align-items:stretch}.login-header{height:88px;padding:0 25px}.login-header .brand-mark{width:32px;height:32px}.login-header .brand-word{font-size:19px}.login-header .private-label{font-size:8px;letter-spacing:.7px}.login-story{text-align:center}.login-story h1{font-size:33px;line-height:1.65;margin-top:16px}.login-story>p{font-size:11px;margin-top:17px;line-height:2}.desktop-break,.story-illustration,.story-features{display:none}.login-card{padding:28px 30px 23px;max-width:420px;width:100%;margin:auto}.login-card-icon{width:43px;height:43px;margin-bottom:19px}.login-card h2{font-size:22px}.login-card>p{font-size:11px}.login-footer{padding:22px 25px 25px;align-items:center;gap:14px;flex-direction:column;font-size:8px}.login-card form{margin-top:25px}.login-story>.eyebrow{font-size:8px;letter-spacing:1.7px}}@media(max-width:480px){.topbar-inner{padding:0 16px;gap:15px}.topbar-nav>.active{font-size:0;gap:0}.topbar-nav>.active svg{width:17px;height:17px}.topbar-nav>.active:after{left:-3px;right:-3px}.account{gap:6px}.account-name{max-width:67px;font-size:10px}.account .icon-button{width:25px}.role-label{font-size:8px;padding:3px 5px}.workspace{padding:0 14px}.workspace-heading{padding:23px 2px 19px}.workspace-heading h1{font-size:19px;letter-spacing:-.7px;gap:7px}.workspace-heading p{font-size:9px;max-width:340px;line-height:1.9}.workspace-actions{margin-left:0;width:100%;gap:8px}.workspace-actions .button{font-size:10px;min-height:35px}.workspace-actions .button:last-child{margin-left:auto}.breadcrumbs{font-size:8px;margin-bottom:11px}.room-info{padding:0 2px 14px;gap:5px}.room-info-left{gap:7px;font-size:8px}.room-info-left>span:last-child{font-size:0;gap:0}.room-info-left>span:last-child svg{width:13px}.room-info-left>.info-divider{display:none}.participants-button{font-size:9px;gap:5px}.avatar-stack .mini{width:22px;height:22px;font-size:8px}.review-grid{gap:16px}.player-topline{height:35px;padding:0 12px;font-size:7px}.player-topline .eyebrow{font-size:7px;letter-spacing:1.2px}.video-empty{padding:20px 12px}.empty-reel{width:44px;height:44px;border-radius:11px;margin-bottom:14px}.empty-reel svg{width:27px}.video-empty h2{font-size:12px;margin-top:9px;line-height:1.7}.video-empty p{font-size:8px;margin-top:5px;line-height:1.8}.video-empty .eyebrow{font-size:6px;letter-spacing:1.5px}.empty-spec{font-size:5px;letter-spacing:1.2px;margin-top:15px;gap:7px}.player-controls{padding:12px}.timeline-row{font-size:9px;gap:8px}.timeline-row input{height:3px}.control-row{margin-top:10px;gap:6px}.controls-left,.controls-right{gap:6px}.viewer-control{font-size:8px;gap:4px}.viewer-control svg{width:12px}.text-control{font-size:8px;gap:4px;padding:4px 2px}.text-control svg{width:13px}.control-divider{height:10px}.quality-label{font-size:8px;gap:5px}.quality-label>span{display:none}.quality-label select{font-size:9px;max-width:90px;padding:5px 3px}.player-controls .icon-button{width:26px;height:26px;padding:4px}.player-controls .icon-button svg{width:16px}.now-playing{padding:14px 12px;gap:10px;min-height:76px}.now-icon{width:33px;height:33px}.now-icon svg{width:18px}.now-playing h2{font-size:10px}.now-playing .eyebrow{font-size:6px}.format-pill{font-size:7px;padding:3px 4px;gap:3px}.review-tip{padding:12px;gap:9px}.review-tip>svg{width:15px}.review-tip p{font-size:8px;line-height:1.9}.review-tip p>strong{display:block;font-size:9px}.comments-card{height:510px;min-height:400px}.comments-card .panel-heading{padding:18px 17px 16px}.comment-filter{padding:9px 17px}.comment-filter select{font-size:10px}.comment-list{padding:3px 17px}.comment-compose{padding:13px 16px}.comment-meta strong{font-size:11px}.comment-meta time{font-size:9px}.comment-body>p{font-size:11px}.comment-compose textarea{font-size:11px;min-height:80px}.comment-compose textarea::placeholder{font-size:10px}.compose-top>span{font-size:8px}.compose-bottom>span{font-size:8px}.library-card .panel-heading{padding:18px 16px 16px}.panel-heading h2{font-size:13px}.library-card .panel-heading .button{font-size:9px;padding:6px 8px;min-height:30px}.video-item{padding:14px 13px;gap:10px}.video-index{display:none}.video-thumbnail{width:64px;height:42px}.video-information h3{font-size:10px}.video-details{font-size:7px;gap:4px;line-height:1.7}.video-actions .button{width:27px;height:28px;padding:5px}.video-actions .button span{display:none}.video-actions{gap:3px}.video-actions .icon-button{width:24px}.library-empty{padding:24px 16px;gap:11px}.library-empty strong{font-size:10px}.library-empty p{font-size:8px}.library-empty .button{font-size:8px;margin-left:36px;padding-top:0;min-height:20px}.upload-area{padding:16px}.upload-copy{gap:10px}.upload-copy>svg{width:23px;flex-shrink:0}.upload-copy strong{font-size:10px}.upload-copy p{font-size:8px}.upload-title{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px}.upload-title input{width:100%;font-size:10px}.upload-actions .button{font-size:10px}.upload-actions>span{font-size:8px}.inline-alert{margin:10px 13px;font-size:10px}.viewer-guide{grid-template-columns:1fr;gap:17px;padding:3px 8px}.viewer-guide strong{font-size:10px}.viewer-guide p{font-size:9px}.workspace-footer{flex-direction:column;gap:13px;font-size:7px;margin:26px 0 23px}.workspace-footer>span:first-child{font-size:7px}.join-button{font-size:12px;gap:10px;padding:13px 18px;border-radius:7px}.join-button svg{width:17px}.stage-overlay{gap:11px}.stage-overlay p{font-size:8px}.stage-overlay strong{font-size:13px}.stage-overlay>svg{width:23px}.player-error{font-size:9px;padding:10px 12px}.player-error button{font-size:8px}.settings-modal{padding:22px;max-height:calc(100dvh - 30px)}.modal-backdrop{padding:15px}.settings-modal h2{font-size:20px}.login-main{padding-top:19px;gap:29px}.login-story h1{font-size:28px;margin-top:13px}.login-story>p{font-size:10px;line-height:2;margin-top:14px}.login-story>.eyebrow{font-size:7px}.login-card{padding:26px 25px 21px}.login-card h2{font-size:21px}.login-card>p{font-size:10px}.login-header{padding:0 23px;height:80px}.login-header .brand-word{font-size:17px}.login-header .brand-word>span{font-size:6px}.login-header .private-label{font-size:6px;gap:4px}.login-header .private-label svg{width:11px}.login-header .brand-mark{width:30px;height:30px}.login-card .eyebrow{font-size:8px}.login-card input{font-size:12px;height:47px}.login-card label{font-size:11px}.login-card label>span{font-size:8px}.login-safety{font-size:8px;gap:5px}.login-card-icon{width:40px;height:40px;margin-bottom:17px}.login-card-icon svg{width:22px}.login-footer>span:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.library-tools{display:flex;align-items:center;gap:10px}.library-tools>.button.text{font-size:9px!important}@media(max-width:480px){.library-tools{gap:7px}.library-tools>.button.text{font-size:8px!important;padding-left:0;padding-right:0}}