*,*:before,*:after{box-sizing:border-box}#root{width:100%;justify-items:center}:root{--tsm-primary: #7abf00;--tsm-primary-hover: #5c9d00;--tsm-bg: #ffffff;--tsm-text: #1f2937;--tsm-label: #4b5563;--tsm-border: #e5e7eb;--tsm-gray-bg: #f3f4f6;--tsm-radius: 8px;--tsm-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--tsm-primary);text-decoration:inherit}a:hover{color:var(--tsm-primary-hover)}body{margin:0;display:block;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff;justify-items:center}main{justify-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,.clickable{touch-action:manipulation}input,textarea,select{font-size:16px!important}.header-wrapper{width:100%;margin-left:auto;margin-right:auto;font-family:Noto Sans KR,sans-serif;color:#333;display:block}.main-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.main-header-logo{max-width:10%;height:auto;cursor:pointer}.main-nav{display:flex;align-items:center;gap:10px;font-size:16px}.gallery-link,.mybook-link{font-size:16px!important}.main-nav a{margin:0 8px;color:var(--tsm-primary);font-weight:500;text-decoration:none}.main-nav a:hover{color:#598b01}.dropdown{position:relative}.dropdown summary{cursor:pointer}.dropdown-menu{position:absolute;list-style:none;padding:10px;margin:0;border:1px solid #ccc;background-color:#fff;z-index:110;width:max-content}.dropdown-menu li{margin-bottom:6px}.dropdown-menu li:last-child{margin-bottom:0}.logout-button{display:flex;align-items:center;padding:0;background-color:transparent;color:#000;border:none;outline:none;justify-content:center;width:100%}.logout-button:hover{outline:none;color:#636262}.logout-button:focus{outline:none}.mybook-link{position:relative;display:inline-block}.incomplete-books-bubble{color:red}@media (max-width: 1024px){.header-wrapper{padding-left:16px;padding-right:16px}.main-header-logo{max-width:10%;height:auto}.dropdown-menu{right:0;left:auto}.header-wrapper{padding-left:12px;padding-right:12px}.main-nav{justify-content:flex-start;gap:8px;font-size:14px;flex-wrap:wrap}.gallery-link,.mybook-link{font-size:14px!important}.main-nav a{margin:0 4px;border-radius:10px;display:inline-block}.logout-button{margin-top:12px}}.main-nav .nav-top,.main-nav .nav-bottom{display:contents}@media (max-width: 480px){.main-header-logo{max-width:20%;height:auto}.main-nav{display:flex;flex-direction:column;gap:6px;font-size:11px}.gallery-link,.mybook-link{font-size:11px!important}.main-nav .nav-top,.main-nav .nav-bottom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:100%;justify-content:end}.main-nav.is-guest .nav-top,.main-nav.is-guest .nav-bottom{display:inline-flex}.main-nav.is-guest{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.main-nav.is-guest .nav-sep{display:none}}.ob-flat-footer{width:100%;background:#f6f8fb;border-top:1px solid #e6e8ee;color:#444;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.ob-flat-footer__row{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.ob-flat-footer__left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ob-flat-footer__brand{font-weight:700;color:#222}.ob-flat-footer__bizBtn{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:none;background:transparent;color:#222;cursor:pointer;font-size:14px}.ob-flat-footer__bizBtn:hover{text-decoration:underline}.ob-flat-footer__caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #222;transition:transform .18s ease;transform-origin:50% 40%}.ob-flat-footer__caret.is-open{transform:rotate(180deg)}.ob-flat-footer__links{display:inline-flex;gap:16px;margin-left:8px}.ob-flat-footer__links a{color:#333;text-decoration:none;font-size:14px}.ob-flat-footer__links a:hover{text-decoration:underline}.ob-flat-footer__sns{display:inline-flex;align-items:center;gap:16px;color:#6b7280}.ob-flat-footer__sns a{color:#6b7280;display:inline-flex}.ob-flat-footer__sns a:hover{color:#4b5563}.ob-flat-footer__biz{max-height:0;overflow:hidden;transition:max-height .22s ease;background:#f6f8fb;border-top:1px solid #e6e8ee}.ob-flat-footer__biz.is-open{max-height:160px}.ob-flat-footer__bizInner{max-width:1200px;margin:0 auto;padding:10px 20px 12px;color:#333;font-size:13px;line-height:1.7}.ob-flat-footer__copy{max-width:1200px;margin:0 auto;padding:10px 20px 14px;font-size:12px;color:#778;border-top:1px solid #e6e8ee}@media (max-width: 720px){.ob-flat-footer__row{flex-direction:column;align-items:flex-start;gap:8px}.ob-flat-footer__sns{align-self:flex-end}}.popup-overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:#0006}.global-popup{position:absolute;background:#fff;border:1px solid #333;box-shadow:0 10px 25px #0006;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;max-width:90vw;max-height:90vh}.popup-size-small{width:300px}.popup-size-medium{width:400px}.popup-size-large{width:500px}.popup-content{background-color:#fff;min-height:100px;display:flex;justify-content:center;align-items:center;overflow-y:auto}.popup-content img{width:100%;height:auto;display:block}.popup-text{padding:30px 20px;white-space:pre-wrap;text-align:center;font-size:1.1rem;line-height:1.6;word-break:break-all;color:#333}.popup-footer{background-color:#222;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.popup-footer label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.popup-footer input[type=checkbox]{cursor:pointer;accent-color:#fff}.popup-footer button{background:none;border:none;color:#fff;font-weight:700;cursor:pointer;font-size:.9rem;padding:4px 8px}.popup-footer button:hover{text-decoration:underline}.chat-widget-wrapper,.admin-chat-wrapper{position:fixed;bottom:25px;right:25px;z-index:9999;font-family:Noto Sans KR,sans-serif}.chat-fab-btn{width:60px;height:60px;border-radius:50%;border:none;background-color:var(--tsm-primary);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;position:relative}.chat-fab-btn.admin{width:auto;padding:0 20px;border-radius:30px;font-size:15px;font-weight:700;background-color:#333}.chat-fab-btn:hover{transform:scale(1.05);background-color:var(--tsm-primary-hover)}.chat-fab-btn.admin:hover{background-color:#000}.unread-badge{position:absolute;top:-5px;right:-5px;background-color:#ff4d4f;color:#fff;border-radius:50%;padding:4px 8px;font-size:11px;font-weight:700;border:2px solid white;min-width:20px;text-align:center}.chat-window{width:360px;height:520px;background-color:#fff;border-radius:16px;box-shadow:0 5px 25px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid #eee}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background-color:var(--tsm-primary);color:#fff;padding:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.chat-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8}.chat-header button:hover{opacity:1}.chat-body{flex:1;padding:15px;overflow-y:auto;background-color:#f8f9fa;display:flex;flex-direction:column;gap:10px}.msg-bubble{max-width:75%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;word-break:break-all;position:relative}.my-msg{align-self:flex-end;background-color:var(--tsm-primary);color:#fff;border-bottom-right-radius:2px}.other-msg{align-self:flex-start;background-color:#e9ecef;color:#333;border-bottom-left-radius:2px}.chat-input-area{padding:12px;background-color:#fff;border-top:1px solid #eee;display:flex;gap:8px}.chat-input-area input{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:14px}.chat-input-area input:focus{border-color:var(--tsm-primary)}.chat-input-area button{padding:8px 16px;background-color:var(--tsm-primary);color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;font-size:13px}.admin-chat-container{width:750px!important;height:600px!important;background:#fff;border-radius:12px;box-shadow:0 5px 30px #00000040;display:flex;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid #ccc}.room-list{width:280px;background-color:#fff;border-right:1px solid #eee;overflow-y:auto}.room-list-header{padding:15px;background-color:#f8f9fa;border-bottom:1px solid #eee;font-weight:700;display:flex;justify-content:space-between}.room-item{padding:15px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:background .2s;position:relative}.room-item:hover{background-color:#f8f9fa}.room-item.active{background-color:#e3f2fd;border-left:4px solid var(--tsm-primary)}.room-name{font-weight:700;font-size:14px;margin-bottom:4px;color:#333}.room-last-msg{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-detail{flex:1;display:flex;flex-direction:column;background-color:#fff}.chat-body::-webkit-scrollbar,.room-list::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.msg-row{display:flex;align-items:flex-end;gap:5px;margin-bottom:10px}.my-row{flex-direction:row-reverse}.other-row{flex-direction:row}.msg-info{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:#999}.other-row .msg-info{align-items:flex-start}.read-sign{color:var(--tsm-primary);font-weight:700;margin-bottom:2px}.msg-time{white-space:nowrap}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.room-item{display:flex;flex-direction:column}@media screen and (max-width: 480px){.chat-widget-wrapper,.admin-chat-wrapper{right:15px;bottom:15px}.chat-window{position:fixed;right:15px;left:15px;bottom:85px;width:auto!important;height:70vh;max-height:600px;border-radius:12px}.admin-chat-container{position:fixed;top:0;left:0;width:100%!important;height:100%!important;max-height:100dvh;border-radius:0;flex-direction:column;z-index:10000;border:none}.admin-chat-container .room-list{width:100%;height:35%;border-right:none;border-bottom:2px solid #ddd;flex-shrink:0}.admin-chat-container .chat-detail{width:100%;height:65%;display:flex;flex-direction:column}.admin-chat-container .chat-body{flex:1;min-height:0}.chat-input-area input{font-size:16px}.chat-header button,.room-list-header button{font-size:20px;padding:10px}.chat-fab-btn{width:50px;height:50px;font-size:20px}}.notification-bubble{position:absolute;bottom:70px;right:0;background-color:#333;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 12px #00000026;animation:popIn .3s ease-out;z-index:1000}.notification-bubble:after{content:"";position:absolute;bottom:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}