:root{--bg:#f8f7f4;--paper:#fff;--ink:#2e332f;--muted:#92958e;--line:#e7e7e0;--accent:#c76d57;--accent-light:#f2e7e1;--green:#657c66;--sidebar:204px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:13px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:20px;height:20px;display:block;flex-shrink:0}a{color:var(--accent)}.header{height:87px;position:fixed;inset:0 0 auto;background:rgba(248,247,244,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 32px;z-index:30}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0;white-space:nowrap;font-size:20px;font-weight:650;letter-spacing:1px;min-width:210px;line-height:1.3}.brand-icon{color:var(--accent)}.brand-icon svg{width:35px;height:35px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;font-weight:500;margin-top:7px;color:#999b91}.search{height:39px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#efefeb;border-radius:7px;padding:0 13px;flex:1;max-width:400px;margin-left:28px}.search svg{width:16px;color:#8d9289}.search input{background:none;border:0;outline:0;width:100%;font-size:12px;color:var(--ink)}kbd{font:11px inherit;color:#a5a69e;border:1px solid #d8d9d0;padding:0 5px;border-radius:3px}.header-end{display:flex;align-items:center;gap:21px;margin-left:auto}.private-pill{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px;white-space:nowrap}.private-pill svg{width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:550;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button.coral{background:var(--accent);color:white}.button.coral:hover{background:#b65e49}.button.light{background:#efeee9;border:1px solid var(--line)}.avatar-pair{display:flex;padding:0 3px 0 0}.avatar-pair span{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:50%;background:#e2e6da;font-size:10px;font-family:Georgia,serif;color:#6c7966}.avatar-pair span+span{background:#edd8cf;color:#ad7a67;margin-left:-8px}.sidebar{position:fixed;left:0;top:87px;bottom:0;width:var(--sidebar);padding:28px 17px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:15;background:var(--bg)}.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:6px;font-size:12px;text-align:left;margin-bottom:5px;color:#737b71}.nav-button svg{width:18px;height:18px}.nav-button.active{background:#edece5;color:#3c4e3e;font-weight:600}.nav-count{font-size:10px;color:#9b9e93;margin-left:auto}.side-section{margin:31px 14px}.side-label{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:600;color:#a0a397;display:block;margin-bottom:13px}.side-tag{display:flex;align-items:center;gap:10px;color:#858b7e;font-size:11px;padding:8px 0;text-align:left;width:100%}.side-tag:hover{color:var(--accent)}.tag-dot{width:6px;height:6px;border-radius:50%;background:#c1c8b2}.side-tag:nth-child(2) .tag-dot{background:#d4b39c}.side-tag:nth-child(3) .tag-dot{background:#b1c5c5}.side-tag:nth-child(4) .tag-dot{background:#ccb6bc}.side-tag small{margin-left:auto;color:#acafa3;font-size:10px}.sidebar-bottom{margin-top:auto;padding:30px 14px 0}.mini-camera{color:#b0b5a7;margin-bottom:15px}.mini-camera svg{width:26px;height:26px}.sidebar-bottom p{font-size:10px;line-height:2.2;letter-spacing:.7px;color:#989e91;margin:0 0 26px}.plain-button{display:flex;align-items:center;gap:7px;font-size:10px;padding:0;color:#989e91}.plain-button svg{width:13px;height:13px}.demo-note{color:#a9ab9e;font-size:8px;line-height:1.8;margin-top:17px;white-space:nowrap;letter-spacing:-.3px}.demo-note i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c4a58d;vertical-align:middle;margin-right:5px}main{margin:87px 0 0 var(--sidebar);padding:29px 36px 70px;max-width:1880px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;color:#9a9e92}.breadcrumb button{padding:0;color:#7f8879;font-size:10px}.breadcrumb svg{width:11px;height:11px;color:#b2b5a8}.head-note{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.5px;color:#a2a698}.head-note svg{height:12px;width:12px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:29px}.player{position:relative;aspect-ratio:16/9;background:#151d1b;border-radius:10px;overflow:hidden;isolation:isolate}.player video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.player-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,13,.05) 40%,rgba(8,15,12,.7));pointer-events:none;transition:opacity .3s}.poster-copy{position:absolute;inset:28px 30px auto;color:#fff;pointer-events:none;transition:opacity .3s}.poster-copy .film-code{font-size:9px;letter-spacing:3px;opacity:.85}.poster-title{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;position:absolute;bottom:76px;left:30px;color:white;font-size:clamp(23px,2.9vw,49px);line-height:1.7;letter-spacing:6px;pointer-events:none;font-weight:400;transition:opacity .3s}.center-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff26;color:white;display:grid;place-items:center;backdrop-filter:blur(6px);transition:background .2s,opacity .2s}.center-play:hover{background:#ffffff45}.center-play svg{width:25px;height:25px;margin-left:3px;fill:currentColor}.player.is-playing .center-play,.player.is-playing .poster-copy,.player.is-playing .poster-title,.player.has-started .poster-title,.player.has-started .poster-copy{opacity:0;pointer-events:none}.sample-label{position:absolute;right:14px;top:15px;color:#fff9;background:#0003;padding:2px 7px;border-radius:3px;font-size:8px;letter-spacing:.5px}.controls{position:absolute;inset:auto 16px 8px;color:#fff}.seek{appearance:none;width:100%;height:3px;margin:0 0 9px;background:#ffffff45;border-radius:3px;cursor:pointer;display:block;accent-color:#e4c4a6}.seek::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#fff}.control-row{display:flex;align-items:center;gap:13px;height:29px}.control-row button{color:#fff;padding:3px;display:flex;align-items:center}.control-row svg{width:16px;height:16px}.control-row .time{font-size:9px;letter-spacing:.3px;white-space:nowrap}.control-spacer{flex:1}.control-row .speed{font-size:10px;min-width:30px}.volume-slider{width:55px;height:3px;accent-color:#fff;cursor:pointer}.video-info{padding-top:21px}.video-info .eyebrow{font-size:9px;color:#9c9e91;letter-spacing:1.1px;margin-bottom:6px}.video-info h1{font-size:clamp(17px,1.5vw,24px);font-weight:600;line-height:1.65;letter-spacing:.4px;margin:0 0 16px}.video-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.author{display:flex;align-items:center;gap:10px}.author-avatar{width:33px;height:33px;border-radius:50%;background:#e6e6d8;display:grid;place-items:center;font-size:12px;color:#8c927c}.author-name{font-size:11px;font-weight:600}.meta-text{color:#a3a596;font-size:9px;margin-top:1px}.video-actions{display:flex;align-items:center;gap:8px}.action-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;border:1px solid #e4e5dc;border-radius:20px;padding:7px 11px;color:#7f8578;background:#f7f7f0}.action-pill svg{width:13px;height:13px}.action-pill.active{color:var(--accent);background:#f2e6df;border-color:#ebd5c9}.action-pill.active svg{fill:#c76d5720}.description{background:#eeeee7;padding:17px 19px;border-radius:7px;font-size:11px;line-height:2;color:#7f8578}.description p{margin:0;white-space:pre-wrap}.desc-extra{display:none}.description.expanded .desc-extra{display:block}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.tag{border:1px solid #dbded0;border-radius:4px;padding:1px 8px;color:#8c967f;background:transparent;font-size:9px}.tag:hover{border-color:var(--green);color:var(--green)}.more-description{font-size:9px;color:#8e9585;padding:9px 0 0}.notes{margin-top:28px;border-top:1px solid var(--line);padding-top:23px}.section-caption{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.5px}.section-caption svg{width:15px;height:15px;color:#8a9380}.section-caption small{color:#a5a99b;font-size:9px;font-weight:400;margin-left:5px}.note-input-row{display:flex;gap:10px;margin-top:16px;align-items:flex-start}.note-input-row .note-avatar{width:27px;height:27px;border-radius:50%;background:#e6e9de;display:grid;place-items:center;flex-shrink:0;color:#87937b;font-size:10px}.note-input-row form{display:flex;gap:10px;flex:1}.note-input-row input{flex:1;min-width:0;background:none;border:0;border-bottom:1px solid #dedfd3;padding:4px 0 9px;outline:none;font-size:11px}.note-input-row input:focus{border-color:var(--accent)}.note-input-row button{padding:3px 6px;font-size:10px;color:var(--accent);white-space:nowrap}.note-item{display:flex;gap:11px;margin:20px 0;font-size:11px}.note-item .note-avatar{border-radius:50%;background:#ecdcd0;color:#ad8a76;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.note-item b{font-size:10px;font-weight:550}.note-item small{font-size:8px;color:#a6aa9b;margin-left:8px}.note-item p{margin:3px 0;color:#828b79}.notes-empty{font-size:10px;color:#a0a696;padding-left:38px;margin-top:10px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-size:12px;font-weight:600}.autoplay{display:flex;gap:6px;align-items:center;color:#a0a594;font-size:8px;font-weight:400}.switch{position:relative;display:inline-block;width:25px;height:14px;padding:0;background:#d6d9cd;border-radius:15px;transition:background .2s}.switch:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:white;transition:transform .2s}.switch[aria-checked=true]{background:#8d9c7e}.switch[aria-checked=true]:after{transform:translateX(11px)}.next-card{display:grid;grid-template-columns:112px 1fr;gap:11px;text-align:left;padding:0;width:100%;margin-bottom:19px}.thumb{position:relative;aspect-ratio:16/10;border-radius:5px;overflow:hidden;background:#e3e3d7}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.next-card:hover img,.library-card:hover img{transform:scale(1.04)}.duration{position:absolute;right:5px;bottom:5px;color:#fff;background:#1b2826b3;padding:0 4px;border-radius:2px;font-size:8px;line-height:1.7}.next-title{font-size:10px;font-weight:550;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.next-meta{font-size:8px;color:#a2a798;line-height:1.8}.next-tag{font-size:8px;color:#97a086;margin-top:3px}.rail-divider{height:1px;background:var(--line);margin:26px 0 24px}.collection{background:#eeeeE5;border-radius:7px;padding:20px 19px;position:relative;overflow:hidden}.collection .tiny{font-size:8px;letter-spacing:1.6px;color:#a0a590}.collection h3{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-weight:400;font-size:19px;line-height:1.8;margin:10px 0;letter-spacing:2px}.collection p{font-size:9px;color:#98a087;line-height:1.9}.collection button{display:flex;align-items:center;gap:10px;font-size:9px;padding:9px 0 0;color:#6b7b5e}.collection button svg{width:13px;height:13px}.collection svg.leaf{position:absolute;right:-16px;bottom:10px;width:88px;height:88px;opacity:.12;color:#7d8e6b;transform:rotate(-17deg)}.rail-foot{font-size:8px;color:#a9ad9f;line-height:1.8;margin-top:22px;display:flex;gap:5px;align-items:flex-start}.rail-foot svg{width:11px;height:11px;margin-top:2px}.mobile-nav{display:none}.library-head{display:flex;justify-content:space-between;align-items:flex-end;margin:13px 0 27px}.library-eyebrow{font-size:9px;color:#a3a58e;letter-spacing:2.5px}.library-head h1{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-size:31px;font-weight:400;letter-spacing:3px;margin:7px 0}.library-head p{font-size:11px;color:#9aA18f;margin:0}.library-count{font-size:11px;color:#a2a790}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{padding:6px 13px;border:1px solid var(--line);font-size:10px;border-radius:5px;color:#939c88}.filter.active{background:#707e67;border-color:#707e67;color:#fff}.sort{margin-left:auto;border:0;background:transparent;color:#8c9582;font-size:10px;outline:none;padding:5px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 22px}.library-card{text-align:left;padding:0;position:relative}.library-card .thumb{aspect-ratio:16/10;border-radius:8px;margin-bottom:12px}.library-card h2{font-size:13px;font-weight:550;line-height:1.8;margin:0 0 4px}.library-card .card-meta{font-size:9px;color:#9ca48f;display:flex;align-items:center;justify-content:space-between}.library-card .card-label{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;color:#fff;background:#0003;border:1px solid #ffffff50;padding:2px 7px;border-radius:3px}.empty-state{padding:75px 20px;text-align:center;grid-column:1/-1;color:#8a947f}.empty-state svg{margin:auto;width:35px;height:35px;color:#b0b9a5}.empty-state h2{font-size:17px;font-weight:500}.empty-state p{font-size:12px;color:#9ca58e}.empty-state .button{margin-top:16px}.modal-backdrop{position:fixed;inset:0;z-index:70;background:#232e29a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s}.modal{background:var(--bg);border:1px solid #ffffff80;border-radius:12px;max-width:860px;width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 100px #17201d40}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line)}.modal-title{font-size:16px;font-weight:550;letter-spacing:1px}.modal-title small{font-size:9px;color:#9aa18f;font-weight:400;display:block;letter-spacing:.4px;margin-top:2px}.icon-button{padding:6px;color:#8e9684}.icon-button svg{width:20px;height:20px}.modal-body{padding:24px 28px}.upload-layout{display:grid;grid-template-columns:1fr 270px;gap:25px}.dropzone{border:1px dashed #bcc5ae;border-radius:7px;padding:25px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#eeeee5;cursor:pointer;transition:background .2s}.dropzone.drag{background:#e2e8d8}.dropzone svg{width:27px;height:27px;color:#8f9d7f;margin-bottom:11px}.dropzone strong{font-size:12px;font-weight:500}.dropzone small{display:block;font-size:9px;color:#a1a68f;line-height:1.8;margin-top:7px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.dropzone.selected{padding:18px 15px}.field{display:block;margin-bottom:18px;font-size:11px;font-weight:550}.field .required{color:var(--accent);font-size:9px;margin-left:4px}.field input,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #dadfd1;border-radius:5px;background:#fffefa;padding:10px 12px;outline:none;font-size:12px;resize:vertical;font-weight:400;color:#505c47}.field input:focus,.field textarea:focus{border-color:#aab79a}.field small{display:block;font-size:9px;font-weight:400;color:#a0a78f;margin-top:6px}.upload-side .preview-box{aspect-ratio:16/9;background:#e9ebe1;border-radius:6px;display:grid;place-items:center;overflow:hidden;color:#a3ab93}.preview-box video{width:100%;height:100%;object-fit:cover}.preview-box svg{width:28px;height:28px}.drive-card{padding:15px;border:1px solid #dedfd3;border-radius:6px;margin-top:16px;font-size:10px}.drive-title{display:flex;align-items:center;gap:8px;font-weight:550}.drive-title svg{width:18px;height:18px}.drive-card p{color:#9aa18e;font-size:9px;line-height:1.9;margin-bottom:0}.drive-state{font-size:8px;background:#eee5da;color:#aa8e6c;padding:1px 5px;margin-left:auto;border-radius:3px}.upload-tip{font-size:9px;color:#98a38b;line-height:1.9;padding:0 3px;margin-top:15px}.privacy-box{font-size:10px;display:flex;align-items:center;gap:8px;background:#ecf0e6;padding:11px 12px;border-radius:5px;color:#879778}.privacy-box svg{width:14px;height:14px}.form-message{font-size:11px;line-height:1.8;color:#b56049;min-height:18px;margin-top:12px}.modal-footer{padding:17px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-footer small{font-size:9px;color:#a2a78f}.modal-footer .footer-buttons{display:flex;gap:8px}.upload-progress{height:4px;border-radius:3px;background:#e4e7da;overflow:hidden;margin-top:11px}.upload-progress div{height:100%;background:#91a17d;transition:width .2s}.architecture-intro{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:25px;font-weight:400;letter-spacing:2px;line-height:1.8;margin:0 0 21px}.architecture-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:21px}.flow-box{border:1px solid #dedfd3;border-radius:7px;padding:17px 15px;background:#f0f0e8}.flow-box .step{font-size:9px;letter-spacing:2px;color:var(--accent)}.flow-box h3{font-size:12px;margin:9px 0 7px;font-weight:600}.flow-box p{font-size:10px;color:#919c82;line-height:1.9;margin:0}.design-table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.9}.design-table th{width:108px;text-align:left;font-weight:550}.design-table td,.design-table th{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.design-table td{color:#89957d}.architecture-warning{border-left:2px solid #c3997a;padding:7px 13px;margin-top:22px;color:#a18c74;background:#f1ebe1;font-size:10px;line-height:1.9}.settings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.settings-row p{font-size:10px;color:#9aa48e;margin:4px 0}.settings-row .state{font-size:10px;color:#919e82;border:1px solid #d8decf;padding:3px 9px;border-radius:4px}.setting-footer{font-size:10px;color:#9aA48c;line-height:1.9;margin-top:19px}.danger-button{font-size:10px;color:#bc7b64;border:1px solid #e2cfc2;padding:7px 11px;border-radius:5px}#toast{position:fixed;bottom:27px;left:calc(50% + 80px);transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#3d4b3c;color:#f5f7ef;border-radius:7px;padding:12px 21px;box-shadow:0 6px 20px #24351d20;z-index:100;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(min-width:1650px){.watch-grid{grid-template-columns:minmax(0,1fr) 318px;gap:36px}.next-card{grid-template-columns:132px 1fr}.next-title{font-size:12px}.next-meta,.next-tag{font-size:9px}main{padding:34px 44px}.header{gap:50px}.search{max-width:460px}.poster-title{font-size:50px}}@media(max-width:1200px){:root{--sidebar:176px}.header{padding:0 23px;gap:15px}.brand{min-width:175px;font-size:18px}.brand-icon svg{width:29px;height:29px}.search{margin-left:0;max-width:320px}.header-end{gap:14px}.private-pill{display:none}.sidebar{padding:25px 11px}.sidebar-bottom{padding:25px 10px 0}.nav-button{padding:12px 10px;font-size:11px;gap:10px}.side-section{margin-left:10px;margin-right:10px}main{padding:26px 26px 65px}.watch-grid{grid-template-columns:minmax(0,1fr) 236px;gap:23px}.next-card{grid-template-columns:92px 1fr;gap:9px;margin-bottom:17px}.video-info h1{font-size:18px}.video-meta-row{flex-wrap:wrap}.poster-title{font-size:30px}.sample-label{font-size:7px}.sidebar-bottom p{font-size:9px}.demo-note{white-space:normal}.search kbd{display:none}}@media(max-width:980px){:root{--sidebar:76px}.brand{min-width:210px}.sidebar{padding:25px 9px}.nav-button{font-size:0;justify-content:center;padding:15px 0;gap:0}.nav-button svg{width:20px;height:20px}.nav-count,.side-section,.sidebar-bottom{display:none}.watch-grid{grid-template-columns:minmax(0,1fr) 220px;gap:21px}.upload-top{padding:10px 13px}.upload-top>span:last-child{display:none}.search{margin-left:auto}.header-end{margin-left:0}.poster-title{font-size:28px}.next-card{grid-template-columns:90px 1fr}.video-actions{gap:5px}.action-pill{font-size:9px;padding:6px 10px}.video-meta-row{gap:16px}.head-note{display:none}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){:root{--sidebar:0}.header{height:70px;padding:0 19px;gap:12px}.brand{font-size:17px;min-width:0}.brand-icon svg{width:28px;height:28px}.brand small{font-size:6px;letter-spacing:1.8px;margin-top:5px}.search{border:0;background:transparent;width:30px;max-width:30px;flex:initial;padding:6px}.search input{display:none}.search:focus-within{position:absolute;left:14px;right:74px;width:auto;max-width:none;background:var(--bg);border:1px solid var(--line);padding:7px 13px}.search:focus-within input{display:block}.search:focus-within kbd{display:none}.header-end{margin-left:auto;gap:12px}.avatar-pair span{width:27px;height:27px;font-size:8px}.upload-top{display:none}.sidebar{display:none}main{margin:70px 0 0;padding:20px 20px 97px}.watch-grid{display:block}.page-head{margin-bottom:18px}.player{border-radius:8px}.poster-title{font-size:clamp(24px,5.5vw,40px);bottom:60px;left:23px;letter-spacing:4px}.poster-copy{top:19px;left:22px}.poster-copy .film-code{font-size:7px;letter-spacing:2px}.center-play{width:52px;height:52px}.center-play svg{width:20px;height:20px}.controls{inset:auto 11px 5px}.control-row{gap:9px}.control-row .time{font-size:8px}.control-row svg{width:15px;height:15px}.volume-slider{display:none}.video-info{padding-top:18px}.video-info h1{font-size:18px;margin-bottom:15px}.video-meta-row{justify-content:space-between;gap:18px;margin-bottom:19px}.video-actions{margin-left:auto}.author{gap:8px}.author-avatar{width:28px;height:28px}.author-name{font-size:10px}.meta-text{font-size:8px}.action-pill{font-size:9px;padding:7px 10px}.action-pill svg{width:13px;height:13px}.video-actions .share-action{font-size:0;padding:8px}.description{font-size:11px;padding:15px 16px}.notes{padding-top:21px;margin-top:23px}.watch-rail{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.rail-heading{font-size:13px}.next-card{grid-template-columns:145px 1fr;gap:15px;margin-bottom:18px}.next-title{font-size:12px;margin-top:3px;line-height:1.8}.next-meta,.next-tag{font-size:9px}.thumb{aspect-ratio:16/9}.collection{display:none}.rail-divider{display:none}.rail-foot{font-size:9px;margin-top:24px}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;background:#f8f7f4f5;border-top:1px solid var(--line);z-index:45;backdrop-filter:blur(12px);padding:11px 4px max(11px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#8c967e;min-width:60px}.mobile-nav svg{width:19px;height:19px}.mobile-nav button:nth-child(3){color:var(--accent)}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal-header{padding:19px 20px}.modal-title{font-size:14px}.modal-body{padding:20px}.upload-layout{grid-template-columns:1fr}.upload-side{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.upload-side .preview-box{margin-top:0}.drive-card{margin-top:0;font-size:9px;padding:11px}.drive-title{gap:5px;flex-wrap:wrap}.drive-title svg{width:15px;height:15px}.drive-card p{font-size:8px}.upload-tip{grid-column:1/-1;margin-top:0}.modal-footer{padding:16px 20px;gap:8px;align-items:flex-start;flex-direction:column}.modal-footer small{font-size:8px}.modal-footer .footer-buttons{align-self:flex-end}.architecture-flow{grid-template-columns:1fr}.flow-box{padding:13px 15px}.flow-box h3{margin:4px 0}.architecture-intro{font-size:21px}.design-table th{width:75px}.design-table td,.design-table th{font-size:9px;padding:10px 5px}.library-head{align-items:flex-start;margin:10px 0 22px}.library-head h1{font-size:25px}.library-head p{font-size:10px}.library-count{font-size:9px;padding-top:27px;white-space:nowrap}.library-grid{gap:23px 14px}.library-card h2{font-size:11px}.library-card .card-meta{font-size:8px}.library-card .card-label{left:8px;top:8px;font-size:7px}.filter{font-size:9px;padding:5px 10px}.sort{font-size:9px}.library-card .thumb{aspect-ratio:16/11}.library-card .card-meta span:last-child{display:none}#toast{left:50%;bottom:84px;font-size:11px;width:max-content}.sample-label{top:10px;right:10px}.section-caption small{font-size:8px}.note-input-row input{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}