:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#243d49;background:#f5f3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,a,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #db8a47;outline-offset:4px}header{height:104px;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdedb}.brand{display:flex;gap:15px;align-items:center}.brand-icon{font-size:37px;line-height:1;color:#a9633c}.brand small,.panel-heading small{font-size:12px;letter-spacing:2.6px;font-weight:700;color:#867867}h1{font-size:21px;letter-spacing:.05em;margin:6px 0 0}h2{font-size:21px;margin:10px 0 28px}main{display:grid;grid-template-columns:minmax(0,1fr) 338px;min-height:calc(100dvh - 104px)}.stage{position:relative;min-height:640px;background:#dfE7e4;overflow:hidden}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}.scene-label{position:absolute;left:28px;top:27px;pointer-events:none;font-size:14px;color:#466064}.scene-label span{font-size:11px;letter-spacing:2px;display:block;margin-bottom:7px;color:#5a777b}.hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#ffffffc9;padding:10px 17px;border-radius:30px;font-size:12px;white-space:nowrap;color:#48626b;pointer-events:none}aside{padding:32px 26px;background:#faf9f6}fieldset{border:0;border-top:1px solid #dedfd8;margin:0 0 23px;padding:20px 0 0;min-width:0}legend{float:left;width:100%;font-size:14px;font-weight:650;margin-bottom:13px}.seg{display:flex;gap:5px;clear:both;background:#eceee9;padding:4px;border-radius:12px}.seg button{flex:1;white-space:nowrap;background:transparent;padding:11px 5px;font-size:14px;border-radius:9px;color:#5e6b6d}.seg button.active{background:white;color:#263e47;box-shadow:0 2px 5px #233d4610}.character{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:14px}.character strong{font-weight:500}.dot{width:10px;height:10px;border-radius:50%;flex:none}.eido{background:#444967}.juli{background:#bf7284}select{margin-left:auto;max-width:107px;background:#fff;border:1px solid #d7dcd6;padding:7px;border-radius:7px;font-size:14px;color:#41545a}.range-label{font-size:14px;margin-top:23px;display:flex;justify-content:space-between}.range-label span{font-size:12px;color:#78847f}input[type=range]{width:100%;margin:16px 0;accent-color:#466e72}.row{display:flex;justify-content:space-between;gap:5px}.quiet{background:transparent;color:#586b71;font-size:13px;padding:9px 4px}.quiet:hover{color:#ad5e3b}#capture{width:100%;background:#2e515a;color:#fff;padding:17px;border-radius:13px;font-weight:650;letter-spacing:.06em;box-shadow:0 6px 15px #20394115}#capture span{font-size:22px;vertical-align:middle;margin-right:10px}#capture:hover{background:#1e414b}.capture-area p{font-size:12px;color:#7e8b88;text-align:center;margin:12px 0}.capture-area{margin-top:29px}button:disabled{opacity:.5;cursor:wait}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#e3e9e4e8;font-size:16px;padding:30px;text-align:center}#loading.hidden{display:none}#flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}#flash.shoot{animation:flash .5s ease-out}@keyframes flash{0%{opacity:.95}100%{opacity:0}}#message{font-size:13px;color:#5a746b;text-align:center}dialog{max-width:900px;width:90vw;border:0;padding:22px;background:#fbfaf7;border-radius:17px;color:#2e4856;box-shadow:0 30px 120px #142c4a55}dialog::backdrop{background:#172c3d77;backdrop-filter:blur(5px)}.photo-heading,.photo-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.photo-heading h2{font-size:18px;margin:0 0 20px}.photo-heading button{align-self:flex-start;background:transparent;padding:4px 10px;font-size:18px;color:#47616b}#photo{display:block;width:100%;max-height:65vh;object-fit:contain;background:#e1e8e4;border-radius:8px}.photo-footer{padding-top:18px;font-size:14px}.photo-footer a{background:#2e515a;color:#fff;text-decoration:none;padding:12px 19px;border-radius:9px}@media(max-width:900px){header{height:88px;padding:18px 20px}h1{font-size:17px}main{grid-template-columns:1fr}.stage{height:60dvh;min-height:390px}aside{padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-heading{grid-column:1/-1}.panel-heading h2{margin-bottom:0}#actions{grid-row:span 3}fieldset{margin:0}.capture-area{margin:0}.scene-label{left:20px;top:20px}}@media(max-width:540px){header .quiet{font-size:12px}aside{display:block}fieldset{margin-bottom:23px}.panel-heading{margin-bottom:24px}.hint{font-size:11px;padding:9px 12px}.brand{gap:9px}.brand-icon{font-size:28px}h1{font-size:15px}.brand small{font-size:10px}.stage{min-height:360px;height:52dvh}}
.living-note{font-size:12px;color:#7b8983;line-height:1.8;margin:12px 0 20px}.activity{font-size:13px;color:#79857f;margin:7px 0 18px 18px}.character{flex-wrap:wrap}select{max-width:122px}#views{flex-wrap:wrap}#views button{flex:1 0 28%}#together button{font-size:12px}aside{padding-top:28px}.row{justify-content:flex-end}.panel-heading h2{font-size:19px}