/* A11-315 · 대램툰. 원본 이미지 비율을 유지하는 만화 피드 */
.home .home-daeramtoon-tile{
  appearance:none;display:block;position:relative;width:100%;height:72px;min-height:72px;
  margin:8px 0 0;padding:0;overflow:hidden;border:1px solid #d3a72a;
  border-radius:12px;background:#ffd93d;box-shadow:0 4px 13px rgba(120,86,1,.14);cursor:pointer;
}
.home .home-daeramtoon-tile>img{display:block;width:100%;height:100%;object-fit:fill}
.home .home-daeramtoon-tile:active{transform:scale(.995);filter:brightness(.96)}
.home .home-daeramtoon-tile:focus-visible{outline:3px solid #e1a721;outline-offset:3px}
.daeramtoon-view{background:#f8f9fc;color:#18191f;min-height:100vh}
.daeramtoon-header{display:flex;align-items:center;gap:8px;justify-content:space-between}
.daeramtoon-header-title{font-size:17px;font-weight:900;letter-spacing:-.6px;white-space:nowrap}
.daeramtoon-upload-button{border:1px solid #e7bd46;background:#ffdf68;border-radius:11px;padding:8px 11px;
 font-weight:850;font-size:12px;color:#2a2415;white-space:nowrap;cursor:pointer}
.daeramtoon-feed{width:min(100%,720px);margin:0 auto;padding:14px 12px calc(58px + env(safe-area-inset-bottom))}
.daeramtoon-status{text-align:center;font-size:13px;color:#737783;padding:34px 10px;line-height:1.6}
.daeramtoon-status[hidden]{display:none!important}
.daeramtoon-list{display:grid;gap:15px}
.daeramtoon-post{min-width:0;background:#fff;border:1px solid #e4e6ec;overflow:hidden;border-radius:14px;box-shadow:0 5px 22px rgba(17,27,50,.045)}
.daeramtoon-comic{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:#fff}
.daeramtoon-comic-error{padding:30px;text-align:center;color:#777;font-size:12px}
.daeramtoon-post-actions{display:flex;justify-content:flex-end;padding:9px 12px;background:#fff;border-top:1px solid #f0f0f2}
.daeramtoon-comment-toggle{border:0;background:#fff8de;color:#7e5700;font-size:12px;font-weight:800;
 border-radius:100px;padding:9px 13px;cursor:pointer}
.daeramtoon-comments{padding:0 13px 14px;border-top:1px solid #f3f3f6}
.daeramtoon-comments[hidden]{display:none!important}
.daeramtoon-comment-list{display:grid;gap:0}
.daeramtoon-comment{padding:11px 0;border-bottom:1px solid #f1f2f4}
.daeramtoon-comment-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}
.daeramtoon-comment-head strong{font-size:12px;font-weight:850;overflow-wrap:anywhere}
.daeramtoon-comment-head time{font-size:10px;color:#89909c}
.daeramtoon-comment-text{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.daeramtoon-comment-empty{font-size:12px;color:#777;text-align:center;padding:18px 0}
.daeramtoon-comment-more{width:100%;font-size:12px;font-weight:750;border:1px solid #ddd;border-radius:9px;padding:9px;background:#fff;cursor:pointer;margin:12px 0}
.daeramtoon-comment-form{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:6px;align-items:stretch;margin-top:12px}
.daeramtoon-comment-form input{min-width:0;max-width:100%;padding:11px 8px;background:#fbfbfd;color:inherit;border:1px solid #dedfe4;border-radius:10px;font-size:12px}
.daeramtoon-comment-form button{border:0;border-radius:10px;background:#ffcf40;color:#3d2900;font-size:12px;font-weight:850;padding:0 12px;cursor:pointer}
.daeramtoon-comment-status{font-size:11px;color:#9b5c0a;min-height:0;margin-top:6px}
.daeramtoon-more{display:block;width:100%;margin-top:14px;padding:13px;border:1px solid #d8d9df;border-radius:11px;
 background:#fff;color:#333;font-size:13px;font-weight:800;cursor:pointer}
.daeramtoon-more[hidden]{display:none!important}
.daeramtoon-upload-dialog{width:min(92vw,430px);max-height:85dvh;padding:0;border:1px solid #e3e4ea;
 border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.22);background:#fff;color:#1b1b21}
.daeramtoon-upload-dialog::backdrop{background:rgba(0,0,0,.55)}
.daeramtoon-upload-dialog form{padding:20px;display:grid;gap:13px}
.daeramtoon-dialog-head{display:flex;align-items:center;justify-content:space-between}
.daeramtoon-dialog-head strong{font-size:18px;font-weight:900}
.daeramtoon-dialog-head button{border:0;background:transparent;font-size:18px;padding:6px;cursor:pointer}
.daeramtoon-upload-dialog p{font-size:12px;color:#6e6d77;line-height:1.5;margin:0}
.daeramtoon-upload-dialog label{font-size:12px;font-weight:800;display:grid;gap:6px}
.daeramtoon-upload-dialog input{width:100%;min-width:0;border:1px solid #dadbe0;border-radius:10px;padding:10px;color:inherit;background:#fff;font-size:13px}
.daeramtoon-upload-preview{width:100%;height:auto;max-height:210px;object-fit:contain;background:#f6f7f9;border-radius:10px}
.daeramtoon-upload-preview[hidden]{display:none!important}
.daeramtoon-upload-status{font-size:12px;color:#b54c35;min-height:16px}
.daeramtoon-dialog-actions{display:flex;gap:8px;justify-content:flex-end}
.daeramtoon-dialog-actions button{border:1px solid #ddd;border-radius:10px;padding:10px 15px;background:#f9f9f9;font-size:13px;font-weight:800;cursor:pointer}
.daeramtoon-dialog-actions button[type=submit]{border-color:#ecc340;background:#ffd84d}
.daeramtoon-dialog-actions button:disabled,.daeramtoon-comment-form button:disabled{opacity:.5;cursor:wait}
@media(max-width:390px){.daeramtoon-comment-form{grid-template-columns:70px minmax(0,1fr) auto;gap:5px}
.daeramtoon-comment-form input{font-size:11px;padding:10px 6px}.daeramtoon-comment-form button{padding:0 8px;font-size:11px}}
html[data-theme="night"] .daeramtoon-view{background:#141517;color:#f1f1f3}
html[data-theme="night"] .daeramtoon-post,html[data-theme="night"] .daeramtoon-post-actions,html[data-theme="night"] .daeramtoon-comments{background:#242527;border-color:#3e3e42}
html[data-theme="night"] .daeramtoon-comment-form input{background:#292a2f;color:#f1f1f1;border-color:#494950}
html[data-theme="night"] .daeramtoon-comment-toggle{background:#49402b;color:#ffe2a1}
html[data-theme="night"] .daeramtoon-comment{border-color:#42434a}

/* A11-315: Scope popup palette so the site-wide night text is never rendered on white. */
.daeramtoon-upload-dialog{color-scheme:light;color:#1b2530}
.daeramtoon-upload-dialog .daeramtoon-dialog-head strong,
.daeramtoon-upload-dialog label{color:#1b2530}
.daeramtoon-upload-dialog .daeramtoon-dialog-head button{color:#384b5b}
.daeramtoon-upload-dialog .daeramtoon-dialog-actions button{color:#27313b}
.daeramtoon-upload-dialog .daeramtoon-dialog-actions button[type=submit]{color:#392700}
.daeramtoon-upload-dialog input[type=file]{font-size:13px;line-height:1.6;cursor:pointer}
.daeramtoon-upload-dialog input[type=file]::file-selector-button{
 background:#e9eef3;border:1px solid #c6d1d8;border-radius:7px;
 padding:7px 10px;margin-right:9px;color:#21303b;font:inherit;font-weight:700;cursor:pointer
}
html[data-theme="night"] #daeramtoon.daeramtoon-view{background:#141a20;color:#e9f0f4}
html[data-theme="night"] #daeramtoon .daeramtoon-status{color:#adbdc7}
html[data-theme="night"] #daeramtoon .daeramtoon-post,
html[data-theme="night"] #daeramtoon .daeramtoon-post-actions,
html[data-theme="night"] #daeramtoon .daeramtoon-comments{background:#202932;border-color:#364650;color:#e9f0f4}
html[data-theme="night"] #daeramtoon .daeramtoon-comment-head time,
html[data-theme="night"] #daeramtoon .daeramtoon-comment-empty{color:#adbdc7}
html[data-theme="night"] #daeramtoon .daeramtoon-comment-more,
html[data-theme="night"] #daeramtoon .daeramtoon-more{
 background:#26323b;color:#e9f0f4;border-color:#40505c
}
html[data-theme="night"] #daeramtoon .daeramtoon-comment-form input{
 background:#26323b;color:#e9f0f4;border-color:#40505c
}
html[data-theme="night"] #daeramtoon .daeramtoon-comment-form input::placeholder{color:#a6b7c2}
html[data-theme="night"] #daeramtoon-upload-dialog{
 color-scheme:dark;background:#202932;color:#e9f0f4;
 border:1px solid #42525d;box-shadow:0 24px 65px rgba(0,0,0,.65)
}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-dialog-head strong,
html[data-theme="night"] #daeramtoon-upload-dialog label{color:#f0f4f7}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-dialog-head button{color:#d5e0e7}
html[data-theme="night"] #daeramtoon-upload-dialog p{color:#b8c6cf}
html[data-theme="night"] #daeramtoon-upload-dialog input[type=file]{
 background:#26343e;color:#e9f0f4;border:1px solid #52636d
}
html[data-theme="night"] #daeramtoon-upload-dialog input[type=file]::file-selector-button{
 background:#384a56;color:#f4f8fa;border-color:#647680
}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-upload-preview{background:#16212a}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-upload-status{color:#ffba9c}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-dialog-actions button{
 background:#34434f;color:#ebf0f4;border-color:#52616b
}
html[data-theme="night"] #daeramtoon-upload-dialog .daeramtoon-dialog-actions button[type=submit]{
 background:#ffd24e;color:#322500;border-color:#ffd24e
}

/* A11-316: same angled NEW ribbon as other home tiles. */
.home .home-daeramtoon-tile>.home-corner-ribbon{right:-27px;top:16px}