:root { color-scheme:dark; font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif; background:#101713; color:#f5f4ed; }
.oauth-notice { padding:12px 14px; border:1px solid #f0c478; border-radius:12px; color:#fff0cb; background:#513c1c; }
.oauth-notice[hidden] { display:none; }
.app [hidden] {display:none!important;}
.app.editing .choices button {min-height:64px;touch-action:manipulation;}
.app.editing .choices button:focus-visible {outline:3px solid #c5ee9d;outline-offset:2px;}
.app.editing {height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));}
.app.editing header {flex:none;margin:0 0 7px;gap:10px;}
.app.editing header small {display:none;}
.app.editing h1 {font-size:clamp(16px,4vw,22px);}
.app.editing .steps {flex:none;margin-bottom:9px;}
.app.editing .steps span {padding:6px 2px;}
.app.editing .oauth-notice {flex:none;max-height:68px;overflow:auto;margin:2px 0 9px;font-size:12px;}
.app.editing .preview {position:relative;top:auto;flex:none;margin:0 auto;width:min(100%,480px,26dvh)!important;box-shadow:0 8px 24px #0009;}
.app.editing .preview[data-shape="landscape"] {width:min(100%,620px,55dvh)!important;}
.app.editing .preview[data-shape="square"] {width:min(100%,480px,34dvh)!important;}
.app.editing .panel:not([hidden]) {flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden;margin-top:10px;padding-bottom:0;}
.app.editing .panel-scroll {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 2px 10px;}
.app.editing .panel .buttons {position:relative!important;bottom:auto!important;z-index:1;flex:none;margin:0 -18px!important;padding:11px 18px max(12px,env(safe-area-inset-bottom))!important;background:#1b291f;border-top:1px solid #526550;}
.app.editing footer {display:none;}
.app.editing .covers button[data-id="auto"] {grid-column:1/-1;background:#34513a;border-color:#bce48c;}
.app.editing .covers button[data-id="auto"] b {font-size:17px;}
.app.editing .extra-choices {border-top:1px solid #526550;margin:12px 0;padding:10px 0;}
.app.editing .extra-choices summary {cursor:pointer;padding:8px 2px;color:#c5ee9d;font-size:13px;font-weight:700;}
.app.editing .extra-choices[open] summary {margin-bottom:10px;}
.app.editing #lookSummary,.app.editing #coverSummary {background:#111d15;border:1px solid #506e50;border-radius:10px;color:#dcedd1;padding:9px 12px;font-size:12px;margin:8px 0 12px;}
.app.editing #titleField small {display:block;margin-top:7px;color:#bccab6;line-height:1.5;}
@media (max-height:600px) {.app.editing .preview {width:min(100%,480px,21dvh)!important}.app.editing .preview[data-shape="landscape"] {width:min(100%,620px,44dvh)!important}.app.editing .preview[data-shape="square"] {width:min(100%,480px,28dvh)!important}}
* {box-sizing:border-box} body {margin:0;background:radial-gradient(circle at 50% 0,#284737,#101713 50%);min-height:100dvh} button,input,textarea {font:inherit} button,.button {border:1px solid #657d64;border-radius:12px;padding:11px 16px;color:#fff;background:#233729;cursor:pointer;text-align:center} button:disabled {opacity:.55;cursor:wait} button.main {border-color:#c5ee9d;background:#c5ee9d;color:#142418;font-weight:800} .app {max-width:720px;margin:auto;padding:14px 16px calc(22px + env(safe-area-inset-bottom))} header {display:flex;align-items:center;gap:18px;margin:5px 0 14px} header>a {flex:none;color:#d6eecc;font-size:12px} header small {font-size:10px;letter-spacing:.18em;color:#b8dfa9} h1 {margin:2px 0;font-size:clamp(20px,5vw,30px)} h1 span {font-size:11px;color:#c6d4c1} h2 {font-size:19px;margin:0 0 9px} p {color:#cbd3c5;line-height:1.55;font-size:13px;margin:4px 0 14px} a {color:#b5ef9c}.steps {display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.steps span {padding:9px 2px;border:1px solid #526550;border-radius:9px;color:#9fab99;text-align:center;font-size:11px}.steps span.active {background:#c5ee9d;color:#142418;font-weight:800;border-color:#c5ee9d}.preview {position:relative;display:grid;place-items:center;width:min(100%,480px,46dvh);min-height:0;aspect-ratio:3/4;margin:auto;background:#080e0a;border-radius:17px;overflow:hidden;box-shadow:0 20px 65px #0009;touch-action:pan-y}.preview video,.preview canvas {width:100%;height:100%;object-fit:cover;display:block}.preview [hidden] {display:none} .preview #empty {padding:32px;text-align:center}.panel {background:#1b291f;padding:18px;margin-top:14px;border:1px solid #526550;border-radius:17px}.panel[hidden] {display:none}.buttons {display:flex;flex-wrap:wrap;gap:8px;align-items:center}.buttons>* {flex:1;min-width:130px}.choices {display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:8px;margin:12px 0 18px}.choices button {padding:12px;text-align:left;min-height:64px}.choices button.selected {border:2px solid #c5ee9d;background:#435e3e}.choices b,.choices small {display:block}.choices small {font-size:10px;color:#cbd3c5;margin-top:5px} label:not(.button) {display:block;font-size:13px;margin:14px 0} input:not([type=file]),textarea {display:block;width:100%;border:1px solid #789077;border-radius:9px;background:#0b160e;color:white;padding:11px;margin-top:6px} fieldset {border:1px solid #526550;border-radius:10px;margin:16px 0} fieldset label {display:flex!important;gap:8px;align-items:center;margin:9px 0!important;word-break:break-word} fieldset input {width:auto!important;margin:0!important}.status {min-height:18px;color:#d5e9be}#postResults a {display:block;margin:8px 0} footer {text-align:center;font-size:10px;color:#91a48c;margin:20px}

.app.editing .diary-fields {border:1px solid #a4b792;border-radius:12px;background:#26362a;padding:12px;margin:12px 0;}
.app.editing .diary-fields label {margin:9px 0;}
.app.editing #threadPreview p {white-space:pre-wrap;background:#122016;border:1px solid #526550;padding:12px;border-radius:9px;overflow-wrap:anywhere;}
.app.editing #threadSummary {color:#d9edbd;}
.app.editing input:not([type=file]),.app.editing textarea {font-size:16px;line-height:1.45;}
.app.editing .steps [data-step="post"] {background:#29412e;border-color:#b6e797;color:#ecffda;cursor:pointer;font-weight:700;min-width:0;padding:6px 1px;font-size:11px;}
.app.editing .steps [data-step="post"]:disabled {background:transparent;border-color:#526550;color:#9fab99;cursor:default;opacity:1;}
.app.editing .steps [data-step="post"].active {background:#c5ee9d;border-color:#c5ee9d;color:#142418;}
.app.editing .preview[data-shape="landscape"] {width:min(100%,620px,43dvh)!important;}
@media (max-height:600px) {.app.editing .preview[data-shape="landscape"] {width:min(100%,620px,32dvh)!important}}