html,body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{position:fixed;inset:0}
.stage{height:var(--viewport-height,100dvh);min-height:0;overflow:hidden;padding:12px 24px 14px}.toolbar{min-height:42px;flex:0 0 42px;margin-bottom:8px}
.settings-toggle,.restart-button{background:#e6ddc7d9;border:1px solid #b8aa91;border-radius:3px;padding:7px 13px;min-height:39px;font-size:17px;display:flex;gap:12px;align-items:center;white-space:nowrap;flex-shrink:0}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-actions .paper-button{font-size:18px;padding:8px 15px;min-height:42px}
.settings-panel{width:min(1260px,100%);flex-shrink:0;color:#f1e7d2;border-block:1px solid #d0c3a365;padding:10px 0;margin-bottom:8px}.settings-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-links a{color:inherit;text-decoration:none;font-size:17px;line-height:1.4}.settings-links small{display:block;font-family:var(--ui);font-size:10px;line-height:1.5;opacity:.8;margin-top:4px}
.sound-settings{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:16px}.sound-settings input{width:150px;max-width:35%;accent-color:#cabe9f}.sound-settings button{background:#efe4c975;color:#292c23;border:1px solid #d4c7a8;padding:5px 12px;min-height:36px}.sound-settings button[aria-pressed=true]{background:#ecdfbfe6}.settings-note{font-family:var(--ui);font-size:10px;line-height:1.5;opacity:.75;margin:7px 0 0}
#view-root{position:relative;min-height:0;flex:1;width:100%;overflow:hidden}#view-root .scene{position:absolute;top:50%;left:50%;flex:none;max-width:none;min-height:0;transform:translate(-50%,-50%) scale(var(--fit,1));transform-origin:center;animation:none;padding-top:0}
#view-root .cover-scene{display:flex;align-items:center;justify-content:center}#view-root .album-cover{width:min(900px,90%);height:610px;min-height:0}#view-root .book-scene{justify-content:center}#view-root .album-book{width:100%;height:650px;min-height:650px;max-height:none;flex:none}#view-root .page{padding-top:36px;padding-bottom:68px}#view-root .page-navigation{bottom:12px}#view-root .book-footer{min-height:51px;flex:none;align-items:flex-end}#view-root .close-button{font-size:17px;min-height:40px}
#view-root .truth-page .truth-copy{font-size:19px;line-height:1.65;margin-top:15px}#view-root .truth-page .truth-heading{font-size:28px;line-height:1.5}#view-root .truth-page .ending-whisper{margin-top:15px;font-size:17px}#view-root .truth-page .share-button{margin-top:18px;font-size:17px}
.image-surface{touch-action:manipulation}.image-surface[data-ready=error]::after{content:'写真を読み込めませんでした。';position:absolute;inset:0;display:grid;place-items:center;font-size:15px}.share-button{display:block;width:fit-content;margin:25px auto 0;color:var(--ink);text-decoration:none;font-size:18px;min-height:44px;padding:9px 25px;text-align:center}
.ending-note span{display:inline-block;white-space:nowrap}
.storage-note{font-size:21px;line-height:1.8;margin:20px 0 0}
.image-surface,.source-image{-webkit-touch-callout:default}.source-image{-webkit-user-select:auto;user-select:auto}
.title-label,.title-surface,.title-surface .source-image{-webkit-user-select:none;user-select:none}
.title-surface{color:inherit;text-decoration:none;-webkit-touch-callout:default}
.title-surface .visible-image{-webkit-user-select:none;user-select:none}
.title-surface .source-image{-webkit-touch-callout:default}
@media(max-width:760px){
 .storage-note{font-size:16px;line-height:1.7;margin:16px 0 0}
 html.answer-editing .stage{transform:translateY(var(--viewport-top,0px))}
 html.answer-editing .settings-panel{display:none}
 html.answer-editing #view-root .scene{top:8px;transform:translateX(-50%);padding:0}
 html.answer-editing #view-root .album-book{min-height:0;height:auto;padding-bottom:9px}
 html.answer-editing #view-root .page-left,html.answer-editing #view-root .page-navigation,html.answer-editing #view-root .book-footer{display:none}
 html.answer-editing #view-root .page-right{padding:16px 21px}
 html.answer-editing #view-root .question-form{margin:0 auto}
 html.answer-editing #view-root .question-form input,html.answer-editing #view-root .cover-answer input{font-size:22px;height:46px}
 html.answer-editing #view-root .question-form label{margin-bottom:10px;font-size:19px}
 html.answer-editing #view-root .question-form button[type=submit]{margin-top:12px}
 html.answer-editing #view-root .question-form .feedback:empty{display:none}
 html.answer-editing #view-root .album-cover{height:auto;aspect-ratio:auto;min-height:0;padding:22px 18px 22px 34px}
 html.answer-editing #view-root .cover-content{position:relative;inset:auto;width:100%;padding:0}
 html.answer-editing #view-root .title-label,html.answer-editing #view-root .stars-label,html.answer-editing #view-root .open-button,html.answer-editing #view-root .desk-caption{display:none}
 html.answer-editing #view-root .cover-answer{margin:0;width:100%}
 html.answer-editing #view-root .cover-answer .feedback:empty{display:none}
}
.connection-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px;text-align:center;color:#f4e9d4;background:#575249e6;border:1px solid #ab9c7b;z-index:5;width:min(400px,90%);font-size:19px}.connection-status p{margin:0 0 12px}.connection-status .paper-button{font-size:18px}
.aux-dialog{position:relative;margin:auto;width:min(450px,calc(100vw - 30px));max-height:calc(var(--viewport-height,100dvh) - 20px);overflow:hidden;padding:30px;background:#e7dcc4 var(--paper-image) center/cover;color:var(--ink);border:1px solid #9b8a6d;border-radius:5px;box-shadow:0 18px 70px #17181288}.aux-dialog::backdrop{background:#171b17bd;backdrop-filter:blur(3px)}.aux-dialog h2{font-size:25px;font-weight:400;margin:0 35px 15px 0}.aux-dialog p{font-size:17px;line-height:1.8;white-space:pre-line}.aux-dialog .dialog-note{font-family:var(--ui);font-size:12px;line-height:1.7;color:#736951}.dialog-close{position:absolute;top:8px;right:10px;width:44px;height:44px;font-size:29px;background:transparent}
#records-data{display:grid;grid-template-columns:1fr auto;gap:14px 20px;font-size:20px;margin:25px 0 15px}#records-data dt,#records-data dd{margin:0}#retry-records{font-size:17px;padding:8px 20px;min-height:40px}.photo-dialog{max-height:calc(var(--viewport-height,100dvh) - 24px);overflow:hidden}#preview-image{max-height:calc(var(--viewport-height,100dvh) - 120px)}#preview-status{font-size:17px;text-align:center}
@media(max-width:760px){.stage{padding:calc(7px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.toolbar{margin-bottom:5px;min-height:39px;flex-basis:39px;gap:6px}.settings-toggle,.restart-button{min-height:35px;font-size:15px;padding:5px 8px;gap:7px}.settings-panel{padding:8px 2px;margin-bottom:5px}.settings-links{gap:12px}.settings-links a{font-size:15px}.settings-links small{font-size:9px}.sound-settings{gap:8px;font-size:14px;margin-top:8px}.sound-settings button{min-height:34px;padding:4px 9px}
 #view-root .album-cover{width:100%;height:auto;aspect-ratio:365/545}#view-root .desk-caption{margin-top:17px;font-size:12px}#view-root .album-book{height:auto;min-height:0;padding-bottom:56px}#view-root .page{padding:19px 21px 0;flex:none}#view-root .page-right{padding-top:21px;padding-bottom:9px}#view-root .story-note{font-size:15px;line-height:1.7;margin-bottom:19px}#view-root .opening-kicker{font-size:13px;margin-bottom:12px}#view-root .example-photo{max-width:230px}#view-root .instruction-title{font-size:22px;margin-bottom:12px}#view-root .instruction-copy{font-size:17px;line-height:1.65}#view-root .tiny-note{font-size:14px;line-height:1.7;margin-top:18px}#view-root .photo-note{font-size:16px;line-height:1.65;margin-top:14px}
 #view-root .question-form label{font-size:20px;margin-bottom:13px}#view-root .question-form input{height:45px;font-size:22px}#view-root .question-form button[type=submit]{margin-top:15px;min-height:43px}#view-root .question-form .feedback{margin-top:8px;min-height:1.6em;font-size:15px}#view-root .answer-mark{font-size:17px;margin-top:10px}#view-root .page-navigation{bottom:6px}#view-root .page-navigation button{height:42px}#view-root .book-footer{min-height:49px}#view-root .close-button{font-size:16px;min-height:39px;padding:8px 22px}
 #view-root .album-book[data-page='4'] .page-right{min-height:0;padding-top:24px;padding-bottom:21px}#view-root .ending-note{font-size:29px;line-height:1.8}#view-root .share-button{margin-top:22px;font-size:18px}#view-root .album-book.truth-page .page-left{padding-top:22px}#view-root .truth-page .ending-photo{max-width:260px;margin:0 auto}#view-root .album-book.truth-page .page-right{padding:16px 25px 12px}#view-root .truth-page .truth-heading{font-size:24px;line-height:1.5}#view-root .truth-page .truth-copy{font-size:16px;line-height:1.6;margin-top:14px}#view-root .truth-page .ending-whisper{font-size:15px;line-height:1.6;margin-top:13px}#view-root .truth-page .share-button{font-size:16px;min-height:40px;padding:7px 22px;margin-top:14px}.aux-dialog{padding:25px 23px}.aux-dialog h2{font-size:23px}#records-data{font-size:18px;gap:12px 15px;margin:20px 0 13px}}