:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}.start-page{background:#ffed93;justify-content:center;align-items:center;min-height:100vh;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;display:flex}.start-panel{flex-direction:column;align-items:center;width:min(100%,920px);min-height:420px;margin-top:-10px;display:flex}.start-logo{justify-content:center;align-items:center;gap:58px;margin-bottom:47px;display:flex;transform:translate(-30px)}.start-logo__mark{width:151px;height:auto;display:block}.start-logo__text{width:326px;height:auto;margin-top:15px;display:block}.start-input-wrap{box-sizing:border-box;background:#fff;border:1.5px solid #111;border-radius:30px;align-items:center;gap:28px;width:min(100%,765px);height:74px;padding:0 31px;display:flex}.start-input-icon{fill:none;stroke:#050505;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:36px;height:36px;overflow:visible}.start-input-wrap input{color:#333;width:100%;font:inherit;border:0;outline:0;font-size:22px;font-weight:500}.start-input-wrap input::placeholder{color:#a6a6a6;opacity:1}.start-actions{justify-content:center;align-items:center;gap:52px;margin-top:64px;display:flex}.start-actions button{color:#fff;width:180px;height:74px;font:inherit;cursor:pointer;box-shadow:none;background:#cf8707;border:1.5px solid #3a2406;border-radius:26px;font-size:23px;font-weight:500}.start-actions button:hover{background:#bd7b06}.start-actions button:active{transform:translateY(1px)}@media (width<=980px){.start-page{padding:48px 34px}.start-panel{width:100%}.start-logo{gap:34px;transform:none}.start-logo__mark{width:116px}.start-logo__text{width:250px}}@media (width<=760px){.start-page{padding:34px 16px}.start-panel{box-sizing:border-box;width:100%;min-height:auto;padding:0}.start-logo{gap:20px;margin-bottom:38px;transform:none}.start-logo__mark{width:82px}.start-logo__text{width:176px;margin-top:8px}.start-input-wrap{border-radius:25px;gap:18px;height:66px;padding:0 22px}.start-input-wrap input{font-size:18px}.start-actions{gap:20px;margin-top:42px}.start-actions button{border-radius:22px;width:142px;height:64px;font-size:19px}}@media (width<=420px){.start-logo{gap:14px}.start-logo__mark{width:66px}.start-logo__text{width:142px}.start-input-wrap{border-radius:20px;gap:12px;height:58px;padding:0 16px}.start-input-icon{width:28px;height:28px}.start-input-wrap input{font-size:16px}.start-actions{gap:12px;width:100%;margin-top:32px}.start-actions button{border-radius:18px;width:100%;height:56px;font-size:17px}}.main-page{color:#050505;background:#ffed93;min-height:100vh;padding:81px 72px 46px;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif}.main-header{grid-template-columns:330px minmax(560px,1fr) 180px;align-items:center;gap:28px;display:grid}.main-page .start-logo{justify-content:flex-start;gap:23px;margin:0;transform:none}.main-page .start-logo__mark{width:84px}.main-page .start-logo__text{width:168px;margin-top:8px}.main-header__controls{grid-template-columns:minmax(420px,1fr) 180px;gap:21px;display:grid}.main-link-input.start-input-wrap{border-radius:30px;gap:27px;width:100%;height:74px}.main-load-button,.main-bookmark-button{color:#050505;cursor:pointer;background:#fff;border:1.5px solid #111;border-radius:28px;height:74px;font-size:22px;font-weight:600}.main-bookmark-button{color:#fff;background:#cf8707;border-color:#3a2406}.player-card{background:#fff;border-radius:24px;width:min(820px,100%);margin:46px auto 42px;overflow:hidden}.video-wrap{background:#111;height:461px}.video-wrap iframe{border:0;width:100%;height:100%;display:block}.video-placeholder{color:#fff;place-items:center;height:100%;margin:0;font-size:22px;font-weight:600;display:grid}.control-panel{--divider-height:143px;--divider-width:2px;--divider-offset:-4px;grid-template-columns:600px var(--divider-width) 360px var(--divider-width) 310px;box-sizing:border-box;background:#fff;border-radius:18px;align-items:start;column-gap:26px;width:1480px;max-width:calc(100vw - 24px);min-height:178px;margin:0 auto;padding:30px 42px 20px 58px;display:grid}.control-panel:before{content:"";width:var(--divider-width);height:var(--divider-height);margin-top:var(--divider-offset);background:#d8d8d8;grid-area:1/2}.control-panel:after{content:"";width:var(--divider-width);height:var(--divider-height);margin-top:var(--divider-offset);background:#d8d8d8;grid-area:1/4}.repeat-control{grid-column:1;grid-template-columns:330px 220px;column-gap:30px;display:grid;transform:none}.repeat-control h2,.speed-control h2{margin:0 0 18px;font-size:20px;font-weight:800}.repeat-control h2,.time-row{grid-column:1}.time-row{align-items:center;gap:13px;display:flex}.time-row input{color:#050505;text-align:center;background:#fff;border:1.5px solid #111;border-radius:7px;outline:none;place-items:center;width:88px;height:38px;padding:0 8px;font-size:21px;display:grid}.time-row span{font-size:28px}.range-wrap{grid-column:1/3;height:25px;margin-top:22px;position:relative}.range-wrap:before{content:"";pointer-events:none;background:#9c9c9c;height:4px;position:absolute;top:11px;left:0;right:0}.range-track{pointer-events:none;background:#9c9c9c;height:4px;position:absolute;top:11px;left:0;right:0}.range-wrap input{pointer-events:none;appearance:none;background:0 0;width:100%;position:absolute;inset:0}.range-wrap input::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:#fee078;border:0;border-radius:50%;width:15px;height:15px}.range-wrap input::-moz-range-thumb{pointer-events:auto;background:#fee078;border:0;border-radius:50%;width:15px;height:15px}.range-labels{grid-column:1/3;height:18px;margin-top:-3px;font-size:13px;position:relative}.range-labels span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.range-labels span:first-child{left:0;transform:none}.range-labels span:last-child{right:0;transform:none}.save-control{flex-direction:column;grid-column:5;justify-content:space-between;justify-self:stretch;align-items:center;min-width:0;min-height:104px;padding-top:22px;display:flex;transform:none}.save-control input{border:1.5px solid #111;border-radius:7px;width:270px;height:38px;padding:0 13px;font-size:14px}.save-control input::placeholder{color:#aaa}.save-actions{justify-content:center;gap:0;max-width:100%;margin-top:11px;display:flex}.utility-button,.speed-button{color:#050505;cursor:pointer;background:#fff3c6;border:0;border-radius:9px;font-weight:500}.utility-button{width:118px;height:38px;font-size:16px}.utility-button.is-active,.speed-button.is-active{background:#fee078}.repeat-toggle{grid-area:2/2;align-self:center}.save-button{width:118px}.speed-control{grid-column:3;margin-left:0}.speed-list{grid-template-columns:repeat(3,92px);gap:20px 32px;margin-top:20px;display:grid}.speed-button{height:38px;font-size:20px}@media (width<=1180px){.main-page{padding:54px 34px 42px}.main-header{grid-template-columns:minmax(260px,1fr) 180px}.main-header__controls{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) 170px}.main-bookmark-button{justify-self:end;width:180px}.player-card{margin-top:38px}.control-panel{grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:30px;max-width:820px;min-height:auto;padding:30px}.control-panel:before,.control-panel:after{display:none}.repeat-control{grid-column:1;grid-template-columns:minmax(0,1fr) 132px;column-gap:20px}.speed-control{grid-column:2}.speed-list{grid-template-columns:repeat(2,minmax(86px,1fr));gap:14px}.save-control{flex-direction:row;grid-column:1/-1;justify-content:center;gap:14px;min-height:auto;padding-top:0}.save-actions{margin-top:0}}@media (width<=900px){.main-page{padding:36px 22px}.main-header{grid-template-columns:1fr}.main-header__controls{grid-template-columns:1fr 150px}.main-page .start-logo__mark{width:70px}.main-page .start-logo__text{width:142px}.main-bookmark-button{justify-self:start;width:180px}.control-panel{grid-template-columns:1fr;row-gap:28px;padding:30px 28px}.control-panel:before,.control-panel:after{display:none}.repeat-control,.save-control,.speed-control{grid-column:1}.repeat-control{grid-template-columns:1fr}.repeat-toggle{grid-area:auto/1;margin-top:12px}.range-wrap,.range-labels{grid-column:1}.save-control{flex-direction:column;grid-row:auto}.speed-list{grid-template-columns:repeat(5,1fr);gap:16px}}@media (width<=720px){.main-page{padding:28px 16px 34px}.main-page .start-logo{gap:14px}.main-page .start-logo__mark{width:58px}.main-page .start-logo__text{width:116px;margin-top:5px}.main-header__controls{grid-template-columns:1fr;gap:14px}.main-link-input.start-input-wrap,.main-load-button,.main-bookmark-button{border-radius:22px;width:100%;height:62px;font-size:19px}.main-link-input.start-input-wrap{gap:14px;padding:0 18px}.main-link-input.start-input-wrap input{font-size:16px}.player-card{border-radius:16px;margin:28px auto 24px}.video-wrap{aspect-ratio:16/9;height:auto}.time-row{justify-content:center}.control-panel{border-radius:16px;row-gap:24px;max-width:100%;padding:24px 18px}.repeat-control h2,.speed-control h2{text-align:center;font-size:18px}.time-row input{width:82px;font-size:19px}.save-control input{width:100%}.speed-list{grid-template-columns:1fr 1fr;display:grid}.save-actions{justify-content:center;width:100%;display:flex}.speed-list{gap:12px}}@media (width<=420px){.time-row{gap:8px}.time-row input{width:74px;font-size:17px}.utility-button{width:100%}}*{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif}.bookmark-card{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:15px;width:330px;min-height:200px;padding:20px 45px;transition:all .2s;position:relative}.bookmark-card:hover{transform:scale(1.02)}.bookmark-info{background-color:#fff;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.bookmark-date,.bookmark-title{color:#000;background-color:#fff;margin:0;font-size:16px;font-weight:500}.bookmark-thumbnail{object-fit:cover;border:1px solid #000;border-radius:20px;width:100%;height:150px}.bookmark-menu-button{color:#000;cursor:pointer;background-color:#0000;border:0;border-radius:50%;width:28px;height:28px;font-size:24px;font-weight:700;line-height:1;position:absolute;top:12px;right:14px}.bookmark-menu-button:hover{background-color:#fff3c6}.bookmark-delete-button{color:#000;cursor:pointer;z-index:1;background-color:#fff;border:1px solid #000;border-radius:8px;width:62px;height:34px;font-size:14px;font-weight:600;position:absolute;top:44px;right:14px}.bookmark-delete-button:hover{background-color:#fee078}@media (width<=520px){.bookmark-card{border-radius:14px;width:100%;min-height:0;padding:18px 36px 18px 24px}.bookmark-info{gap:12px}.bookmark-date,.bookmark-title{font-size:15px}.bookmark-thumbnail{aspect-ratio:16/9;border-radius:16px;height:auto}}*{box-sizing:border-box}body,#root{background-color:#ffea8b;min-height:100vh;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;overflow-y:auto}.header-container{justify-content:space-between;align-items:center;padding:81px 72px 0;display:flex}.header-container .start-logo{align-items:center;gap:23px;margin:0;display:flex;transform:none}.header-container .start-logo__mark{width:84px;height:auto;display:block}.header-container .start-logo__text{width:168px;height:auto;margin-top:8px;display:block}.home-button{color:#fff;cursor:pointer;background-color:#cf8707;border:1.5px solid #3a2406;border-radius:28px;width:180px;height:74px;margin-right:5px;font-size:22px;font-weight:600;transition:background .2s}.bookmark-container{grid-template-columns:repeat(3,1fr);justify-items:center;gap:40px 50px;width:100%;margin:46px auto;padding:0 72px;display:grid}.view-more-container{justify-content:center;margin-top:40px;margin-bottom:80px;display:flex}.view-more-button{color:#fff;cursor:pointer;background-color:#c68310;border:1.5px solid #3a2406;border-radius:28px;width:180px;height:74px;font-size:22px;font-weight:600;transition:background .2s}.view-more-button:hover{background-color:#aa700d}@media (width<=1180px){.header-container{padding:54px 34px 0}.header-container .start-logo__mark{width:70px}.header-container .start-logo__text{width:142px}.home-button,.view-more-button{border-radius:24px;width:160px;height:66px;font-size:20px}.bookmark-container{grid-template-columns:repeat(2,330px);justify-content:center;gap:34px;padding:0 34px}}@media (width<=760px){.header-container{padding:28px 16px 0}.header-container .start-logo{gap:14px}.header-container .start-logo__mark{width:58px}.header-container .start-logo__text{width:116px;margin-top:5px}.home-button,.view-more-button{border-radius:20px;width:112px;height:54px;margin-right:0;font-size:17px}.bookmark-container{grid-template-columns:minmax(0,330px);gap:22px;margin:28px auto;padding:0 16px}.view-more-container{margin-top:22px;margin-bottom:48px}}@media (width<=420px){.header-container{align-items:flex-start}.home-button{width:96px}.bookmark-container{grid-template-columns:minmax(0,1fr)}}