#flex-body{font-family:Alegreya,serif;display:flex;height:100vh;margin:0}.container{display:flex;flex-wrap:wrap;width:100%}.login-column{flex:1 1 300px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:300px}.header-column{flex:2 1 500px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(/dummy_background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;position:relative;min-width:300px}.top-right-link{position:absolute;top:10px;right:30px;word-break:break-all}.top-right-link a{color:var(--accent-color-2)}.login-container{background:#f4f4e7;padding:30px;border-radius:10px;max-width:320px;width:100%}.header-thingy{padding-bottom:15rem;text-align:left}.header-thingy h1{font-size:6rem;font-weight:700;color:var(--background-color);margin-bottom:-5px}.header-thingy p{color:var(--background-color)}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.login-container label{color:#000;margin-bottom:5px;font-family:Alegreya,serif}.login-container input{width:100%;padding:10px;background-color:var(--background-color);border:3px solid var(--accent-color);border-radius:5px;font-family:Alegreya,serif;font-size:14px}.login-container button{width:100%;padding:12px 20px;background-color:#dcbb78;border:none;border-radius:5px;cursor:pointer;font-size:18px;margin-top:10px;font-family:Alegreya,serif}@media(max-width:768px){.container{flex-direction:column}.header-column{order:1;min-height:200px;flex:none;width:100%}.login-column{order:2;flex:none;width:100%}.header-thingy{padding-bottom:2rem;padding-top:2rem}.top-right-link{top:unset;bottom:10px;left:10px;right:unset}}#content{margin-left:120px;padding:10px;display:flex;flex-direction:column;gap:20px}#side-panel{display:flex;flex-direction:column;width:280px;min-width:220px;height:90vh;border-left:1px solid #ccc;padding-left:10px}#panel-tabs{display:flex;gap:0;border-bottom:1px solid #ccc;margin-bottom:8px}.panel-tab{flex:1;padding:8px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:Alegreya,serif;font-size:14px;color:#999}.panel-tab.active{color:var(--dark-background-color);border-bottom-color:var(--accent-color-2)}#edits-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.edit-item{display:flex;flex-direction:column;padding:6px 8px;border-bottom:1px solid #eee;font-family:Alegreya,serif;font-size:13px}.edit-user{font-size:12px;font-weight:700;color:var(--accent-color-2)}.edit-time{font-size:11px;color:#999}.edit-action{color:var(--dark-background-color)}#chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:5px 0}.chat-msg{padding:6px 10px;border-radius:6px;font-size:14px;font-family:Alegreya,serif;word-wrap:break-word}.chat-user{align-self:flex-end;background-color:var(--accent-color-2)}.chat-ai{align-self:flex-start;background-color:var(--dark-background-color);color:var(--background-color)}#chat-input-container{display:flex;gap:5px;padding-top:8px}#chat-input{flex:1;padding:6px;font-family:Alegreya,serif;font-size:14px;border:1px solid #ccc}#chat-send{padding:6px 12px;background:var(--dark-background-color);color:var(--background-color);border:none;cursor:pointer;font-family:Alegreya,serif;font-size:14px}#page-content{display:flex;flex-direction:row;gap:20px}#list-container{display:flex;flex-direction:column;min-width:220px;max-width:240px;border-right:1px solid #ccc;padding-right:10px}#chapter-input{width:55vw;height:90vh;resize:none}.resolve-button{width:100%;padding:5px;background:var(--dark-background-color);border:none;border-radius:0;cursor:pointer;color:var(--background-color);font-family:Alegreya,serif;font-size:14px}#attribution-bar{display:none}#attribution-bar.visible{display:block}.no-entries{color:#777}#items-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.list-item-button{padding:8px 12px;text-align:left;background-color:var(--background-color);color:var(--dark-background-color);border:none;border-radius:4px;cursor:pointer;font-size:16px;font-family:Alegreya,serif;transition:background-color .15s}.list-item-button:hover{background-color:var(--accent-color-2);opacity:.7}.list-item-button.selected{background:var(--accent-color-2)}.list-item-button.add-button{text-align:center;margin-top:6px;border:1px dashed #ccc;color:#999;font-size:20px}.list-item-button.add-button:hover{border-color:var(--dark-background-color);color:var(--dark-background-color)}@media(max-width:768px){#sidebar{position:fixed;bottom:0;left:0;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:10px 0;border-top:1px solid #ccc;background-color:var(--dark-background-color);box-shadow:0 -2px 5px #0000001a;z-index:1000}#sidebar h2{display:none}#sidebar .nav-button,#sidebar .account-button{flex:1;padding:5px;font-size:12px;display:flex;flex-direction:column;align-items:center;margin:0;box-sizing:border-box;min-width:0}#sidebar .sidebar-image{width:24px;height:24px}#content{margin-left:0;margin-bottom:70px;flex-direction:column}#page-content{flex-direction:column;padding-top:10px}#list-container{min-width:unset;width:100%}#chapter-input{width:90vw;height:60vh}}#title-container{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:10px}#chapter-title{flex:1;font-family:Alegreya,serif;font-size:24px;height:40px;background-color:var(--background-color);border:none;border-bottom:2px solid var(--accent-color-2);outline:none}#remove-chapter{padding:4px 10px;background-color:transparent;border:1px solid #ccc;border-radius:4px;color:var(--dark-background-color);font-family:Alegreya,serif;font-size:18px;cursor:pointer;height:36px;line-height:1}#remove-chapter:hover{background-color:#e74c3c;color:#fff;border-color:#e74c3c}#main-content{margin-left:150px;padding:30px}#account-page{display:flex;flex-direction:row;gap:60px;max-width:800px}#account-section,#collab-section{flex:1}#account-section h2,#collab-section h2{font-family:Alegreya,serif;font-size:22px;margin-bottom:4px;color:var(--dark-background-color)}.section-desc{font-family:Alegreya,serif;font-size:14px;color:#777;margin-bottom:20px}#account-form{display:flex;flex-direction:column;gap:6px}#account-form label,#collab-section label{font-family:Alegreya,serif;font-size:14px;color:var(--dark-background-color)}#account-form input,#collab-input{width:100%;padding:8px 10px;background-color:var(--background-color);border:1px solid #ccc;border-bottom:2px solid var(--accent-color-2);font-family:Alegreya,serif;font-size:14px;margin-bottom:10px;outline:none;box-sizing:border-box}#account-form input:focus,#collab-input:focus{border-color:var(--accent-color-2)}.primary-button{padding:8px 16px;background-color:var(--dark-background-color);color:var(--background-color);border:none;cursor:pointer;font-family:Alegreya,serif;font-size:14px}.primary-button:hover{opacity:.85}#collab-input-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px}#collab-input-row input{flex:1;margin-bottom:0}.collab-error{color:#e74c3c;font-family:Alegreya,serif;font-size:13px;margin:0 0 8px}.no-entries{color:#999;font-family:Alegreya,serif;font-size:14px}#collab-list{display:flex;flex-direction:column;gap:6px}.collab-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #eee;font-family:Alegreya,serif;font-size:14px}.collab-remove{background:transparent;border:none;color:#e74c3c;cursor:pointer;font-family:Alegreya,serif;font-size:13px}.collab-remove:hover{text-decoration:underline}#logout-button{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:transparent;color:var(--dark-background-color);border:1px solid #ccc;cursor:pointer;font-size:14px;font-family:Alegreya,serif}#logout-button:hover{background-color:#e74c3c;color:#fff;border-color:#e74c3c}@media(max-width:768px){#main-content{margin-left:0;margin-bottom:80px;padding:15px}#account-page{flex-direction:column;gap:30px}#logout-button{bottom:90px;right:10px}}:root{--background-color: #F4F4E7;--accent-color: #93A197;--main-color: #DCBB78;--accent-color-2: #9D7579;--dark-background-color: #383437}body{background-color:var(--background-color);margin:0;color:var(--dark-background-color)}*{box-sizing:border-box}#sidebar{background:var(--dark-background-color);padding:10px;display:flex;flex-direction:column;position:fixed;height:100%;width:112px;align-items:center;row-gap:38px}.nav-button{width:80px;height:60px;border:none;background:none;font-family:Alegreya,serif;font-size:16px;font-weight:700;color:var(--accent-color-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-decoration:none}.account-button{margin-top:auto;padding-bottom:20px}#feather-logo{filter:brightness(0) saturate(100%) invert(69%) sepia(37%) saturate(365%) hue-rotate(2deg) brightness(98%) contrast(105%);width:48px;height:48px;margin-top:16px}.sidebar-image{filter:brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(754%) hue-rotate(305deg) brightness(82%) contrast(82%);width:32px;height:32px}h2{color:var(--main-color);margin-bottom:0}h1,h2,h3,p{font-family:Merriweather,serif}#attribution-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--dark-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:none;transition:background-color .3s ease}#attribution-button:hover{background-color:var(--accent-color)}#attribution-bar{position:fixed;bottom:0;left:0;width:100%;background-color:var(--dark-background-color);color:var(--background-color);padding:15px 20px;box-shadow:0 -2px 10px #0000004d;z-index:998;transform:translateY(100%);transition:transform .3s ease-out}#attribution-bar.visible{transform:translateY(0)}#attribution-bar h3{margin-top:0;margin-bottom:10px;color:var(--main-color);font-size:18px;border-bottom:1px solid var(--accent-color);padding-bottom:5px}#attribution-bar p,#attribution-bar ul{font-family:Alegreya,serif;font-size:14px;line-height:1.4;margin-bottom:10px}#attribution-bar ul{padding-left:20px}#attribution-bar li{margin-bottom:5px}#attribution-bar a{color:var(--main-color);text-decoration:none}#attribution-bar a:hover{text-decoration:underline}