:root{--background:#fffefd;--background-soft:#f1e7dc;--card-color:#fffdf9;--card-color-warm:#f8efe6;--text:#2f2924;--text-light:#7c6f66;--accent:#9a5f63;--accent-dark:#744347;--accent-light:#ead0d1;--sage:#9fac92;--sage-soft:#dfe7d8;--gold:#e1ca9d;--border:#e4d8cb;--shadow-soft:0 12px 30px #352c2433;--shadow-hover:0 18px 40px #2f292421;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;color:var(--text);font-family:Inter,sans-serif}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--background);background-image:radial-gradient(var(--border) .8px, transparent .8px);background-size:18px 18px;margin:0}.page{width:min(1120px,100% - 2rem);margin:0 auto;padding:3rem 0}.page-title{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.page-description{color:var(--text-light);max-width:620px;font-size:1.05rem}h1,h2,.logo{font-optical-sizing:auto;font-variation-settings:"SOFT" 0, "WONK" 0;font-family:Fraunces,serif;font-style:normal;font-weight:400}*{box-sizing:border-box}body{background-color:var(--background);min-width:320px;min-height:100vh;margin:0}button{cursor:pointer}.empty-state{background-color:var(--card-color);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-soft);grid-column:1/-1;padding:3rem 2rem}.empty-state h2{margin:0 0 .5rem;font-size:1.6rem}.empty-state p{color:var(--text-light);margin:0}.navbar{border:1px solid var(--border);box-shadow:var(--shadow-soft);background-color:var(--background-soft);z-index:1000;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex;position:sticky;top:0}.logo{cursor:pointer;color:var(--text);font-size:1.45rem;font-weight:700;text-decoration:none}.nav-links{justify-content:space-between;align-items:center;gap:.5rem;list-style:none;display:flex}.links-nav{color:var(--text-light);padding:.55rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none}.links-nav:hover{color:var(--text)}.nav-links .active{color:var(--accent-dark)}.home-button{background-color:var(--accent);border-width:2px;border-color:var(--accent-dark);color:#fff;cursor:pointer;border-radius:1rem;padding:1rem;font-size:1.1rem;font-weight:700}.home-buttons-container{justify-content:space-evenly;align-items:center;padding:1.5rem 5%;display:flex}.home-button:hover{background-color:var(--accent-light)}.project-card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:20rem;box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.project-card-image,.project-image-placeholder{object-fit:cover;width:100%;height:auto;display:block;overflow:hidden}.project-image-placeholder{background:linear-gradient(135deg, #9a5f6314, #9fac9226), var(--color-bg-soft);color:var(--background-light);justify-content:center;align-items:center;display:flex;overflow:hidden}.thread-palette{align-items:space-evenly;gap:.4rem;padding:4px;display:flex}.row-wrapper{justify-content:space-evenly;align-items:center;gap:1rem;margin-top:.35rem;padding:7px;display:flex;overflow:hidden}.project-status{background-color:#00f;border-radius:10px;padding:5px;font-size:1rem;font-weight:500}.status-planned{color:#56634e;background-color:#d5e5fc;border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.status-progress{background:var(--accent-light);color:var(--accent-dark);border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.status-completed{background-color:var(--sage-soft);color:#292f25;border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.status-paused{color:#4c6db3;background:#d5e5fc;border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.status-abandoned{color:#8c3f34;background:#f3d4cf;border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.status-default{background:var(--background-soft);color:var(--accent-muted);border:1px solid #000;border-radius:10px;height:fit-content;padding:5px;font-size:1rem;font-weight:500}.color-dot{cursor:pointer;border-radius:50%;flex:auto;width:20px;height:20px}.project-card-content p{padding:1.1rem}.project-tags{justify-content:space-evenly;display:flex}.project-tag{background-color:var(--accent-light);border-radius:15px;padding:7px;font-size:1rem}.project-card h2{text-align:center}.projects-page{width:100%;padding:1.5rem 5%}.filter-buttons{gap:20px;display:flex}.projects-page h3{color:var(--text-light)}.filter-buttons button{box-sizing:border-box;cursor:pointer;background-color:var(--accent-light);border-width:1px;border-radius:10px;padding:5px 10px}.filter-buttons button:hover,.filter-button.active{background-color:var(--accent)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem;text-decoration:none;display:grid}.homepage{flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.home-text{text-align:center;flex-direction:column;align-items:center;display:flex}.homepage #title{font-size:4rem}.feature-cards{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem;padding-top:4rem;display:grid}.feature-card{background-color:var(--sage-soft);border:3px solid var(--gold);border-radius:var(--radius-lg);padding:2rem}.feature-card h2{color:var(--text)}.feature-card p{color:var(--text-light)}.project-detail{grid-template-columns:1fr 1fr;gap:2rem;min-height:100vh;padding:1.2rem;display:grid}.project-image{background-color:#fff;height:min(500px,90%)}.detailPage-content{flex-direction:column;justify-content:flex-start;display:flex}.project-tags{justify-content:space-evenly;align-items:center;margin:1rem;display:flex}.detailed-project-tag{background-color:#add8e6;border-radius:20px;padding:10px}.project-name-detailPage{text-align:center;margin-bottom:0%}.details{justify-content:space-evenly;align-items:center;padding:15px;display:flex}.thread-list{flex-direction:column;gap:.75rem;display:flex}.thread-item{align-items:center;gap:.75rem;display:flex}.thread-item p{margin:0}.thread-dot{border:1px solid #000;border-radius:50%;width:20px;height:20px}.del-edit{justify-content:space-evenly;padding-top:20px;display:flex}.del-edit button{background-color:var(--accent-light);border-width:1px;border-color:var(--accent-light);border-radius:10px;padding:7px}.project-detail-image{object-fit:cover;width:100%;height:auto;display:block}.form-card{background:var(--sage-soft);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:2rem}.form-section{border-top:3px solid var(--gold);grid-template-rows:1fr 1fr;width:100%;height:auto;margin-top:1.5rem;padding-top:1.5rem;display:grid}.form-row{gap:2rem;display:flex}.form-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.file-field{background:var(--sage-soft)}.form-group{flex-direction:column;margin-top:.5rem;display:flex}input,select,textarea{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);background:#fffefa;outline:none;padding:.8rem .9rem}#add-thread-btn{width:50%;margin-top:1rem;padding:7px;font-size:1rem}.added-thread-item{align-items:center;gap:10px;display:flex}#create-btn{background-color:var(--gold);border-color:var(--border);align-self:center;width:70%;height:2.5rem;font-size:1.2rem}.edit-project-image{height:20rem;padding:20px}.save-cancel-btns{justify-content:space-evenly;display:flex}#cancel-btn{border-width:1px;border-radius:10px;width:6rem;height:auto;font-size:1rem}.form-error{color:#8f3d3d;background-color:#fff0f0;border:1px solid #e3a6a6;border-radius:.75rem;margin-top:1rem;padding:.75rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--sage)}textarea{resize:vertical;min-height:140px}.pick-color{flex-direction:row;align-items:center;gap:1rem;display:flex}input[type=color]{background-color:var(--sage-light);border:none;border-radius:50%;width:48px;height:48px}.public-toggle-card{border:1px solid var(--border);background-color:var(--card-color);border-radius:18px;justify-content:space-evenly;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:2rem;padding:1rem;display:flex}.public-toggle-title{color:#4b3326;margin-bottom:.25rem;font-weight:700;display:block}.public-toggle-description{color:var(--text-light);margin:.1rem;font-size:.9rem}.public-checkbox{width:1.35rem;height:1.35rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.explore-page{background-color:var(--sage-soft);width:100%;height:100vh}.start-explore{background-color:var(--sage-soft);border-radius:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;width:100%;height:auto;margin-top:2rem;padding:1.5rem 5%;display:grid}.explore-top-text{text-align:center}.explore-page-row{justify-content:space-evenly;align-items:center;display:flex}.searchbar{background-color:#fff;border-radius:15px;padding:5px;display:flex}.searchbar button{cursor:pointer;background-color:#fff;border:none;padding:5px}input{background-color:#fff;border:#fff;border-radius:15px;width:15rem;padding:5px}@media (width<=768px){.page{width:calc(100% - 1rem);padding:2rem 0}.page-title{font-size:2.25rem;line-height:1.1}.page-description{font-size:1rem}.navbar{flex-direction:column;align-items:center;gap:.75rem;width:100%}.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.nav-link{padding:.5rem .75rem;font-size:.9rem}.project-grid{grid-template-columns:1fr;gap:1.25rem}.form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-card{padding:1.25rem}.form-row{grid-template-columns:1fr}input,select,textarea,#create-btn,#add-thread-btn{width:100%}.project-detail{grid-template-columns:1fr;gap:1.25rem}.left-column,.detailPage-content{width:100%}.detailPage-content{padding:1.25rem}.project-name-detailPage{font-size:2rem}.project-image{aspect-ratio:4/3}.filter-buttons{gap:.5rem}.filter-button{flex:auto;min-width:fit-content}.thread-info,.project-designer,.project-tag,.detailed-project-tag{overflow-wrap:anywhere}.project-card-image,.project-image-placehoder{height:220px}}@media (width<=480px){.public-toggle-card{align-items:flex-start}.public-checkbox{margin-top:.2rem}}