:root{color-scheme:dark;--bg:#161d25;--fg:#f6f0e5;--muted:#c4c8cc;--line:#414951;--accent:#edc494;font-family:'Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;letter-spacing:-.02em;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button,textarea,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:1}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{max-width:1440px;margin:auto;padding:26px 40px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:var(--fg);text-decoration:none;font-weight:650;font-size:19px}.brand span{display:block;color:var(--muted);font-size:16px;font-weight:400;margin-top:2px}.prototype{font-size:16px;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line)}main{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;padding:12px 40px 0;min-height:640px}.stage{position:relative;width:100%;min-height:620px;height:620px;align-self:start;overflow:hidden}#canvas-host{position:absolute;inset:0;touch-action:pan-y}#canvas-host canvas{display:block;width:100%;height:100%}.scene-caption{position:absolute;left:12px;bottom:22px;pointer-events:none}.scene-number{font-size:16px;color:var(--muted)}h1{font-size:24px;font-weight:550;margin:3px 0 3px;letter-spacing:-.035em}.scene-caption p{font-size:16px;color:var(--muted);margin:0}.controls{padding:54px 0 0;display:flex;flex-direction:column;align-items:stretch}.eyebrow{color:var(--accent);font-size:16px}.intro h2{font-size:32px;line-height:1.45;font-weight:550;letter-spacing:-.04em;margin:14px 0 16px}.intro p{color:var(--muted);font-size:16px;margin:0 0 28px}.note-toggle{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:transparent;color:var(--fg)}.note-toggle>span:first-child{font-weight:600}.note-toggle>span:last-child{color:var(--muted);margin-top:2px;font-size:16px}#note-editor{padding-top:16px}#note-editor label{display:block;font-size:16px;margin-bottom:9px}textarea{resize:vertical;width:100%;min-height:105px;background:#202932;color:var(--fg);border:1px solid #68727a;border-radius:6px;padding:12px;line-height:1.6;font-size:16px}textarea::placeholder{color:#c4c8cc}.note-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--muted);font-size:16px}#save-status{flex:1}#note-count{white-space:nowrap}.privacy{font-size:16px;color:var(--muted);margin:12px 0}.text-button{background:transparent;border:0;color:var(--accent);padding:3px 0;border-bottom:1px solid var(--accent);margin-right:14px;font-size:16px}.finish-area{margin-top:30px}.mode{display:flex;justify-content:space-between;font-size:16px;color:var(--muted);margin:0 0 12px}.mode strong{font-weight:450;color:var(--fg)}.primary,.secondary{width:100%;padding:14px 16px;border:0;border-radius:6px;font-size:18px;font-weight:600}.primary{background:var(--accent);color:#24201b}.secondary{background:transparent;border:1px solid #c4c8cc;color:var(--fg)}#finish-status{font-size:16px;color:var(--muted);min-height:26px;margin:10px 0 0}.settings{display:flex;flex-direction:column;gap:8px;color:var(--muted);margin-top:30px;font-size:16px}.settings label{display:flex;align-items:center;gap:8px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:10px 40px 24px;color:var(--muted);font-size:16px}details{text-align:right}summary{cursor:pointer}details p{max-width:380px;text-align:left}.scene-note{position:absolute;background:#edc494;color:#24201b;border:0;border-radius:4px;padding:4px 10px;font-size:16px;transform:translate(-50%,-50%)}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#161d25;color:var(--fg);font-size:18px}#loading[hidden],[hidden]{display:none!important}.error{color:#ffc9ba!important}body[data-state=closed] .intro{opacity:1}@media(max-width:900px){header{padding:20px 24px 0;align-items:flex-start}main{grid-template-columns:minmax(0,1fr) 285px;gap:24px;padding:0 24px;min-height:570px}.stage{min-height:570px;height:570px}.controls{padding-top:42px}.intro h2{font-size:28px}footer{padding:12px 24px 24px}}@media(max-width:650px){header{padding:18px 20px;display:block}.prototype{display:block;margin-top:12px;width:fit-content}main{display:flex;flex-direction:column;gap:0;padding:0 20px}.stage{min-height:390px;height:390px}.scene-caption{left:0;bottom:0}.controls{padding:28px 0 0}.intro h2{font-size:28px}.intro p{margin-bottom:20px}.finish-area{margin-top:24px}.settings{margin-top:22px}footer{padding:30px 20px;flex-direction:column}details{text-align:left}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.scene-note{width:52px;height:36px;background:transparent;color:transparent;font-size:0;padding:0}.scene-note:hover,.scene-note:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.controls:has(#note-editor:not([hidden])) .intro{display:none}

#window-description{font-size:16px;color:var(--muted);margin:2px 0 0}
.window-settings{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.window-settings>summary{cursor:pointer;display:flex;flex-direction:column;list-style:none}
.window-settings>summary::-webkit-details-marker{display:none}
.window-settings>summary .ws-title{font-weight:600}.window-settings>summary .ws-title::after{content:' ›';color:var(--accent)}
.window-settings[open]>summary .ws-title::after{content:' ⌄'}
#window-summary{color:var(--muted);font-size:16px}
.window-note{font-size:16px;color:var(--muted);margin:10px 0 0}.window-note:empty{display:none}
.mode-group{border:0;padding:0;margin:16px 0 4px;display:flex;flex-direction:column;gap:8px}
.mode-group legend{font-size:16px;margin-bottom:8px;padding:0}
.mode-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.mode-option input{margin-top:5px;width:17px;height:17px;accent-color:var(--accent);flex:none}
.mode-option strong{display:block;font-weight:550}.mode-option small{display:block;color:var(--muted);font-size:16px}
#place-panel,#preferred-panel,#fixed-panel{margin-top:16px;display:flex;flex-direction:column;gap:8px}
#place-panel>label,#preferred-panel>label,#fixed-panel>label{font-size:16px}
#city-input,select{width:100%;background:#202932;color:var(--fg);border:1px solid #68727a;border-radius:6px;padding:10px 12px;font-size:16px}
#city-input::placeholder{color:#c4c8cc}
.city-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.city-results:empty{display:none}
.city-option{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--fg);padding:9px 2px;font-size:16px}
.city-option:hover{color:var(--accent)}.city-results .hint{color:var(--muted);font-size:16px;padding:6px 0}
#place-status{font-size:16px;margin:4px 0 0}
#place-panel .text-button{align-self:flex-start}
.privacy a,details a{color:var(--accent)}
.window-settings{text-align:left}
.sound-settings{margin-top:0}.toggle-row{display:flex;gap:8px;align-items:center;margin-top:14px}
.volume-row{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:10px;margin-top:10px}.volume-row label{font-size:16px}
input[type=range]{width:100%;accent-color:var(--accent)}
#mood-group .mode-option small{font-size:16px}
#day-description{font-size:16px;color:var(--accent);margin:2px 0 0}
.days-settings{margin-top:0}.personal-list{list-style:none;margin:0 0 8px;padding:0}.personal-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:6px 0;font-size:16px}
.personal-days{display:flex;flex-direction:column;gap:8px}.personal-days input,#day-preview{width:100%;background:#202932;color:var(--fg);border:1px solid #68727a;border-radius:6px;padding:10px 12px;font-size:16px}
.date-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center}.date-row input{min-width:0}
#days-settings>label[for=day-preview]{display:block;margin-top:12px;font-size:16px}
.pet-settings{margin-top:0}#pet-kind{width:100%;background:#202932;color:var(--fg);border:1px solid #68727a;border-radius:6px;padding:10px 12px;font-size:16px;margin-top:6px}.pet-settings>label[for=pet-kind]{display:block;margin-top:10px;font-size:16px}
.prop-tip{position:absolute;pointer-events:none;background:#fbf3df;color:#2a211c;border:2px solid #2c211c;border-radius:8px;padding:4px 10px;font-size:16px;font-weight:600;white-space:nowrap;box-shadow:3px 3px 0 #2c211c;z-index:3}
.window-settings.flash{animation:panel-flash 1.4s ease-out}@keyframes panel-flash{0%{background:#4a3b25}100%{background:transparent}}@media(prefers-reduced-motion:reduce){.window-settings.flash{animation:none}}
.notes-list{list-style:none;margin:10px 0 0;padding:0;text-align:left;max-height:260px;overflow:auto}.notes-list li{border-bottom:1px solid var(--line);padding:9px 0;font-size:16px;color:var(--fg)}.notes-list time{display:block;color:var(--muted);font-size:16px}
.house-hint{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);background:#fbf3df;color:#2a211c;border-radius:999px;padding:8px 18px;font-size:16px;font-weight:600;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.35)}
body[data-room=painted]{--bg:#0a162e;background:#0a162e}body[data-room=painted] #loading{background:#0a162e}.painted-canvas{position:absolute;inset:0;display:block}