@import "https://fonts.googleapis.com/css2?family=gg+sans:wght@400;500;600&display=swap";@media print{.topbar,.message-actions,.edit-btn,.delete-btn,.chat:after{display:none!important}@page{margin:0;padding:28px}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background-color:var(--bg)!important;color:var(--text)!important;margin:0!important;padding:0!important;overflow:visible!important}.app,.chat,main{height:auto!important;padding:0!important;display:block!important;overflow:visible!important}.name{margin-bottom:.1rem}.message{position:relative;page-break-inside:avoid!important;break-inside:avoid!important;padding:0 1rem!important;display:flex!important}.message.first{padding-top:.95rem!important}.message.continued{padding-top:0!important}.message.last{padding-bottom:.5rem!important}.content{overflow:visible!important}}:root{--bg:#313338;--text:#ebf8ff;--subtext:#8a8f98;--card:#313338;--card2:#232428;--hover:#37393e;--hover2:#383a40;--hover3:#633c42;--border:#212325;--border2:#494e55;--scroll:#4f545c;--scroll2:#6d6f78;--accent:#5865f2}[data-theme=light]{--bg:#fff;--text:#2e3338;--subtext:#7a7c84;--card:#fff;--card2:#f2f3f5;--hover:#e9eaed;--hover2:#f2f3f5;--hover3:#e9d9dc;--border:#d1d5db;--border2:#dedfe1;--scroll:#c1c1c1;--scroll2:#a8a8a8;--accent:#5865f2}.message-text{word-break:break-word;white-space:pre-wrap;line-height:1.5}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text u{text-decoration:underline}.message-text del{opacity:.6;text-decoration:line-through}.message-text code{background:var(--card2);border-radius:3px;padding:2px 4px;font-family:Consolas,monospace;font-size:.9em}.message-text pre{background:var(--card2);border-radius:5px;margin:.5rem 0;padding:12px 14px;font-family:Consolas,monospace;font-size:.9em}.message-text blockquote{border-left:4px solid var(--border2);color:var(--text);margin:0;padding:2px 0 2px 12px;line-height:1.375rem}.message-text h1{margin:0;font-size:1.5rem;font-weight:700}.message-text h2{margin:0;font-size:1.25rem;font-weight:700}.message-text h3{margin:0;font-size:1rem;font-weight:700}.md-list-item{align-items:flex-start;margin:0;padding-left:8px;line-height:1.5;display:flex}.md-list-item .bullet{color:var(--text);margin-right:8px;font-weight:700}.page-main{background:#0d0e10!important}.guide-link{color:inherit;text-decoration:none;transition:color .2s}.guide-link:hover{color:#5865f2;text-decoration:underline}body{background:var(--bg);color:var(--text);margin:0;font-family:gg sans,Noto Sans KR,sans-serif;overflow:hidden}.chat{height:calc(100vh - 48px);margin:auto;padding:20px;overflow-y:auto}.coc-target,.dice-line,.coc-line,.extra-status,.extra-damage,.extra-text,p{font-weight:400}.name,.dice-title,.dice-result,.coc-title,.coc-target,.coc-meta-line,.extra-text,.extra-damage{font-weight:700}.coc-title,.dice-title,.name,.message,p{font-size:.875rem}.coc-target,.coc-meta-line,.coc-extra-text,.coc-extra-damage,.coc-line,.edit-input,.dice-line{font-size:.8125rem}.message{gap:.75rem;max-width:100%;padding:0 1rem;display:flex;position:relative}.message.first{padding-top:.95rem}.message.last{padding-bottom:.5rem}.message:hover,.message.continued:hover{background:var(--hover)}.message.continued{padding-top:0}.message.continued .content{margin-left:3.25rem}.attachment-image{border-radius:8px;max-width:100%;max-height:20rem;margin-top:.5rem;display:block}.avatar{border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.name{color:var(--text);margin-bottom:.1rem;display:flex;position:relative}.content{min-width:0}.content p{word-break:break-all;margin:0;line-height:1.5}.embed,.dice-card,.coc-card,.status-card{border-radius:.25rem;margin-top:.375rem;position:relative;overflow:hidden}.embed:before,.dice-card:before,.coc-card:before,.status-card:before{content:"";border-radius:.25rem;width:.25rem;position:absolute;top:-.0625rem;bottom:-.0625rem;left:0}.embed{border-radius:4px;padding:.5rem .625rem}.embed:before{background:#5865f2}.dice-card{max-width:20rem;margin-top:6px;padding:.625rem .75rem}.dice-card:before{background:#5865f2}.dice-title{margin-bottom:6px}.dice-line{margin-bottom:2px}.coc-card{border-radius:4px;margin-top:6px;padding:10px 12px}.coc-fail:before{background:#ed4245}.coc-success:before{background:#3ba55d}.coc-hard:before{background:#faa61a}.coc-extreme:before{background:#f97316}.coc-status:before{background:#5865f2}.coc-title{margin-bottom:6px}.coc-line.fail{color:#ed4245}.coc-line.hard{color:#3ba55d}.coc-line.extreme{color:#faa61a}.coc-meta-line{margin:6px 0}.coc-extra-damage,.coc-extra-text{margin-top:6px}.message-actions{opacity:0;gap:.25rem;display:flex;position:absolute;right:1rem}.message:hover .message-actions{opacity:1}.message-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.edit-btn{color:#b5bac1}.edit-btn:hover{background:var(--card2)}.delete-btn{color:#ed4245}.delete-btn:hover{background:var(--hover3)}.edit-box{margin-top:.25rem}.edit-input{box-sizing:border-box;background:var(--bg);width:200%;min-height:2.75rem;color:var(--text);border:1px solid var(--border2);border:.0625rem solid var(--border2);resize:vertical;border-radius:.375rem;outline:none;padding:.625rem;font-family:inherit}.edit-input:focus{border-color:#5865f2;box-shadow:0 0 0 1px #5865f2}.edit-actions{gap:6px;margin-top:6px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.save-btn:hover{background:#4752c4}.cancel-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.cancel-btn:hover{text-decoration:underline}.extra-status{margin:2px 0}.embed,.status-card{background:var(--card)}.dice-card,.coc-card{background:var(--card2)}.status-desc{color:var(--text)}.main-page{box-sizing:border-box;white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1.25rem;height:100vh;padding:1rem;display:flex}.logo-hash,.upload-icon,.upload-btn{background-image:linear-gradient(to bottom right, var(--tw-gradient-from), var(--tw-gradient-to));--tw-gradient-from:#5865f2;--tw-gradient-to:#7289da}.logo{align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:.15em;color:#fff;font-size:3rem;font-weight:900}.logo-hash{color:#fff;border-radius:.75rem;padding:5px 15px;font-size:1.5rem;font-weight:700;line-height:2rem;transform:translateY(3px)}.subtitle{color:#b5bac1;font-size:14px}.upload-icon{border-radius:9999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.upload-box{cursor:pointer;text-align:center;background:#1e2024;border:.125rem dashed #3f4147;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:20rem;height:11.25rem;padding:3rem 0;transition:all .2s;display:flex;position:relative}.upload-box.drag,.upload-box:hover{border-color:var(--accent);background:#5865f21a}.upload-text{color:#fff;font-size:1rem;font-weight:600}.upload-btn{color:#fff;cursor:pointer;border:none;border-radius:624.938rem;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.upload-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #5865f259}.folder-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.guide{color:#949ba4;font-size:12px}.loader{border:4px solid #2b2d31;border-top-color:#5865f2;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{border-bottom:.0625rem solid var(--border);z-index:10;background:var(--card);border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:3rem;padding:0 1rem;display:flex;position:sticky;top:0}.channel{color:var(--text);font-weight:600}.channel-area{align-items:center;gap:.625rem;display:flex}.back-btn{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:.375rem;margin:6px 0 1px;padding:.375rem}.back-btn:hover{background:var(--hover2)}.actions{gap:.5rem;display:flex}.actions button{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.actions button:hover{background:var(--hover2)}.actions button:not(.theme-btn){border:1px solid var(--border2)}.actions button svg{display:block;position:relative;top:1px}.actions button,.back-btn,.upload-btn{transition:background .15s,transform 80ms,box-shadow .15s}::-webkit-scrollbar{width:.625rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:.375rem}::-webkit-scrollbar-thumb:hover{background:var(--scroll2)}.app{width:100vw}.chat:after{content:"";height:2.5rem;display:block}.page{animation:.75s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}body{transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}.app,.topbar,.embed,.dice-card,.coc-card,.status-card{transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:.5rem;width:100%;min-width:33.75rem;max-width:42rem;max-height:85vh;padding:1rem 1.5rem;position:relative;overflow-y:auto;box-shadow:0 1.25rem 3.75rem #0009}.modal-header{border-bottom:.0625rem solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.close{cursor:pointer;width:2rem;height:2rem;color:var(--text);background:0 0;border:none;border-radius:.375rem;font-size:1.125rem;font-weight:600}.close:hover{background-color:var(--hover2)}.modal-list{background-color:var(--card2);border-radius:.5rem;flex-direction:column;gap:.75rem;height:10.45rem;margin:1rem 0;padding:.75rem;display:flex;overflow-y:auto}.row{align-items:center;gap:.75rem;display:flex}.thumb{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:5rem;height:5rem}.arrow{color:#aaa}.input-wrap{flex-direction:column;flex:1;display:flex}.input-label{color:var(--subtext);margin-bottom:.375rem;font-size:.75rem;font-weight:500}.input{background:var(--bg);color:var(--text);border:1px solid #0000;border-radius:6px;flex:1;padding:8px;font-size:.875rem}.input:focus{border-color:#5865f2;outline:none}.preview{background:#0000001a;border-radius:.375rem;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex}.preview img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}.preview-empty{color:#777;justify-content:center;align-items:center;display:flex}.preview-error{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:10px;display:flex}.preview-error .icon{font-size:14px}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-actions button{white-space:nowrap;cursor:pointer;border-radius:.375rem;padding:.5rem 1rem}.m-save-btn{color:#fff;background:#5865f2;border:none}.m-save-btn:hover{background:#4752c4}.m-save-btn:disabled{opacity:.5;cursor:not-allowed;background:#5865f2}.m-copy-btn{color:var(--text);border:1px solid var(--border2);background:0 0}.m-copy-btn:hover{background:var(--hover2)}.modal-action-wrap{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0 0;display:flex}.help-icon{background:var(--card2);cursor:pointer;width:32px;height:32px;color:var(--subtext);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.help-icon:hover{background:var(--hover2);color:var(--text)}.help-tooltip{background:var(--card);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:999;border-radius:8px;width:320px;padding:12px;font-size:12px;line-height:1.5;transition:all .2s;position:absolute;bottom:42px;left:0;transform:translateY(6px);box-shadow:0 10px 30px #00000080}.help-icon:hover .help-tooltip,.help-icon:active .help-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip-title{color:var(--text);margin-bottom:6px;font-weight:600}.tooltip-text{color:var(--text);word-break:keep-all;margin-bottom:6px}.tooltip-warning{color:#858fff;word-break:keep-all;margin-top:6px}.tooltip-divider{background:var(--border);height:1px;margin:8px 0}@media (width<=640px){.chat{padding:10px}.app,.chat,.topbar{min-width:100%}.message{gap:.5rem;padding:0 .5rem}.message.first{padding-top:.75rem}.avatar{width:2rem;height:2rem}.message.continued .content{margin-left:2.5rem}.embed,.dice-card,.coc-card,.status-card{box-sizing:border-box;padding:8px 10px;max-width:100%!important}.dice-card{width:auto}.edit-input{width:100%;min-height:2.5rem}.topbar{justify-content:space-between;padding:0 .5rem;min-width:100%!important}.channel{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;overflow:hidden}.actions{gap:4px}.actions button{gap:0;padding:8px;font-size:0;border:none!important}.actions button svg{width:20px;height:20px;margin:0}.channel-area{gap:4px}.modal{min-width:90%;max-width:95%;padding:1rem}.modal-list{height:auto;max-height:300px}.thumb{width:4rem;height:4rem}.help-tooltip{left:50%;transform:translate(-50%)}.attachment-image{border-radius:4px;max-width:100%}button,.help-icon,.back-btn{-webkit-tap-highlight-color:transparent}}.toast-alert{color:#fff;z-index:1100;opacity:0;pointer-events:none;background-color:#ff4d50;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:500;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);display:flex;position:absolute;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-alert.show{opacity:1;top:20px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.input.error-border{outline:none;border-width:2px!important;border-color:red!important}.error-message{color:red;margin-top:4px;font-size:12px;display:block}.font-body{padding:16px 0}.font-row{align-items:center;gap:10px;display:flex}.font-label{color:var(--text);min-width:50px;font-size:14px}.font-input{border:1px solid var(--border2);background:var(--bg);color:var(--text);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;border-radius:6px;outline:none;flex:1;padding:8px;font-size:.875rem}.font-input::-ms-expand{display:none}.font-input:focus{border-color:#5865f2;outline:none;box-shadow:0 0 0 1px #5865f2}.font-desc{color:var(--subtext);margin-top:8px;margin-left:70px;font-size:12px}.font-preview{background:var(--card2);border-radius:8px;margin-top:16px;padding:16px;font-size:15px;line-height:1.6}.font-error{color:#ed4245;margin-top:8px;font-size:14px}.preview-title{color:var(--subtext);margin-bottom:8px;font-size:13px}.reset-font-btn{color:var(--subtext);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:13px}.reset-font-btn:hover{background:var(--hover2);color:var(--text)}