:root{color-scheme:light}body{background:#ececec;color:#191919}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #777;outline-offset:4px}.sidebar{background:#fafafa;color:#191919}.side-bottom p{color:#333}.brand{color:#111}main>header{display:flex;align-items:center;justify-content:space-between;gap:12px}#header-actions{display:flex;gap:6px}.tool{display:inline-grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:1.5px solid #252525;border-radius:45% 48% 43% 47%;color:#171717}.tool svg{width:22px;height:22px}.tool[aria-pressed=true]{color:white;background:#171717}#connection{font-size:11px;color:#666;min-height:16px;letter-spacing:.02em}.auth{max-width:500px;margin:35px auto;padding:30px;background:#fff;border:2px solid #222;border-radius:5px 16px 8px 4px;box-shadow:6px 7px 0 #ddd}.auth h1{font-size:34px;line-height:1.2}.auth p{line-height:1.7}.auth-tabs,.room-tabs{display:flex;gap:12px;margin:18px 0}.auth-tabs button,.room-tabs button,.primary{border:1.5px solid #222;border-radius:5px;padding:11px 18px;background:#fff;color:#111}.primary,.room-tabs button[aria-pressed=true]{background:#1a1a1a;color:white}form{display:grid;gap:10px}label{font-size:13px;font-weight:600}input,select,textarea{box-sizing:border-box;width:100%;background:white!important;color:#222!important;border:1px solid #aaa!important;border-radius:5px!important;padding:12px!important;font:inherit}textarea{min-height:130px;resize:vertical}input[type=checkbox]{width:auto}.session-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:20px 0}.session-head h1{margin:5px 0;font-size:32px}.session-head select{max-width:240px}.live-film{display:grid;grid-template-columns:1fr 180px;align-items:center;border-bottom:2px solid #222;padding:22px 0;gap:24px}.live-film h2{font-size:32px;line-height:1.35;margin:8px 0}.live-film img{width:150px;max-height:210px;object-fit:contain;mix-blend-mode:multiply;justify-self:center}.live-film p{font-size:14px;line-height:1.7;max-width:460px}.ost-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ddd}.ost-row a{flex:1;color:#222;text-decoration:none;font-size:15px}.ost-row small{display:block;font-size:10px;color:#666;margin-top:3px}.ost-number{font-size:12px}.question-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 18px}.question-tabs button{background:#fff;border:1.5px solid #222;border-radius:7px 13px 6px 12px;padding:13px;font-size:13px}.question-tabs button[aria-pressed=true]{background:#222;color:white}.question-prompt{border:2px solid #222;border-radius:42% 3% 6% 3% / 8% 5% 8% 3%;padding:24px;margin:15px 0 25px;background:#fff;display:flex;gap:20px;align-items:center;justify-content:space-between}.question-prompt p{margin:8px 0;line-height:1.65;font-size:19px;word-break:keep-all}.question-prompt small{font-size:12px}.question-prompt select{max-width:160px}.grid{gap:20px}.live-record{position:relative;text-align:center}.live-record .object-story{width:100%;border:0;background:transparent;text-align:center;color:#222}.live-record .record-doodle{display:block;width:108px;height:108px;margin:10px auto}.live-record h3{font-size:16px;margin:9px 0}.live-record p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.live-record small{display:block;font-size:11px;color:#666}.live-record .social-actions{justify-content:center}.live-record .lp-decoration{position:absolute;right:5px;top:45px;border:7px double #333;border-radius:50%;width:25px;height:25px;opacity:.13;pointer-events:none}.empty{padding:30px;grid-column:1/-1;text-align:center;font-size:14px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-head h2{margin:0;font-size:23px}dialog{box-sizing:border-box;max-height:90dvh;width:min(600px,94vw);overflow:auto;background:#fff!important;color:#222!important;border:2px solid #222!important;border-radius:12px!important;padding:24px!important}dialog::backdrop{background:#0007}.body-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.muted{font-size:12px;color:#666}.error{color:#922;font-size:13px;white-space:pre-wrap}.comment{border-top:1px solid #ddd;padding:16px 0}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.inline-actions{display:flex;gap:8px}.doodle-options{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:180px;overflow:auto;padding:5px}.doodle-options button{border:1px solid #ccc;background:white;border-radius:5px;min-height:40px;padding:5px}.doodle-options button[aria-pressed=true]{border:2px solid black;background:#eee}.doodle-options svg{width:30px;height:30px}.doodle-search{margin-top:0}.chat-log{height:280px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 3px}.bubble{max-width:85%;align-self:flex-start;background:#efefec;border-radius:12px;padding:10px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#222;color:white}.bubble small{display:block;font-size:10px;margin-bottom:7px;opacity:.7}.chat-form{grid-template-columns:1fr 44px;align-items:end;margin-top:15px}.chat-form textarea{min-height:65px;max-height:140px}.chat-meta{font-size:11px;color:#666}.invite-code{display:block;overflow-wrap:anywhere;font-size:16px;padding:18px;background:#efefec;user-select:all}.settings-divider{border-top:1px solid #ccc;margin:20px 0}.side-links{display:grid;gap:12px}.side-links button{background:none;border:0;text-align:left;font:inherit;padding:12px 0}.side-links button[aria-pressed=true]{font-weight:800;text-decoration:underline}.week-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.week-tabs button{padding:12px 5px;font-size:12px;border:1px solid #555;background:#fff;color:#222}.week-tabs button[aria-pressed=true]{background:#222;color:#fff}.auth-note{font-size:12px;color:#666}#toast{z-index:1000;bottom:24px;background:#222;color:white;padding:12px 20px;border-radius:6px;max-width:85vw;left:50%;transform:translateX(-50%)}
.sidebar .brand{color:#fff}.side-links{display:flex;gap:24px}.week-tabs button[aria-pressed=true]:after{background:#222}.week-tabs button{border:0;background:none}.week-tabs button[aria-pressed=true]{background:none}.week-tabs button{padding:16px 24px 16px 12px}.live-record:before,.live-record:after{display:none!important}
.ost-row>.tool{flex:0 0 44px;width:44px}.ost-row>a,.ost-row>span:not(.ost-number){min-width:0;flex:1;overflow-wrap:anywhere}
@media(max-width:760px){.sidebar{position:static;width:auto;min-height:0;padding:18px 20px!important;border:0!important}.sidebar .brand{font-size:23px}.sidebar .brand span{font-size:9px}.side-caption,.side-bottom{display:none}.side-links{display:flex;gap:22px;margin-top:15px}.side-links button{font-size:12px;padding:0}.sidebar nav{margin:0}main{margin:0!important;padding:10px 20px 40px!important;width:auto!important}main>header{font-size:10px}.session-head{flex-direction:column}.session-head select{max-width:none}.session-head h1{font-size:27px}.live-film{grid-template-columns:1fr 105px;gap:12px}.live-film img{width:105px}.live-film h2{font-size:23px}.live-film p{font-size:12px}.grid{grid-template-columns:1fr!important;gap:24px}.question-tabs{gap:6px}.question-tabs button{font-size:11px;padding:12px 5px}.question-prompt{padding:18px;gap:10px}.question-prompt p{font-size:16px}.auth{padding:22px;margin:20px auto}.auth h1{font-size:29px}.doodle-options{grid-template-columns:repeat(6,1fr)}.week-tabs button{font-size:11px;padding:12px 12px 12px 5px}.live-record .record-doodle{width:85px;height:85px}dialog{padding:20px!important}.chat-log{height:240px}}
/* Keep the approved ink/LP layout; live styles only add functional controls. */
.session-qr{display:block;max-width:100%;height:auto;margin:0 auto}
.week-tabs small{display:block}
.live-record{border:2px solid #222;background:#fff;box-shadow:4px 5px 0 #222;border-radius:4px 9px 3px 7px;padding:20px 22px}
.question-prompt{position:relative;border-radius:23px 18px 26px 16px / 17px 26px 18px 22px;box-shadow:4px 5px 0 #ddd;margin-bottom:36px}
.question-prompt:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-right:2px solid #222;border-bottom:2px solid #222;bottom:-13px;left:30px;transform:skewY(32deg) rotate(25deg)}
.live-film{grid-template-columns:1fr 1fr;border:2px solid #222;border-radius:8px 18px 10px 14px;background:#fff;padding:24px 28px;margin-bottom:32px}
.live-film img{width:100%;max-width:320px;max-height:none}
@media(max-width:680px){.live-film{grid-template-columns:1fr;padding:22px 16px;gap:12px}.live-film img{width:100%;max-width:260px}.live-record{padding:18px}.question-prompt{margin-top:22px}.week-tabs button{min-width:0;padding:12px 15px 12px 8px}}
#doodle-options button{display:grid;place-items:center;min-width:0;min-height:44px;padding:5px}
#doodle-options .record-doodle{display:block;width:30px;height:30px;margin:0;transform:none;flex-shrink:0}
.meeting-film-title{display:block;font-size:22px;line-height:1.4;margin-bottom:8px}
.film-meeting-shelf{display:flex;gap:12px;overflow-x:auto;margin:12px 0 24px;padding:3px 3px 8px}
.film-meeting-card{flex:0 0 220px;white-space:normal;text-align:left;padding:18px;background:#fff;color:#222;border:1.5px solid #333;border-radius:5px 12px 7px 4px}
.film-meeting-card small,.film-meeting-card span{display:block;font-size:11px;margin-top:7px}
.film-meeting-card[aria-pressed=true]{background:#222;color:#fff}
/* Mobile reading rhythm, without changing the ink/LP artwork. */
@media(max-width:760px){
  .side-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin-top:14px}
  .side-links button{min-height:44px;padding:6px 2px;font-size:13px;line-height:1.45;letter-spacing:0;word-break:keep-all}
  main>header{flex-wrap:wrap;letter-spacing:.06em}
  #connection{font-size:12px;line-height:1.6;letter-spacing:0}
  .session-head{gap:12px;margin:24px 0 18px}
  .session-head>div,.session-head label{width:100%;min-width:0}
  .session-head h1{font-size:28px;line-height:1.35;letter-spacing:-.025em}
  .session-head p{font-size:14px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}
  .session-head select{font-size:16px}
  .film-meeting-card{flex-basis:240px}
  .film-meeting-card small,.film-meeting-card span{font-size:12px;line-height:1.6;word-break:keep-all}
  .week-tabs{gap:10px}
  .week-tabs button{font-size:12px;line-height:1.55;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;padding:12px 10px 12px 8px}
  .week-tabs small{font-size:10px;letter-spacing:.04em;margin-bottom:8px;white-space:nowrap}
  .session-guide{margin:28px 0 32px}
  .session-guide h3{font-size:18px;line-height:1.5;letter-spacing:-.02em;margin:24px 0 12px}
  .session-guide .body-copy{font-size:16px;line-height:1.85;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word;margin:0}
  .live-film h2{font-size:24px;line-height:1.45;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}
  .live-film p{font-size:15px;line-height:1.8;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word}
  .question-paths{grid-template-columns:1fr;gap:12px}
  .question-box{font-size:15px;line-height:1.75;padding:18px;text-align:left;word-break:keep-all;overflow-wrap:break-word}
  .question-box strong{font-size:17px;line-height:1.7;letter-spacing:-.015em}
  .question-prompt{flex-wrap:wrap}
  .question-prompt p{font-size:17px;line-height:1.75;letter-spacing:-.015em;overflow-wrap:break-word}
  .live-record h3{font-size:18px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}
  .live-record p{font-size:15px;line-height:1.8;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word}
  .live-record small{font-size:12px;line-height:1.6}
  main>footer{font-size:12px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}
}

/* 로고 5번 → 관리자 로그인 (Claude, 2026-09-26) */
.auth [data-action=host-login]{display:block;width:100%;min-height:44px;margin-top:12px;border:1px solid #bbb;border-radius:0;background:transparent;color:#555;font:inherit}