@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";*,*:before,*:after{box-sizing:border-box}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-items:center}.app-route-state{width:min(92vw,440px);min-height:240px;margin:clamp(48px,12vh,120px) auto;padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#1f2937;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 14px 36px #1f29371a}.app-route-state__spinner{width:34px;height:34px;border:4px solid #e8f4cf;border-top-color:var(--tsm-primary);border-radius:50%;animation:app-route-state-spin .8s linear infinite}.app-route-state strong{font-size:20px}.app-route-state p{margin:0;color:#6b7280;font-size:14px;line-height:1.65}.app-route-state__actions{width:100%;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-route-state__actions button{min-height:44px;border:1px solid #d1d5db;background:#fff}.app-route-state__actions .app-route-state__primary{border-color:var(--tsm-primary);color:#fff;background:var(--tsm-primary)}@keyframes app-route-state-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.app-route-state{min-height:210px;margin-top:36px;padding:28px 20px}}: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%}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}a,button,.clickable{touch-action:manipulation}input,textarea,select{font-size:16px!important}input.profanity-blocked,textarea.profanity-blocked,[contenteditable=true].profanity-blocked{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444429!important}.gallery-community-search:has(input.profanity-blocked),.mybook-search:has(input.profanity-blocked),.mgr-select-search:has(input.profanity-blocked),.student-login-search:has(input.profanity-blocked),.student-password-field div:has(input.profanity-blocked){border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444429!important}.gallery-community-search:has(input.profanity-blocked),.mybook-search:has(input.profanity-blocked),.student-login-search:has(input.profanity-blocked){border-radius:999px!important}.mgr-select-search:has(input.profanity-blocked){border-radius:12px!important}.student-password-field div:has(input.profanity-blocked){border-radius:8px!important}.gallery-community-search input.profanity-blocked,.mybook-search input.profanity-blocked,.mgr-select-search input.profanity-blocked,.mgr-select-search .mgr-input.profanity-blocked,.student-login-search input.profanity-blocked,.student-password-field div input.profanity-blocked{border-color:transparent!important;box-shadow:none!important}button.edu-modal-close,button.edu-report-close,button.close-button,button.close-btn,button.ai-modal-close,button.reference-preview-lightbox-close,button.survey-close-btn,button.modal-close-btn,button.char-modal-close,button.comment-close-btn,button.onlybook3d-login-close,button.outline-edit-modal-close,button.plot-edit-close-button,button.plottext-close,button.plot-use-close-button,button.student-access-close,button.ob-icon-close-button,button.book-page-editor-bubble-close-btn,button.book-page-editor-emoji-close-btn{box-sizing:border-box!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;aspect-ratio:1 / 1!important;line-height:1!important;white-space:nowrap!important}button.edu-modal-close,button.edu-report-close,button.close-button,button.student-access-close,button.ob-icon-close-button{min-width:36px!important;min-height:36px!important}.profanity-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .16s ease}.profanity-modal-overlay.is-open{opacity:1;pointer-events:auto}.profanity-modal-panel{width:min(420px,calc(100vw - 32px));padding:28px 24px 22px;border:1px solid rgba(239,68,68,.16);border-radius:12px;background:#fffdf8;box-shadow:0 24px 70px #0f172a38;color:#1f2937;text-align:center;transform:translateY(10px) scale(.98);transition:transform .16s ease}.profanity-modal-overlay.is-open .profanity-modal-panel{transform:translateY(0) scale(1)}.profanity-modal-icon{width:48px;height:48px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:26px;font-weight:900;line-height:1}.profanity-modal-panel h2{margin:0 0 10px;font-size:20px;line-height:1.3;letter-spacing:0}.profanity-modal-panel p{margin:0;color:#4b5563;font-size:15px;line-height:1.6;word-break:keep-all}.profanity-modal-confirm{min-width:120px;margin-top:22px;padding:11px 20px;border:0;border-radius:999px;background:#8bc500;color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 22px #8bc5003d}.profanity-modal-confirm:hover{background:#78ad00}.profanity-modal-confirm:focus-visible{outline:3px solid rgba(139,197,0,.28);outline-offset:3px}.app-notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-notice-panel{width:min(430px,calc(100vw - 32px));padding:28px 24px 22px;border:1px solid rgba(139,197,0,.22);border-radius:12px;background:#fffdf8;box-shadow:0 24px 70px #0f172a38;color:#1f2937;text-align:center}.app-notice-icon{width:52px;height:52px;margin:0 auto 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf7d5;color:#78ad00}.app-notice-icon.is-danger{background:#fee2e2;color:#ef4444}.app-notice-panel h2{margin:0 0 10px;font-size:20px;line-height:1.3;letter-spacing:0}.app-notice-panel p{margin:0;color:#4b5563;font-size:15px;line-height:1.6;word-break:keep-all;white-space:pre-line}.app-notice-prompt-input{width:100%;margin-top:18px;padding:12px 14px;border:1px solid #d8dec8;border-radius:10px;background:#fff;color:#1f2937;font-size:16px;line-height:1.4;outline:none}.app-notice-prompt-input:focus{border-color:#8bc500;box-shadow:0 0 0 3px #8bc50029}.app-notice-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.app-notice-action,.app-notice-cancel,.app-notice-confirm{min-width:116px;padding:11px 18px;border:0;border-radius:999px;font-size:15px;font-weight:800}.app-notice-action{background:#8bc500;color:#fff;box-shadow:0 10px 22px #8bc5003d}.app-notice-action:hover{background:#78ad00}.app-notice-action.is-danger{background:#ef4444;box-shadow:0 10px 22px #ef444438}.app-notice-action.is-danger:hover{background:#dc2626}.app-notice-cancel,.app-notice-confirm{background:#f1f3f5;color:#374151}.app-notice-action:focus-visible,.app-notice-cancel:focus-visible,.app-notice-confirm:focus-visible{outline:3px solid rgba(139,197,0,.28);outline-offset:3px}@media (max-width: 480px){.app-notice-actions{flex-direction:column}.app-notice-action,.app-notice-cancel,.app-notice-confirm{width:100%}}@media (max-width: 768px){html.modal-scroll-lock,body.modal-scroll-lock{background-color:transparent!important;overscroll-behavior:none!important}[class*=modal-overlay]:not(.progress-modal-overlay),[class*=modal-backdrop]:not(.progress-modal-overlay),[class$=-overlay]:not(.progress-modal-overlay):has(>[class*=modal]),[class$=-backdrop]:not(.progress-modal-overlay):has(>[class*=modal]){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important;margin:0!important;align-items:center!important;justify-content:center!important}}.header-wrapper{--header-bg: rgba(253, 252, 248, .88);--header-bg-solid: #fdfcf8;--header-card: #ffffff;--header-primary: #9cc119;--header-primary-dark: #6f8e12;--header-primary-soft: #edf5d6;--header-peach-soft: #f8dec8;--header-blue-soft: #d6e2ee;--header-text: #2c2825;--header-muted: #6b645c;--header-border: rgba(44, 40, 37, .08);--header-border-strong: rgba(44, 40, 37, .16);--header-shadow: 0 8px 24px rgba(44, 40, 37, .07);--header-radius: 8px;--header-pill: 999px;position:sticky;top:0;z-index:600;width:100%;display:block;background:var(--header-bg);border-bottom:1px solid var(--header-border);color:var(--header-text);font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-header{width:min(1200px,calc(100% - 48px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0;box-sizing:border-box}.main-header-logo{width:auto;height:40px;max-width:170px;flex:0 0 auto;cursor:pointer;object-fit:contain}.mobile-header-actions{display:none}.main-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--header-muted);font-size:15px;font-weight:650;line-height:1}.main-nav .nav-top,.main-nav .nav-bottom{display:flex;align-items:center;gap:4px;min-width:0}.main-nav .nav-top{margin-left:auto}.main-nav a,.dropdown summary,.language-trigger{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:var(--header-pill);color:var(--header-muted);font-size:15px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.main-nav a:hover,.dropdown summary:hover,.language-trigger:hover{background:var(--header-primary-soft);color:var(--header-primary-dark)}.main-nav a.is-active{background:var(--header-primary)!important;color:#fffef8!important;box-shadow:0 8px 18px #6f8e1233}.main-nav a.is-active:hover{background:var(--header-primary-dark)!important;color:#fffef8!important;transform:translateY(-1px)}.main-nav a.is-active svg{color:currentColor}.main-nav a:focus-visible,.dropdown summary:focus-visible,.language-trigger:focus-visible,.logout-button:focus-visible{outline:3px solid rgba(156,193,25,.28);outline-offset:3px}.nav-start-link,.nav-signup-link{background:var(--header-primary);color:#fffef8!important;box-shadow:0 8px 18px #6f8e122e}.nav-start-link:hover,.nav-signup-link:hover{background:var(--header-primary-dark)!important;color:#fffef8!important;transform:translateY(-1px)}.nav-login-link{color:var(--header-text)!important}.nav-dashboard-link{background:#edf5d6b8;color:var(--header-primary-dark)!important}.nav-dashboard-link:hover{background:#dcefb7!important;color:var(--header-primary-dark)!important;box-shadow:0 8px 18px #6f8e1224;transform:translateY(-1px)}.nav-admin-link{border:1px solid rgba(194,71,59,.18);background:#ffe9e6;color:#a7362d!important;font-weight:850!important}.nav-admin-link:hover{border-color:#c2473b4d;background:#ffdcd7!important;color:#8f2f27!important}.gallery-link,.mybook-link{font-size:inherit!important}.version-switch-link{border:1px solid rgba(122,191,0,.34);background:var(--header-primary-soft);color:var(--header-primary-dark)!important;font-weight:800!important}.version-switch-link:hover{border-color:#7abf008f;background:#e4f4bd!important}.version-switch-link svg{flex:0 0 auto}.dropdown,.language-dropdown{position:relative;flex:0 0 auto}.dropdown summary{border:1px solid var(--header-border);background:#ffffffa3;color:var(--header-text);cursor:pointer;list-style:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown summary:after{content:"▾";color:var(--header-primary-dark);font-size:11px;line-height:1}.dropdown[open] summary{background:var(--header-primary-soft);border-color:#9cc11957;color:var(--header-primary-dark)}.dropdown-menu,.language-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:610;width:max-content;min-width:188px;max-width:min(320px,calc(100vw - 32px));margin:0;padding:8px;list-style:none;border:1px solid var(--header-border);border-radius:var(--header-radius);background:#fffffff5;box-shadow:0 18px 38px #2c282524;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dropdown-menu li,.language-menu li{margin:0}.dropdown-menu a,.dropdown-menu button,.language-menu li{width:100%;min-height:38px;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:10px 12px;border-radius:7px;color:var(--header-muted);font-size:14px;font-weight:700;line-height:1.25;text-align:left;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.dropdown-menu a:hover,.dropdown-menu button:hover,.language-menu li:hover,.language-menu li.is-active{background:var(--header-primary-soft);color:var(--header-primary-dark)}.dropdown-menu-section{margin-top:8px!important;padding-top:8px;border-top:1px solid var(--header-border)}.dropdown-menu .dropdown-danger-link{color:#c2473b;font-weight:850}.dropdown-menu .dropdown-danger-link:hover{background:#ffe9e6;color:#a7362d}.logout-button{width:100%;border:0;background:transparent;cursor:pointer;font:inherit}.nav-meta{max-width:360px;min-height:32px;display:inline-flex;align-items:center;overflow:hidden;padding:8px 12px;border:1px solid rgba(44,40,37,.06);border-radius:var(--header-pill);background:#f8f4ebb8;color:var(--header-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.nav-points{margin-right:10px;color:var(--header-primary-dark);font-weight:850}.language-trigger{min-width:118px;border:1px solid transparent;background:transparent;cursor:pointer}.language-current{min-width:0;display:inline-flex;align-items:center;gap:8px}.language-flag{width:20px;height:14px;flex:0 0 auto;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #2c282514}.language-caret{margin-left:4px;color:var(--header-primary-dark);font-size:10px;line-height:1}.language-menu{min-width:146px}.language-menu li{cursor:pointer}.incomplete-books-bubble{color:#c2473b}@media (max-width: 1120px){.main-header{width:min(100% - 32px,1200px);align-items:flex-start;flex-wrap:wrap;gap:12px 20px;padding:12px 0}.main-nav{width:100%;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px;font-size:14px}.main-nav .nav-top{margin-left:0}.main-nav .nav-top,.main-nav .nav-bottom{flex-wrap:wrap}.main-nav a,.dropdown summary,.language-trigger{min-height:36px;padding:9px 12px;font-size:14px}.nav-meta{max-width:100%}}@media (max-width: 640px){.header-wrapper{background:#fdfcf8f2}.main-header{width:min(100% - 24px,1200px);min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 0}.main-header-logo{height:32px;max-width:116px}.mobile-header-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}.mobile-story-link,.mobile-menu-toggle{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:var(--header-pill);border:1px solid transparent;font-size:12px;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.mobile-story-link{background:var(--header-primary);color:#fffef8;box-shadow:0 8px 18px #6f8e122e}.mobile-story-link:hover,.mobile-story-link.is-active{background:var(--header-primary-dark);color:#fffef8}.mobile-menu-toggle{border-color:#9cc11952;background:var(--header-primary-soft);color:var(--header-primary-dark);cursor:pointer;font-family:inherit}.mobile-menu-toggle:hover,.mobile-menu-toggle.is-open{border-color:#9cc11985;background:#e4f4bd}.mobile-menu-caret{transition:transform .18s ease}.mobile-menu-toggle.is-open .mobile-menu-caret{transform:rotate(180deg)}.main-nav,.main-nav .nav-top,.main-nav .nav-bottom{width:100%}.main-nav{grid-column:1 / -1;max-height:0;margin-top:0;padding:0 10px;overflow:hidden;border:1px solid transparent;border-radius:var(--header-radius);background:#ffffffe6;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .22s ease,padding .22s ease,margin .22s ease,opacity .18s ease,border-color .18s ease,box-shadow .18s ease}.main-nav.is-mobile-open{max-height:min(70vh,520px);margin-top:4px;padding:10px;overflow-y:auto;border-color:var(--header-border);box-shadow:var(--header-shadow);opacity:1;visibility:visible;pointer-events:auto}.main-nav .nav-top,.main-nav .nav-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.main-nav a,.dropdown summary,.language-trigger{width:100%;min-height:34px;justify-content:center;padding:8px 10px;font-size:13px}.main-nav .nav-start-link{display:none}.nav-meta{width:100%;justify-content:flex-start;font-size:11px}.language-dropdown{grid-column:1 / -1;width:100%}.language-trigger{justify-content:space-between}.dropdown-menu,.language-menu{right:auto;left:0}.language-menu{width:100%;max-width: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:var(--chat-widget-bottom, 25px);right:var(--chat-widget-right, 25px);z-index:9999;font-family:Noto Sans KR,sans-serif;transition:bottom .2s ease,right .2s ease}.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:var(--chat-widget-mobile-right, 15px);bottom:var(--chat-widget-mobile-bottom, 15px)}.chat-window{position:fixed;right:15px;left:15px;bottom:var(--chat-window-mobile-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:42px;height:42px;font-size:17px}.chat-fab-btn.admin{min-width:42px;height:42px;padding:0 12px;font-size:12px}.unread-badge{top:-4px;right:-4px;min-width:17px;padding:2px 5px;font-size:10px;border-width:1.5px}}.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)}}@media screen and (max-width: 640px){body.has-bottom-fixed-actions{--chat-widget-bottom: calc(104px + env(safe-area-inset-bottom)) ;--chat-widget-mobile-bottom: calc(104px + env(safe-area-inset-bottom)) ;--chat-window-mobile-bottom: calc(156px + env(safe-area-inset-bottom)) }body.has-bottom-fixed-actions .chat-window{height:min(62vh,calc(100dvh - 190px));max-height:520px}}.select-container{max-width:960px;margin:60px auto;padding:0 24px;text-align:center;font-family:Noto Sans KR,sans-serif;color:#333}.select-container .title{font-size:28px;font-weight:700;margin-bottom:12px;color:#222}.select-container .description{font-size:14px;color:#555;line-height:1.6;margin-bottom:48px}.card-container{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.card{flex:1 1 360px;max-width:400px;padding:32px 24px;border-radius:20px;background-color:#fff;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #cdeca0,0 8px 16px #0000001a}.icon-box{background-color:#ecf8db;border-radius:50%;width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.icon-box img{width:100%;height:auto}.card h2{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.card p{font-size:14px;color:#555;line-height:1.5;margin-bottom:20px}.card button{background-color:var(--tsm-primary);color:#fff;border:none;padding:12px 24px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s}.card button:hover{background-color:#68a900}.social-signup-error{max-width:640px;margin:-24px auto 28px;padding:12px 14px;border:1px solid #efb5b0;border-radius:6px;color:#9f2f28;background:#fff2f0;font-size:14px;line-height:1.55}