@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&display=swap";.project-card{background:#f3f4f6;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s;box-shadow:0 2px 8px #00000008}.project-card:hover{transform:scale(1.03)}.project-card__image-container{aspect-ratio:16/9;background:#e5e7eb;width:100%;overflow:hidden}.project-card__image{width:100%;height:100%;object-fit:cover;display:block}.project-card__content{padding:24px}.project-card__title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.project-card__desc{color:#666;margin-bottom:16px;font-size:.95rem}.project-card__progress-section{margin-bottom:16px}.project-card__progress-labels{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:4px}.project-card__progress-label{color:#666}.project-card__progress-value{font-weight:600}.project-card__progress-bar-bg{height:8px;background:#e5e7eb;border-radius:8px;overflow:hidden}.project-card__progress-bar-fill{height:100%;background:#111;border-radius:8px;transition:width .3s}.project-card__stats{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.project-card__stat{display:flex;align-items:center;gap:4px}.project-card__stat--positive{color:#059669}.project-card__stat--negative{color:#dc2626}.project-card__stat--time{color:#666}.home-container{max-width:1200px;margin:0 auto;padding:32px 24px}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.home-title{font-size:2.5rem;font-weight:700}.home-header-actions{display:flex;gap:16px}.home-profile-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:background .2s}.home-profile-btn:hover{background:#e5e7eb}.home-connect-btn{padding:8px 24px;background:#111;color:#fff;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:background .2s}.home-connect-btn:hover{background:#222}.home-projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.home-projects-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.home-projects-grid{grid-template-columns:1fr 1fr 1fr}}@media (orientation: landscape){.text-container{display:grid;grid-template-columns:70vw 2vw 24vw}button{z-index:100}#nav-container{padding-left:.5vw;padding-top:4vh}a{color:#fff;text-decoration:underline}#Container.light-mode a{color:#c1272d;text-decoration:underline}#nav-container a{font-size:1.5vw;text-decoration:none}#nav-container button{font-size:1.5vw;text-decoration:none;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;font-family:inherit;font-weight:inherit;transition:opacity .2s ease}#nav-container button:hover{opacity:.7}#nav-container button.nav-active{font-size:2vw;font-weight:600;opacity:1}#Container.light-mode #nav-container button{color:#c1272d}#Container{background-image:url(/assets/Lapis-CgOdXKeg.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:calc(var(--vh, 1vh) * 100);width:calc(var(--vw, 1vw) * 100);overflow:hidden;font-family:Instrument Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:background-image .3s ease-in-out}#Container.loading{background-image:none;background-color:#1e1e1e}#Container.light-mode.loading{background-color:#fff9ef}#Content{margin:1.5vh 1.5vw;background-color:#1e1e1e;height:97vh;width:97vw;padding:1vh 1vw;display:grid;grid-template-rows:1fr 2fr}.header-container{position:relative;z-index:10;transition:transform .05s ease-out}h1{color:#fff;font-size:8rem;font-weight:400;font-family:Instrument Sans,sans-serif;margin:0;padding-left:1vw}hr{width:97.5%;border:1px solid gray;margin-left:1.5vw;transition:margin-top .05s ease-out}#PersonalLogo{width:100px;height:100px;position:absolute;left:92.5vw;bottom:1vh;z-index:100}#MainText{color:#fff;width:65vw;margin-left:1.5vw;margin-top:4.5vh;font-family:Instrument Sans,sans-serif;font-size:2rem;overflow-y:scroll;height:55vh;scrollbar-width:none}#SideText{color:#fff;width:20vw;height:45vh;overflow-y:scroll;margin-left:1.5vw;margin-top:4.5vh;position:absolute;left:75vw;top:35vh;font-family:Instrument Sans,sans-serif;font-size:2rem}.button-hidden{display:none}#Container.light-mode{background-color:#fff}#Container.light-mode #Content{background-color:#fff9ef}#Container.light-mode hr{width:97.5%;border:1px solid #C1272D;margin-left:1.5vw}#Container.light-mode h1{color:#c1272d}#SideTextDivider{display:none}#Container.light-mode #MainText,#Container.light-mode #SideText{color:#c1272d}#Container.light-mode #SideTextDivider{display:none}.button-toggle-mode{position:absolute;right:2.5vw;top:2.5vh;background:none;border:none;cursor:pointer;padding:0}.h1-main{margin-bottom:0;margin-top:1vh;height:13vh}.h1-sub{margin-top:0}#MainText.relative{position:relative}.footnote-number{background:none;border:none;color:inherit;font-size:.7em;vertical-align:super;cursor:pointer;padding:0;margin:0;text-decoration:underline;font-family:inherit;font-weight:inherit;line-height:1;display:inline}.footnote-number-display{font-size:.8em;vertical-align:super;font-family:inherit;font-weight:inherit}.text-section h2{font-size:1.5em;font-weight:600;margin-bottom:.5em;margin-top:0}.text-section h3{font-size:1.2em;font-weight:500;margin-bottom:.3em;margin-top:1em}.text-section p{margin-bottom:.8em;line-height:1.6}.text-section pre{background-color:#ffffff1a;padding:.5em;border-radius:4px;font-family:monospace;font-size:.9em;margin:.5em 0;overflow-x:auto}#Container.light-mode .text-section pre{background-color:#0000001a}}@media (orientation: portrait){#nav-container button{font-size:4vh;text-decoration:none;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;font-family:inherit;font-weight:inherit;transition:opacity .2s ease}#nav-container button:hover{opacity:.7}#nav-container button.nav-active{font-size:5vh;font-weight:600;opacity:1}#Container.light-mode #nav-container button{color:#c1272d}#Container{background-image:url(/assets/Lapis-CgOdXKeg.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:calc(var(--vh, 1vh) * 100);width:calc(var(--vw, 1vw) * 100);overflow:hidden;font-family:Instrument Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#Content{margin:1.5vh 2.5vw;background-color:#1e1e1e;padding:1vh 2vw;display:grid;grid-template-rows:15vh 85vh;height:97vh}.header-container{position:relative;z-index:10;transition:transform .05s ease-out;align-self:flex-start}#Container.light-mode{background-color:#fff}#Container.light-mode #Content{background-color:#fff9ef}h1{color:#fff;font-size:6vh;font-weight:400;font-family:Instrument Sans,sans-serif;margin:0;padding-left:0vw;text-align:left;align-self:flex-start}#Container.light-mode h1,#Container.light-mode #MainText,#Container.light-mode #SideText{color:#c1272d}#PersonalLogo{height:8vh;position:absolute;left:85vw;bottom:.75vh;z-index:100}.button-toggle-mode{position:absolute;right:2.5vw;top:2.5vh;background:none;border:none;cursor:pointer;padding:0}.h1-main{margin-bottom:0;margin-top:-1vh;height:8vh}.h1-sub{margin-top:-2.5vh}#MainText.relative{position:relative}#MainText{color:#fff;width:85vw;margin:0 auto;font-family:Instrument Sans,sans-serif;font-size:5vw;overflow-y:scroll;height:75vh;text-align:left;padding:0;display:block;overflow-x:hidden;scrollbar-width:none}#nav-container{display:none}#SideText{font-family:Instrument Sans,sans-serif;font-size:1.25rem;color:#fff;display:none}#Container.light-mode hr{margin-top:1em;margin-bottom:1em;width:97.5%;border:1px solid #C1272D;margin-left:1.5vw}hr{margin-top:.5vh;margin-bottom:.5vh;width:97.5%;border:1px solid gray;margin-left:1.5vw;transition:margin-top .05s ease-out}.footnote-link{color:inherit;text-decoration:underline;transition:opacity .2s ease}.footnote-link:hover{opacity:.7}#Container.light-mode .footnote-link{color:#c1272d}.footnote-number{background:none;border:none;color:inherit;font-size:.7em;vertical-align:super;cursor:pointer;padding:0;margin:0;text-decoration:underline;font-family:inherit;font-weight:inherit;line-height:1;display:inline}.footnote-number-display{font-size:.8em;vertical-align:super;font-family:inherit;font-weight:inherit}.text-section h2{font-size:1.5em;font-weight:600;margin-bottom:.5em;margin-top:0}.text-section h3{font-size:1.2em;font-weight:500;margin-bottom:.3em;margin-top:1em}.text-section p{margin-bottom:.8em;line-height:1.6}.text-section pre{background-color:#ffffff1a;padding:.5em;border-radius:4px;font-family:monospace;font-size:.9em;margin:.5em 0;overflow-x:auto}#Container.light-mode .text-section pre{background-color:#0000001a}.footnote-popup{background-color:#000000e6;border:1px solid #666;border-radius:8px;padding:1rem;margin-top:.5rem;max-width:400px;animation:fadeIn .3s ease}#Container.light-mode .footnote-popup{background-color:#fffffff2;border:1px solid #C1272D}.footnote-content{margin:0;font-size:.9em;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#fff;color:#222}