:root{--green:#cf382e;--pale:#fff1ef;--ink:#25272c;--muted:#6d727b;--line:#e7e8eb;--coral:#c3342c}
body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif}
.header-flame{width:26px;height:30px;object-fit:contain;margin-right:8px;vertical-align:middle}
button.primary:hover{background:#b92d24}button:hover{background:#f5f6f8}.avatar.me{background:#354c68}.badge.green{color:#24725a;background:#ecf7f0}.progress>div{background:#31956e}.room:hover{border-color:#e39b95}.brand span{letter-spacing:0}.mascot{background-image:url('mascot-flame.png')}#toast{background:#303640;width:max-content;max-width:calc(100vw - 32px)}
.brand{display:flex;align-items:center;gap:10px;padding:0}.brand img{width:40px;height:40px;object-fit:contain}.brand span{margin:0}
.brand-text{display:flex;flex-direction:column}.brand-text b{font-size:25px}.brand-text small{font-size:10px;color:var(--muted)}
.room h3,.heading h1,.profile-summary h2,.rulelist dd{overflow-wrap:anywhere}
button:focus-visible,a:focus-visible{outline-color:#ffad9e}.trial{background:#fff;border-color:#ecd3cf}
.native-app header{padding-top:env(safe-area-inset-top);height:calc(61px + env(safe-area-inset-top))}
.native-app .sidebar{padding-bottom:env(safe-area-inset-bottom);height:calc(67px + env(safe-area-inset-bottom))}
.native-app main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.native-app #toast{bottom:calc(82px + env(safe-area-inset-bottom))}
@media(max-width:640px){.brand{display:none}.heading h1{font-size:24px}.profile-summary{gap:12px}.heading .primary{flex-shrink:0}.stat strong small{display:block;margin:4px 0 0}.days{gap:4px;justify-content:space-between}.day{width:34px;height:34px}.modal-body{overflow-wrap:anywhere}}