body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{background-color:#fdf8f2;display:flex;flex-direction:column;min-height:100vh}.nav-links{color:#1b512d;font-size:1.1rem;gap:80px}.nav-links span{cursor:pointer;font-weight:700;transition:color .2s}.logout-btn,.nav-links span:hover,.user-name{color:#3a973e}.sub-header{font-size:1.2rem;margin:20px 0}.hero-title,.sub-header{color:#1b512d;text-align:center}.hero-title{background-color:#f8d6d6;font-size:11rem;font-weight:700;line-height:1;margin:0;padding:40px 0}.hero-images{height:500px;position:relative;width:100%}.hero-images img{position:absolute}.hero-images .dragon{bottom:0;left:calc(50% - 460px);transform:scaleX(-1);width:400px}.hero-images .dragon,.hero-images .potato{filter:drop-shadow(10px 5px 10px rgba(96,94,94))}.hero-images .potato{bottom:20px;left:50%;transform:translateX(-50%);width:300px}.hero-images .cat{bottom:20px;filter:drop-shadow(10px 5px 10px rgb(96,94,94));left:calc(50% + 60px);width:380px}.main-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.main-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;box-sizing:border-box;font-family:Noto Sans KR,sans-serif;max-height:90vh;max-width:1200px;min-height:800px;overflow-y:auto;padding:32px;position:relative;width:90vw}.main-modal-content h2{margin-bottom:16px;margin-top:0}.name-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;margin-bottom:12px;outline:none;padding:8px 12px;width:100%}button{cursor:pointer;font-family:Noto Sans KR,sans-serif}.btn-primary{background-color:#1b512d;margin-bottom:16px}.btn-danger,.btn-primary{border:none;border-radius:6px;color:#fff;font-size:1rem;padding:10px 14px;width:100%}.btn-danger{background-color:#e53e3e}.btn-close{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:22px;font-weight:700;height:48px;line-height:48px;position:absolute;right:12px;text-align:center;top:12px;transition:background .2s;width:48px}.btn-close:hover{background:#aaa}.modal-content p{color:red;margin-bottom:16px}.user-info p{color:#000;font-size:1rem;margin:6px 0}.profile-image{border-radius:50%;display:block;height:auto;margin-bottom:16px;margin-left:auto;margin-right:auto;object-fit:cover;width:30%}.btn-disabled{background-color:#fff;border:1px solid #ccc;color:#999}.signup-container{align-items:center;background-color:#fff9f3;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}h1{color:#1b4d3e;font-size:2rem;margin-bottom:10px}p{color:#3e3e3e;font-size:1rem;margin-bottom:20px}.signup-options{display:flex;gap:70px;margin-top:80px}.signup-box{align-items:center;background-color:#f2f5de;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:center;transition:transform .2s ease-in-out;width:200px}.signup-box:hover{transform:scale(1.05)}.signup-box img{border-radius:50%;height:100px;margin-bottom:4px;width:100px}.signup-box p{color:#1b512d;font-size:1.2rem;font-weight:700}.student-signup-container,.teacher-signup-container{align-items:center;background-color:#fdf6f0;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.title{margin-bottom:5px}h2{color:#1b512d;margin-bottom:80px}.signup-form{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:40px;width:650px}.input-group{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px;width:100%}.input-group label{color:#333;flex-shrink:0;font-size:.9rem;text-align:left;width:120px}.input-container{align-items:center;display:flex;gap:10px;width:100%}.input-container input{border:1px solid #ccc;border-radius:5px;font-size:.9rem;padding:12px;width:400px}.input-container input:focus{border-color:#1b512d;outline:1px solid #1b512d}.input-container.with-button{align-items:center;display:flex;justify-content:space-between;width:100%}.input-container.with-button input{width:400px}.input-group button{align-items:center;background-color:#fff;border:1px solid #1b512d;border-radius:5px;color:#1b512d;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;padding:0;white-space:nowrap;width:100px}.input-group button:hover{background-color:#1b512d;color:#fff}.submit-btn{border:none;border-radius:20px;color:#000;cursor:pointer;font-size:1rem;margin-top:30px;padding:12px;width:200px}.submit-btn,.submit-btn:hover{background-color:#cdd6a2}.login-link{color:#333;font-size:.9rem;margin-top:10px}.login-link a{color:#1b512d;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}.required{color:red;margin-left:3px}.login-button{color:#1b512d;cursor:pointer;font-weight:700}.login-button:hover{text-decoration:underline}button.checked-button{background-color:#1b512d!important;border:1px solid #1b512d!important;color:#fff!important}button.checked-button:hover{background-color:#145214!important;color:#fff!important}.login-container{align-items:center;background-color:#fdf6f0;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.title{margin-bottom:500px}.login-form{display:flex;flex-direction:column;gap:10px;margin-top:80px;width:350px}.login-form input{border:1px solid #ccc;border-radius:5px;font-size:.9rem;padding:12px}.login-form input:focus{border-color:#1b512d;outline:1px solid #1b512d}.login-btn{border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;margin-top:50px;padding:12px;width:100%}.login-btn,.login-btn:hover{background-color:#cdd6a2}hr{border:none;border-top:1px solid #ddd;margin:20px 0;width:350px}.links{color:#333;font-size:.9rem}.links span{cursor:pointer;margin:0 5px}.signup-link{color:inherit;font-weight:400}.signup-link:hover{text-decoration:underline}.lesson-box.active{color:#fff}.dashboard-container{align-items:center;background-color:#fdf6f0;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.title{color:#1b512d;font-size:2.5rem;font-weight:700;margin-bottom:10px}.ve{color:#50c878}.welcome-text{color:#1b512d;font-size:1.2rem;margin-bottom:10px}.description{color:#333;font-size:1rem;line-height:1.5;margin-bottom:20px}.recent-title{color:#1b512d;font-size:1rem;margin-bottom:30px}.lesson-list{display:flex;flex-direction:column;gap:10px;width:400px}.lesson-box{background-color:#f2f5de;border:1px solid #1b512d;border-radius:10px;cursor:pointer;font-size:1rem;padding:15px;text-align:center;transition:background-color .3s ease}.lesson-box.active{background-color:#35ff69;color:#000}.chat-area-inner{background:#fff;height:calc(100vh - 80px);padding-bottom:100px;position:relative}.chat-messages{padding-bottom:20px;padding-right:8px;padding-top:120px}.simplebar-track.simplebar-vertical{background:#f1f1f1;border-radius:8px;bottom:40px!important;height:auto!important;top:100px!important}.simplebar-scrollbar:before{background-color:#888;border-radius:8px}.simplebar-scrollbar:hover:before{background-color:#555}.simplebar-scrollbar{margin:6px 0!important;width:8px!important}.simplebar-track{background:#f1f1f1;border-radius:8px;margin:4px 0}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper{animation:messageAppear .3s ease-out forwards}.chat-message-wrapper.user{align-items:flex-end}.chat-message-wrapper.user .thumb-icon{display:none}.chat-message{border-radius:16px;box-sizing:border-box;font-size:.9rem;line-height:1.6;margin:4px 0;overflow-wrap:break-word;padding:20px;text-align:justify;white-space:pre-wrap}.message-user{background-color:#f8e1deb3;color:#000}.message-jackson{margin-left:16px;margin-right:20px;position:relative}.chat-message p{margin:5px 0;padding:5px 20px;text-align:justify}.message-jackson p{padding:12px 20px}.chat-message pre{background:#0000000d;border-radius:8px;margin:8px 0;max-width:90%;overflow-x:auto;overflow-y:auto;padding:30px}.chat-message code{background:#0000000d;border-radius:4px;font-family:monospace;padding:2px 4px}.message-jackson+.thumb-icon{cursor:pointer;height:20px;left:4px;margin-top:4px;position:absolute;top:100%;-webkit-user-select:none;user-select:none;width:20px}.chat-input-separator{margin:0}.chat-input-wrapper{background:#fff;bottom:-16px;left:0;margin-top:auto;padding:0 16px 18px;position:sticky;right:0;z-index:10}.chat-input-box{background:#fff;padding:0 0 2px;width:100%}.chat-input{border-radius:30px}.chat-send-btn{border-radius:16px}.chat-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.chat-modal-content{background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:1rem;height:80vh;max-width:800px;padding:1.5rem;width:80%}.close-btn{align-self:flex-end;background:#1b512d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.close-btn:hover{background:#3a973e}.simplebar-content{padding-bottom:40px!important;padding-top:100px!important}.graph-toggle-btn{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:1.1rem;padding:8px 12px;transition:background-color .2s ease}.graph-toggle-btn:hover{background-color:#f0f0f0}.graph-toggle-btn.active{background-color:#f8e1de;border-color:#f9d1cc;color:#1b512d}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-text{background-color:#777777bf;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.65rem;left:calc(100% + 35px);opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translateY(-80%);transition:opacity .3s ease;visibility:hidden;width:230px;z-index:100}.tooltip-text:after{border:6px solid #0000;border-right-color:#777777bf;content:"";left:-6px;position:absolute;top:50%;transform:translateY(-50%)}.tooltip-wrapper:hover .tooltip-text{opacity:1;pointer-events:auto;visibility:visible}.typing-text{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:2px solid #444;color:#444;font-family:Noto Sans KR,sans-serif;font-size:.9rem;padding-right:1px;width:fit-content}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#444}}[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{-ms-overflow-style:scrollbar!important;direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}#root,.html,body{height:100%;margin:0;overflow:hidden}.chat-page{background-color:#fdf8f2;display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{background:#fff;height:80px;position:sticky;top:0;z-index:100}.chat-body{display:flex;flex:1 1;gap:60px;height:calc(100vh - 80px);margin-right:40px;overflow:hidden;padding:24px}.chat-sidebar{align-items:center;background:#0000;border-bottom-right-radius:16px;border-top-right-radius:16px;box-sizing:border-box;display:flex;flex:0 0 300px;flex-direction:column;margin-left:16px;overflow:visible;position:relative}.chat-sidebar.collapsed{align-items:center;justify-content:center;padding:0}.chat-sidebar.open{background:#0000;padding-bottom:0;padding-top:16px}.sidebar-toggle{background:none;border:none;color:#1b512d;cursor:pointer;font-size:1.2rem;left:8px;position:absolute;top:8px;z-index:1}.character-thumb{height:450px;object-fit:contain;width:450px;z-index:1}.character-name{color:#333;font-size:1.4rem;margin-top:8px}.history-title{align-items:center;background:#fff;color:#333;display:flex;font-size:1.2em;justify-content:center;margin:0;padding:16px;position:relative;text-align:center;width:100%}.history-title:after{background-color:#e0e0e0;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.chat-sidebar.open .history-title,.chat-sidebar.open .sidebar-toggle{display:inline-block;vertical-align:middle}.history-container{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;height:calc(100% - 80px);margin-top:48px;overflow:hidden;width:100%}.history-list{-ms-overflow-style:none;box-sizing:border-box;height:calc(100% - 53px);list-style:none;margin:0;overflow-y:auto;padding:16px;scrollbar-width:none;width:100%}.history-list::-webkit-scrollbar{display:none}.conversation-item{border-bottom:1px solid #eee;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:background-color .2s}.conversation-item:hover{background-color:#f8f9fa}.conversation-item:last-child{border-bottom:none}.conversation-item.selected{background-color:#f8e1deb3}.conversation-title{color:#333;font-weight:500;margin-bottom:4px;text-align:center}.conversation-meta{color:#666;display:flex;font-size:.8em;gap:16px;justify-content:center}.conversation-date{color:#888}.conversation-count{color:#666}.no-conversations{color:#666;padding:20px;text-align:center}.chat-main{flex:1 1;overflow:hidden;position:relative}.chat-box{background-color:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:96%;overflow:hidden;padding:16px;width:1100px}.chat-body.sidebar-closed .chat-box{width:1000px!important}.chat-body.sidebar-open .chat-box{width:1150px!important}.chat-area-inner{display:flex;flex-direction:column;height:100%}.chat-messages{gap:8px;margin-bottom:12px}.chat-message{padding:4px 12px}.message-user{align-self:flex-end}.chat-input-box{padding-top:12px}아래는 ChatArea.css코드야 .chat-area-inner{display:flex;flex-direction:column;height:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:8px;overflow-y:auto}.chat-message-wrapper{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.chat-message{border-radius:12px;display:inline-block;font-size:.95rem;height:75%;line-height:1.4;max-width:75%;padding:4px 8px;position:relative;word-break:break-word}.message-user{background-color:#fbece8;color:#fff;display:inline-block;margin-left:auto}.message-jackson{align-self:flex-start;background-color:#e5e7eb;color:#000}.thumb-icon{bottom:-3px;cursor:pointer;height:20px;position:absolute;right:-30px;-webkit-user-select:none;user-select:none;width:20px}.chat-input-separator{background-color:#eee;height:1px;margin:8px 0}.chat-input-box{display:flex;gap:8px}.chat-input{border:1px solid #ccc;border-radius:8px;flex:1 1;outline:none;padding:8px}.chat-send-btn{background-color:#1b512d;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.chat-send-btn:hover{background-color:#3a973e}:root{--header-height:60px;--body-padding-left:30px;--body-padding-bottom:30px;--path-border-height:1px;--path-margin-bottom:30px;--sidebar-width:350px;--gap:20px}.archive-container{background-color:#fdf8f2;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0}.navbar{height:60px;height:var(--header-height)}.logo .edu{color:#1b512d}.logo .ve{color:#3a973e}.logo .com{color:#1b512d}.nav-links{font-size:1.2rem;gap:40px}.nav-item{color:#1b512d;font-weight:700;transition:color .3s}.nav-item:hover{color:#3a973e}.archive-body{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));overflow:hidden;padding-bottom:30px;padding-bottom:var(--body-padding-bottom);padding-left:30px;padding-left:var(--body-padding-left);position:relative}.sidebar{background:#fff;border:1px solid #ccc;border-radius:16px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;height:100%;overflow-y:auto;padding:20px 20px 40px;width:350px;width:var(--sidebar-width)}.sidebar-icon{height:16px;margin-right:6px;vertical-align:middle;width:16px}.search-wrapper{align-items:center;margin-bottom:12px;position:relative;width:100%}.archive-search{background-color:#fdf8f2;border:1px solid #ccc;border-radius:18px;color:#1b512d;height:36px;max-width:260px;padding:0 40px 0 12px;width:100%}.no-results-sidebar{background:#fff;border-radius:8px;color:#666;font-size:.95rem;margin-top:8px;padding:12px;text-align:center}.search-btn{background-color:initial;border:none;cursor:pointer;height:30px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px}.search-btn img{display:block;height:100%;object-fit:contain;width:100%}.search-panel{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;left:0;max-height:200px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:100}.search-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;font-size:.95rem;padding:8px 12px}.search-item:hover{background:#f5f5f2}.search-item .sidebar-icon{margin-right:8px}.search-item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree ul{list-style:none;margin:0;padding-left:16px}.folder-tree li{cursor:pointer;font-size:.95rem;margin:4px 0}.folder-tree li:hover{text-decoration:underline}.archive-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 24px 16px 60px}.archive-main,.path-display{box-sizing:border-box;position:relative}.path-display{border-bottom:1px solid #ccc;border-bottom:var(--path-border-height) solid #ccc;color:#1b512d;font-size:1rem;font-weight:700;margin:0 40px 30px 0;padding:0}.path-link{cursor:pointer;margin-right:4px}.sort-toggle{background:none;border:none;color:#1b512d;cursor:pointer;font-size:.9rem;position:absolute;right:40px;top:0}.sort-toggle:hover{background:#1b512d1a;border-radius:4px}.sort-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;position:absolute;right:40px;top:30px;z-index:1002}.sort-dropdown button{background:none;border:none;color:#1b512d;cursor:pointer;font-size:.95rem;padding:8px 12px;text-align:left}.sort-dropdown button:hover{background-color:#f5f5f2}.folder-list{gap:40px 80px;margin-top:10px;padding-left:20px}.file-list,.folder-list{align-items:flex-start;display:flex;flex-wrap:wrap}.file-list{gap:20px 80px;margin-top:30px;padding-left:15px}.file-box,.folder-box{margin-top:10px}.file-box,.folder-box{align-items:center;cursor:pointer;display:flex;flex-direction:column}.file-box{gap:10px 35px;margin-top:0;text-align:center;width:124px}.folder-box.add-placeholder{margin-left:-2px;margin-top:0;position:relative}.folder-box.add-placeholder .folder-icon{height:120px!important;margin:0;width:120px!important}.add-dropdown.under-add-placeholder{left:100%!important;margin-left:8px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;white-space:nowrap!important}.add-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;white-space:nowrap;z-index:100}.add-dropdown button{background:none;border:none;cursor:pointer;font-size:.95rem;padding:8px 12px;text-align:left}.add-dropdown button:hover{background:#f5f5f2}.folder-icon{height:80px;margin-bottom:12px;margin-top:0;object-fit:contain;width:100px}.file-thumbnail{align-items:center;border-radius:4px;height:110px;margin-bottom:12px;margin-left:-5px;margin-top:15px;object-fit:cover;width:110px}.file-name{margin-top:0;max-width:15ch;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.file-uploader{color:#1b512d;font-size:.75rem;margin-top:2px;max-width:120px;text-align:center}.archive-modal-overlay{background:#0003;inset:0;position:fixed;z-index:1000}.archive-modal-content{background:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;height:calc(100vh - 191px);height:calc(100vh - var(--header-height) - 30px - var(--path-border-height) - var(--path-margin-bottom) - var(--gap) - var(--body-padding-bottom) - var(--gap));left:400px;left:calc(var(--sidebar-width) + var(--body-padding-left) + var(--gap));overflow:hidden;padding:20px;position:fixed;right:20px;right:var(--gap);top:131px;top:calc(var(--header-height) + 20px + var(--path-border-height) + var(--path-margin-bottom) + var(--gap));z-index:1001}.archive-modal-content iframe{border:none;flex:1 1;width:100%}.archive-close-btn{align-self:flex-end;background:#1b512d;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:6px 12px;z-index:1002}.archive-close-btn:hover{background:#3a973e}.context-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;position:absolute;z-index:2000}.context-menu button{background:none;border:none;color:#1b512d;cursor:pointer;display:block;font-size:.95rem;padding:8px 12px;text-align:left;white-space:nowrap;width:100%}.context-menu button:hover{background:#f5f5f2}.folder-tree,.folder-tree ul,.sidebar ul{list-style:none;margin:0;padding:0}.folder-tree li,.sidebar li{list-style:none}.file-name-with-toggle{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:8px;position:relative}.dropdown-toggle{background:none;border:none;color:#333;cursor:pointer;font-size:14px;margin-left:4px;padding:2px 6px;transition:background-color .2s ease}.dropdown-toggle:hover{background-color:#0000000d;border-radius:4px}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 6px #0000001a;min-width:120px;padding:6px 0;position:absolute;right:0;top:120%;z-index:10}.dropdown-menu button{background:none;border:none;color:#333;cursor:pointer;font-size:14px;padding:6px 12px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-menu button:hover{background-color:#f1f1f1}.modal-overlay{align-items:center;background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content,.modal-overlay{display:flex;justify-content:center}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;flex-direction:column;max-height:160px;padding:20px 73px 35px 43px;width:220px}.modal-content h3{font-size:16px;margin:0 0 6px}.rename-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:12px;padding:6px 8px;width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{background-color:#f9cfca;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:13px;padding:6px 12px}.modal-actions button:last-child{background-color:#aaa}.modal-content.delete-modal.small{border-radius:12px;padding:20px;text-align:center;width:300px}.modal-content.delete-modal.small h3{font-size:18px;margin-bottom:10px}.modal-content.delete-modal.small p{color:grey;font-size:14px;margin-bottom:20px}.modal-content.delete-modal.small .modal-actions button{border-radius:6px;cursor:pointer;font-size:14px;margin:0 8px;padding:8px 14px}.move-modal{border-radius:16px;border-radius:12px;overflow-y:auto;padding:24px;width:480px}.modal-content.move-modal,.move-modal{background:#fff;max-height:50vh;overflow:hidden}.modal-content.move-modal{border-radius:16px;display:flex;flex-direction:column;padding:18px;width:340px}.folder-selection-list{flex:1 1;max-height:40vh;overflow-y:auto;padding:12px 14px 12px 10px}.folder-selection-list li{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:14px;justify-content:space-between;margin:4px 0;padding:6px 10px}.folder-name-clickable{align-items:center;cursor:pointer;display:flex;flex:2 1;font-weight:500;gap:6px}.folder-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px}.move-confirm-btn{background-color:#f9dbd8;border:none;border-radius:5px;color:#505050;cursor:pointer;padding:6px 10px}.move-folder-icon{color:#444;height:20px;margin-right:8px;vertical-align:middle;width:20px}.folder-flex-row{align-items:center;display:flex;gap:8px}.folder-selection-list{list-style:none;margin:0;padding-bottom:12px;padding-top:12px}.modal-close-btn{background-color:#f2f2f2;border:none;border-radius:8px;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 18px;transition:background .2s ease}.modal-close-btn:hover{background-color:#e0e0e0}.move-modal{position:relative}.move-path{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:14px;justify-content:space-between;padding:8px 0 12px}.current-path{font-weight:500}.move-back-wrapper{left:16px;position:absolute;top:50px}.move-back-btn{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:2px 6px}.back-icon{stroke:#444;height:16px;width:16px}.back-label{font-size:13px}.no-subfolder-message{color:#999;padding:12px;text-align:center}.folder-name-row{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:6px}.dropdown-icon{stroke:#515151;height:10px;width:10px}.overlay{align-items:center;background:#fff9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.typing-container{margin-top:20px;width:fit-content}.typing-text{animation:typing 3.5s steps(40) forwards,blink .75s step-end infinite;border-right:2px solid #36d7b7;color:#333;font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#36d7b7}}.character-page-container{flex-direction:column;min-height:100vh}.character-page-container,.navbar{background-color:#fdf8f2;display:flex}.navbar{justify-content:space-between;padding:15px 50px}.logo,.navbar{align-items:center}.logo{display:flex;font-size:1.8rem;font-weight:700}.edu{color:#1b512d}.ve{color:#3a973e}.com{color:#1b512d}.nav-links{align-items:center;display:flex;gap:30px;overflow:visible;position:relative}.nav-item{color:#040;cursor:pointer}.logout-btn{color:#3a973e}.character-content{display:flex;flex:1 1;padding:40px 60px}.character-image{width:600px}.character-image,.character-image-inner{align-items:center;flex-direction:column}.character-image-inner{display:flex;margin-top:80px}.main-image{height:auto;width:400px}.thumbnail-list{display:flex;gap:12px;margin-top:20px}.thumbnail-list .thumbnail{border-radius:8px;cursor:pointer;height:auto;transition:box-shadow .2s,transform .2s;width:80px}.thumbnail-list .thumbnail.selected{box-shadow:0 4px 12px #0000004d;transform:translateY(-4px)}.character-name{font-weight:700;margin-top:20px}.character-settings{align-items:flex-start;display:flex;flex:1 1;padding-left:60px}.settings-box{background-color:#fbece8;border-radius:10px;height:500px;justify-content:space-between;padding:70px;position:relative;width:100%}.setting-group,.settings-box{display:flex;flex-direction:column}.setting-group{gap:60px;margin-top:25px}.setting-item label{display:block;font-weight:700;margin-bottom:10px}.setting-item input[type=text]{background-color:#ddd;border:none;border-radius:20px;box-sizing:border-box;font-size:1rem;max-width:450px;padding:12px 20px;width:100%}.setting-item input[type=text]:focus{box-shadow:0 0 0 2px #0000001a;outline:none}.tone-buttons{grid-gap:15px 20px;display:grid;gap:15px 20px;grid-template-columns:repeat(2,1fr);width:100%}.tone-buttons button{background-color:#ddd;border:none;border-radius:20px;cursor:pointer;font-size:1rem;margin-bottom:10px;padding:12px 0;transition:.3s}.tone-buttons button.selected{background-color:#cdd6a2}.level-label-wrapper{align-items:baseline;display:flex;gap:10px}.user-level-desc{color:#888;font-size:.85rem}.user-level-wrapper{margin-top:10px;width:100%}input[type=range]{appearance:none;-webkit-appearance:none;background:#0000;border-radius:4px;height:8px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#cdd6a2;border:none;border-radius:50%;cursor:pointer;height:20px;margin-top:-6px;width:20px}input[type=range]::-moz-range-thumb{background:#cdd6a2;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-webkit-slider-runnable-track{background:#0000;border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:#ddd;border-radius:4px;height:8px}.level-labels{display:flex;font-size:.9rem;justify-content:space-between;margin-top:8px;width:100%}.save-button{background-color:#cdd6a2;border:none;border-radius:20px;bottom:55px;cursor:pointer;font-size:1.1rem;padding:12px 30px;position:absolute;right:440px;transform:translateX(-50%)}.user-menu{overflow:visible;position:relative}.user-menu .user-button{align-items:center;background-color:#1b512d;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:12px 20px}.user-menu .user-dropdown{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu .user-dropdown button{align-items:center;background:none;border:none;color:#1b512d;cursor:pointer;display:flex;font-size:.95rem;padding:12px 20px;text-align:left}.user-menu .user-dropdown button+button{border-top:1px solid #eee}.user-menu .user-dropdown button:hover{background-color:#f5f5f5}.save-notification{animation:fadeInOut 2s forwards;background:#000000bf;border-radius:8px;color:#fff;font-size:1rem;left:50%;opacity:0;padding:12px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.1d2c1595.css.map*/