/* Reference-led web layout; independent styles, no desktop assets. */
:root{--ref-blue:#3182f6;--ref-ink:#242a33;--ref-muted:#7c8797;--ref-bg:#f3f4f6;--ref-border:#edf0f4}
html:not([data-theme=dark]) body{background:var(--ref-bg);color:var(--ref-ink);font-family:Pretendard,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
.shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{border-right:0;padding:25px 14px 16px;overflow-y:auto}.brand{font-size:22px;color:var(--ref-ink);padding:0 12px 22px;gap:14px}.brand .mark{border-radius:15px;width:45px;height:45px;background:#111;font-family:Arial,sans-serif;font-size:28px}.brand small{display:block;font-size:12px;font-weight:500;color:var(--ref-muted);letter-spacing:0;margin-top:4px}.navgroup{display:none}.sidebar nav{gap:5px}.sidebar nav a{font-size:16px;font-weight:600;border-radius:15px;padding:12px 15px;gap:17px;color:#798391}.sidebar nav a.active{background:#e7f2ff;color:var(--ref-blue)}.sidebar .navicon{font-size:24px;font-weight:400;width:25px}.sidebar nav a[data-route=popular]{border-top:1px solid var(--ref-border);margin-top:14px;padding-top:18px;border-radius:0}.profile{margin-top:22px;padding-top:16px}.topbar{height:58px;background:transparent;border:0;padding:0 34px}.topbar select{background:transparent;border-color:transparent;width:240px}.topbar .date{display:none}.topbar .right{gap:10px}.content{max-width:1900px;padding:24px 34px 95px}.pagehead .eyebrow{display:none}.pagehead h1{font-size:28px;color:var(--ref-ink)}.pagehead p{font-size:15px}.card{border-color:var(--ref-border);border-radius:19px}.ref-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.ref-heading h1{font-size:27px;letter-spacing:-.8px;line-height:1.3}.ref-heading p{font-size:15px;color:var(--ref-muted);margin-top:7px}.ref-heading button{white-space:nowrap}.ref-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.ref-tabs button,.ref-tabs a{border:0;background:transparent;color:#758090;padding:10px 16px;border-radius:13px;white-space:nowrap;font-size:15px;font-weight:650}.ref-tabs button[aria-selected=true],.ref-tabs button[aria-pressed=true],.ref-tabs a:hover{background:white;box-shadow:0 2px 6px #16243a0c;color:#242a33}.ref-searchbar{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin:18px 0}.ref-searchbar form{display:flex;gap:12px;flex:0 1 460px}.ref-searchbar input{border:0;border-radius:17px;padding:17px 20px;font-size:17px;min-width:0;background:white;box-shadow:0 0 0 1px #edf0f4}.ref-searchbar button.primary{border-radius:17px;padding:14px 24px;background:var(--ref-blue);border-color:var(--ref-blue);font-size:18px;white-space:nowrap}.ref-topic-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ref-topic-tabs button{border:0;background:transparent;color:#788390;font-size:15px;font-weight:650;border-radius:99px;padding:10px 14px;white-space:nowrap}.ref-topic-tabs button[aria-pressed=true]{background:#e6f2ff;color:var(--ref-blue)}.ref-options{display:flex;align-items:center;gap:20px;margin:18px 0 22px}.ref-options a{font-size:13px;color:#7b8697}.ref-toggle{display:flex;align-items:center;gap:8px;margin:0;color:#7b8697;font-size:14px}.ref-toggle input{margin:0;width:17px}.ref-selects{margin-left:auto;display:flex;gap:12px}.ref-selects label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;font-size:12px}.ref-selects select{width:auto;margin:0;padding:7px 9px;font-size:13px;border:0;background:transparent;color:#6d7989}.ref-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}.ref-video-card{background:white;border-radius:20px;overflow:hidden;border:1px solid #edf0f4;box-shadow:0 2px 5px #18263b05;min-width:0}.ref-video-pick{display:block;width:100%;padding:0;border:0;border-radius:0;text-align:left;background:white;color:inherit;font-weight:500}.ref-video-pick:hover{background:#fbfcff}.ref-thumbnail{position:relative;aspect-ratio:16/9;background:#e5eaf0;border:3px solid #20b4ea;border-radius:20px 20px 0 0;overflow:hidden}.ref-video-card:nth-child(3n+2) .ref-thumbnail{border-color:#ff951f}.ref-video-card:nth-child(3n+3) .ref-thumbnail{border-color:#6a6aee}.ref-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.ref-rate{position:absolute;top:8px;left:8px;background:var(--ref-blue);color:white;border-radius:7px;padding:4px 8px;font-size:13px;font-weight:750;box-shadow:0 2px 6px #0002}.ref-duration{position:absolute;right:9px;bottom:8px;background:#111c;color:white;border-radius:4px;padding:1px 5px;font-size:13px;font-weight:700}.ref-video-body{padding:16px 17px 10px}.ref-video-body h2{font-size:17px;line-height:1.6;letter-spacing:-.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:54px}.ref-channel{font-size:14px;font-weight:650;margin:10px 0 2px;color:#55606f}.ref-video-body .muted{font-size:13px;color:#9aa3af;margin:0}.ref-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.ref-video-card .ref-card-actions{padding:0 17px 17px;margin-top:4px}.ref-card-actions a{font-size:12px;color:#8190a4}.ref-card-actions button{background:transparent;border:0;color:var(--ref-blue);font-size:12px;padding:8px 0}.ref-more{display:flex;justify-content:center;gap:12px;margin:26px 0}.ref-method{font-size:12px;color:#8a94a3;line-height:1.7}.ref-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.ref-news-card{background:white;border:1px solid var(--ref-border);border-radius:18px;padding:22px}.ref-news-card h2{font-size:18px;line-height:1.55;margin:10px 0}.ref-news-card p{font-size:14px;color:#84909e;line-height:1.7}.ref-news-card small{font-size:12px;color:#99a2af}.ref-news-topics{margin-bottom:16px}.ref-review{margin-top:40px;padding-top:30px;border-top:1px solid #e3e7ec}.ref-draft-row{text-align:left;padding:22px;border-radius:18px;border:1px solid var(--ref-border);font-weight:500;line-height:1.7}.ref-draft-row small{font-size:12px}.ref-statusbar{position:fixed;bottom:0;left:252px;right:0;min-height:46px;display:flex;align-items:center;gap:20px;padding:7px 30px;background:#fffefc;border-top:1px solid #e8edf3;z-index:15;color:#7e8796;font-size:12px}.ref-statusbar a{color:inherit}.ref-statusbar button{margin-left:auto;border:0;padding:5px 12px;background:transparent;color:#596775;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-persona-dialog{border:0;max-width:840px;width:calc(100vw - 40px);max-height:85vh;padding:28px;border-radius:24px;box-shadow:0 25px 100px #15264240;color:var(--ref-ink)}.ref-persona-dialog::backdrop{background:#1b24375c;backdrop-filter:blur(3px)}.ref-persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ref-persona-card{display:flex;align-items:center;flex-direction:column;gap:7px;padding:18px 8px;border:1px solid #edf0f4;border-radius:16px;background:#fafbfd}.ref-persona-card strong{font-size:14px}.ref-persona-card small{font-size:11px;font-weight:400}.ref-face{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#eef0fb;color:#5b68b8;font-size:26px;margin-bottom:4px}.face-1,.face-5{background:#ffe9de;color:#b97854}.face-2,.face-6{background:#e2f2e8;color:#558d74}.face-3,.face-7{background:#e4efff;color:#4d7da9}.face-4,.face-8{background:#ffefd9;color:#a58b4f}.ref-create-persona{display:block;text-align:center;padding:20px 0 0;color:var(--ref-blue);font-size:14px}.ref-compose-settings{display:flex;gap:35px;flex-wrap:wrap;margin-bottom:22px}.ref-label{display:block;font-size:12px;color:#8a94a2;margin-bottom:6px}.ref-compose-settings .ref-tabs{background:#f3f5f8;padding:4px;border-radius:13px}.ref-compose-settings .ref-tabs button{font-size:13px;padding:7px 14px}.ref-advanced{padding:14px;border:1px solid #e5eaf1;border-radius:12px;margin:18px 0;color:#6d7b90}.ref-advanced summary{cursor:pointer;font-size:13px;font-weight:600}.ref-advanced[open] summary{margin-bottom:18px}.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}[hidden]{display:none!important}
@media(min-width:1700px){.ref-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.shell{grid-template-columns:215px minmax(0,1fr)}.ref-statusbar{left:215px}.ref-video-grid,.ref-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px 24px 85px}.ref-searchbar form{flex-basis:100%;max-width:560px}.sidebar nav a{font-size:14px;padding:10px 12px}.brand{font-size:19px}.ref-persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;padding:16px}.sidebar nav{display:flex}.sidebar nav a[data-route=popular]{border:0;margin:0;padding:10px 12px;border-radius:15px}.topbar{padding:0 18px}.topbar select{width:180px}.ref-statusbar{left:0;padding:7px 14px;gap:10px;font-size:10px}.ref-statusbar a:nth-child(2){display:none}.ref-statusbar button{max-width:180px;font-size:11px}.ref-heading{align-items:flex-start;flex-wrap:wrap}.ref-heading h1{font-size:24px}.ref-heading p{font-size:13px}.ref-topic-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:8px}.ref-topic-tabs button{font-size:13px}.ref-options{flex-wrap:wrap;gap:12px}.ref-selects{margin-left:0}.ref-searchbar{gap:12px}.ref-searchbar form{flex-basis:100%;max-width:100%;width:100%}.ref-searchbar input{font-size:15px;padding:14px}.ref-searchbar button.primary{padding:10px 18px;font-size:16px}.ref-video-grid,.ref-news-grid{grid-template-columns:1fr;gap:18px}.ref-persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-persona-dialog{padding:20px}.ref-video-body h2{min-height:0}.ref-tabs button{font-size:13px;padding:8px 12px}}
html[data-theme=dark] .ref-video-card,html[data-theme=dark] .ref-video-pick,html[data-theme=dark] .ref-news-card,html[data-theme=dark] .ref-statusbar,html[data-theme=dark] .ref-persona-dialog{background:#192840;color:#e0e8f7;border-color:#30415d}html[data-theme=dark] .ref-tabs button[aria-selected=true],html[data-theme=dark] .ref-tabs button[aria-pressed=true]{background:#2b426a;color:#d9e6ff}html[data-theme=dark] .ref-persona-card,html[data-theme=dark] .ref-compose-settings .ref-tabs{background:#213451;border-color:#30415d}html[data-theme=dark] .ref-heading h1,html[data-theme=dark] .pagehead h1{color:#e0e8f7}html[data-theme=dark] .ref-searchbar input{background:#213451;color:#e0e8f7}html[data-theme=dark] .ref-topic-tabs button[aria-pressed=true]{background:#243b60}
.workspace-picker{display:flex;align-items:center;gap:8px;min-width:180px;margin:0}.workspace-picker>span{font-size:12px;color:#718096;white-space:nowrap}.workspace-picker select{max-width:210px;margin:0}.topbar{gap:12px;flex-wrap:wrap}.topbar>.right{margin-left:auto}#content>.card{margin-bottom:20px}#content table input[type=number]{min-width:95px}#content table input[type=date]{min-width:145px}@media(max-width:760px){.workspace-picker{width:100%}.workspace-picker select{max-width:none;flex:1}.topbar>.right .date{display:none}}