:root{--bg:#e6e6e6;--sidebar-bg:#d7aee0;--card-bg:#d7aee0;--card-shadow:#c49dd0;--content-bg:#fafafa;--selection-bg:#3b2748;--btn-bg:#c474db;--btn-text:#3a1a45;--label-bg:#b58ac2;--label-text:#3a1a45;--text:#2e2e2e;--icon-color:#2e2e2e99;--accent:#e6e6e6b3;--divider:#8a7796;--nickname-shadow:#e6e6e6;--about-highlight:#c474db;--about-hob-text:#2e2e2e99;--heart:#c474db;--heart-hover:#ff78dc;--post-a:#9d41b6;--post-a-under:#c474db;--post-a-hover:#441e5c;--post-a-under-hover:#441e5c}[data-theme=dark]{--bg:#141828;--sidebar-bg:#1e1630cc;--card-bg:#3b2748;--card-shadow:#2a1a36;--content-bg:#1e1630;--selection-bg:#441e5c;--btn-bg:#5b4b66;--btn-text:#baa1c9;--label-bg:#0000002e;--label-text:#827e85;--text:#cdc3d4;--icon-color:#d7aee099;--accent:#e6e6e630;--divider:#d7aee030;--nickname-shadow:#2a1a36;--about-highlight:#e6e6e6;--about-hob-text:#d7aee099;--heart:#ff78dc;--heart-hover:#c474db;--post-a:#d37eeb;--post-a-under:#c474db;--post-a-hover:#e6e6e6;--post-a-under-hover:#e6e6e6}html,body,#root{min-height:100%}*,:before,:after{box-sizing:border-box}::selection{background:var(--selection-bg);color:#fff}:link,:visited{color:inherit;text-decoration:none}body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Space Mono,monospace;transition:background .3s,color .3s}body:before{content:"";z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url(data:image/png;base64,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);background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}.loading-bar{background:var(--bg);z-index:9999;width:100%;height:3px;position:fixed;top:0;left:0}.loading-progress{background:var(--btn-bg);width:0%;height:100%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}.btn{-webkit-user-select:none;user-select:none;text-transform:uppercase;cursor:pointer;color:var(--btn-text);background:var(--btn-bg);border:none;border-radius:25px;margin:.75rem 0;padding:.35rem .9rem;font-family:Space Mono,monospace;font-size:.85rem;font-style:italic;transition:box-shadow .2s;box-shadow:0 4px 4px #0000002e,inset 0 0 #0003}.btn:hover{box-shadow:0 0 #0000002e,inset 0 3px 4px #0003}.label{-webkit-user-select:none;user-select:none;color:var(--label-text);background:var(--label-bg);border-radius:25px;padding:.15rem .75rem;font-family:Space Mono,monospace;font-size:.7rem;font-style:italic;display:inline-block;box-shadow:0 2px 2px #0000002e}.divider{background:var(--divider);height:1px;margin:.25rem 0}.view-more-row{justify-content:center;width:100%;margin-top:.5rem;display:flex}.sidebar-toggle{display:none}aside{z-index:10;background:var(--sidebar-bg);background-image:url(data:image/png;base64,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);flex-direction:column;justify-content:space-between;width:240px;padding:2.5rem 1.75rem;display:flex;position:fixed;inset:0 auto 0 0}.name{color:var(--text);flex-direction:column;display:flex}.fullname{text-transform:uppercase;font-size:1.1rem;font-style:italic}.nickname{letter-spacing:-10%;text-shadow:0 0 12px var(--nickname-shadow), 0 0 6px var(--bg);font-family:Victor Mono,monospace;font-size:40px;font-style:italic;font-weight:500;position:relative}.nickname:after{content:"";z-index:-1;background:var(--accent);width:110%;height:12px;position:absolute;top:75%;left:-5%}nav{-webkit-user-select:none;user-select:none;flex-direction:column;gap:.15rem;transition:all .5s;display:flex}nav a{width:fit-content}nav a:before{opacity:0;top:-1.2rem;left:-1.8rem}nav a:hover:before{opacity:1}nav a:after{background:var(--accent);width:0%;left:0}nav a:hover:after{width:110%}.socials{align-items:center;gap:.9rem;display:flex}.mobile-about-header{display:none}.socials a{color:var(--icon-color);align-items:center;transition:color .2s,transform .2s;display:flex}.socials a:hover{color:var(--text);transform:translateY(-2px)}.socials svg{fill:currentColor;width:18px;height:18px}.toggle-btn{z-index:1000;background:var(--btn-bg);border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:fixed;top:1rem;right:1rem}#theme-toggle{color:var(--btn-text);cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;display:flex}aside>*{opacity:0;animation:.5s forwards fadeIn;transform:translate(-16px)}aside>:first-child{animation-delay:50ms}aside>:nth-child(2){animation-delay:.15s}aside>:nth-child(3){animation-delay:.22s}aside>:nth-child(4){animation-delay:.28s}aside>:nth-child(5){animation-delay:.34s}aside>:nth-child(6){animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translate(0)}}main{z-index:1;flex-direction:column;margin-left:240px;display:flex;position:relative}section{opacity:0;padding:2rem 3rem;animation:.5s forwards sectionFadeIn;transform:translateY(-16px)}#about{animation-delay:.1s}#projects{animation-delay:.25s}#writings{animation-delay:.4s}@keyframes sectionFadeIn{to{opacity:1;transform:translateY(0)}}nav a,.section-title{color:var(--text);text-transform:lowercase;font-family:League Script,cursive;font-size:2rem;font-weight:700;text-decoration:none;position:relative}.section-title{margin:0 0 1.25rem;padding-left:.75rem}nav a:before,.section-title:before{content:url(../media/purp-bttrly-op.0z58uk080evt-.png);background:radial-gradient(circle, var(--btn-text) 0%, transparent 55%);border-radius:100%;transition:all .25s;position:absolute;transform:scale(.5)scaleX(-1)rotate(-17deg)}.section-title:before{top:-1.27rem;left:-1.1rem}nav a:after,.section-title:after{content:"";z-index:-1;border-radius:0 1rem 1rem 0;height:8px;transition:all .25s;position:absolute;top:55%}.section-title:after{background:var(--card-bg);width:12rem;left:-3rem}#about{flex-direction:column;display:flex}.about-top{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.about-intro{width:100%}@media (max-width:720px){.mobile-about-header{flex-direction:row;gap:2rem;padding:2rem 3rem;display:flex}.mobile-about-header .mobile-name{justify-content:center;align-items:flex-start;gap:.25rem;display:flex}.mobile-about-header .name{margin:0;padding:0}.mobile-about-header .name .nickname{margin:0}.mobile-about-header .socials{flex-direction:column;justify-content:space-between;margin:0}.mobile-about-header .socials a{justify-content:center;align-items:center;display:flex}.mobile-about-header .socials svg{width:24px;height:24px}.mobile-about-header .mobile-divider{margin:0}.sidebar-toggle{z-index:20;border:1px solid var(--divider);cursor:pointer;background:#ffffffeb;border-radius:14px;justify-content:center;align-items:center;gap:.35rem;width:2.5rem;height:2.25rem;padding:.5rem;display:flex;position:fixed;top:1rem;left:1rem;box-shadow:0 10px 24px #0000001f}.sidebar-toggle span{background:var(--text);border-radius:999px;width:1.4rem;height:2px;transition:transform .2s;display:block}aside{z-index:15;background:var(--sidebar-bg);width:100vw;height:100vh;margin-left:0;padding:3.5rem 1.75rem 2.5rem;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.name{max-width:70%}aside.open{transform:translate(0)}main{margin-left:0}.about-top{flex-direction:column}.about-intro{width:100%}}.about-text{color:var(--text);margin:0;font-family:Space Mono,monospace;font-size:.95rem;line-height:1.6}.about-highlight{color:var(--about-highlight);font-style:italic;font-weight:700;transition:all .3s}.about-highlight:hover{color:var(--text)}.about-underline{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--about-highlight);text-decoration-color:var(--about-highlight);color:var(--text);font-style:italic;transition:all .3s}.about-underline:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.venn{flex-shrink:0;width:200px}.venn-svg{width:100%;height:auto}.venn-circle{fill:none;stroke:#d7aee0;stroke-width:2px}.venn-heart{cursor:pointer;fill:var(--heart);transform-origin:50%;font-size:42px;animation:1.5s linear infinite alternate heartBeat}.venn-heart:hover{fill:var(--heart-hover)}@keyframes heartBeat{0%{transform:scale(1.05)}50%{transform:scale(1)}to{transform:scale(.85)}}.venn-label{fill:var(--text);font-family:Space Mono,monospace;font-size:13px;font-style:italic}.about-bottom{flex-flow:column wrap;align-items:flex-start;gap:2rem;display:flex}.about-hobbies{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.cloud-wrap{flex-direction:row;width:100%;display:flex;position:relative}.cloud-svg{width:100%;height:auto;scale:1.1}.cloud-path{fill:none;stroke:#d7aee0;stroke-width:2px}.cloud-icon{stroke:#d7aee0;cursor:pointer;transition:all .2s}svg text{fill:#d7aee0}.cloud-icon:hover{color:var(--btn-bg)}#cloudTitle{color:var(--card-bg);opacity:0;white-space:nowrap;pointer-events:none;font-family:Space Mono,monospace;font-size:.7rem;font-style:italic;transition:opacity .2s;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.deco-dots{align-items:center;gap:.5rem;padding-left:1rem;display:flex}.deco-dot{border:2px solid #d7aee0;border-radius:50%;display:inline-block}.deco-dot-lg{width:22px;height:22px}.deco-dot-sm{width:12px;height:12px}@media (max-width:720px){.deco-dots{display:none}.about-hobbies{flex-direction:column;justify-content:center}}.about-hobbies-text{color:var(--about-hob-text);margin:0;font-family:Victor Mono,monospace;font-size:.8rem;font-style:italic;line-height:1.6}.about-photo{width:50%}.about-img{aspect-ratio:3/4;object-fit:cover;border-radius:20px;width:100%;height:auto;display:block;transform:scaleX(-1)}.education-content,.experience-content{flex-direction:column;gap:2rem;display:flex}.education-item,.experience-item{background:var(--card-bg);box-shadow:4px 8px 12px var(--card-shadow);border-radius:20px;flex-direction:column;gap:.2rem;padding:1rem 1.25rem;display:flex}.education-degree,.experience-role{font-size:1rem;font-weight:700}.education-school,.experience-company{color:var(--label-text);font-size:.85rem;font-style:italic}.education-year,.experience-year{opacity:.7;font-size:.82rem;font-style:italic}.education-desc,.experience-desc{background:var(--content-bg);border-radius:12px;margin-top:.4rem;padding:.45rem .75rem;font-size:.8rem}.experience-labels{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-group label{color:var(--text);text-align:center;font-size:.8rem;font-style:italic}.filter-group select{border:1px solid var(--divider);background:var(--content-bg);color:var(--text);border-radius:8px;padding:.25rem .5rem;font-family:Space Mono,monospace;font-size:.8rem}.project-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.project-card{perspective:1000px;width:clamp(30%,45%,300px);height:300px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;box-shadow:0 4px 10px var(--card-shadow);border-radius:20px;transition:transform .5s;position:relative}.project-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:var(--card-bg);border-radius:20px;padding:1rem;position:absolute;inset:0}.card-back{justify-content:center;align-items:center;padding:1.25rem;display:flex;transform:rotateY(180deg)}.card-back-content{flex-direction:column;gap:.5rem;width:100%;height:100%;display:flex;overflow-y:auto}.project-desc-full{background:var(--content-bg);border-radius:12px;flex-grow:1;padding:.45rem .75rem;font-size:.8rem;line-height:1.4;overflow-y:auto}.project-img{background:var(--content-bg);border-radius:12px;justify-content:center;align-items:center;width:100%;height:55%;display:flex;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%}.project-details{flex-direction:column;gap:.2rem;margin-top:.75rem;display:flex;overflow:hidden}.project-labels{flex-wrap:wrap;gap:.5rem;margin-bottom:.3rem;display:flex}.project-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.project-time{opacity:.7;font-size:.82rem;font-style:italic}.project-desc{white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-size:.78rem;overflow:hidden}.writings-cards{flex-direction:column;align-items:center;gap:2rem;display:flex}.writings-card{background:var(--card-bg);width:100%;box-shadow:4px 8px 12px var(--card-shadow);border-radius:20px;padding:1rem 1.25rem .75rem;transition:background .3s;overflow:hidden}.writings-labels{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.writings-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 .25rem .5rem;display:flex}.writings-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.1rem;font-weight:700;overflow:hidden}.writings-time{opacity:.7;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-style:italic}.writings-content{background:var(--content-bg);text-align:justify;-webkit-hyphens:auto;hyphens:auto;max-height:92px;color:var(--text);-webkit-line-clamp:4;border-radius:15px;-webkit-box-orient:vertical;padding:.5rem .75rem;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.writings-footer{justify-content:flex-end;display:flex}@media (max-width:480px){.writings-meta{flex-direction:column;gap:.25rem}.project-card{width:100%}}.writing-post-title{color:var(--text);margin:0 0 .5rem;font-size:2.2rem;font-weight:700;position:relative}.writing-post-time{opacity:.6;font-style:italic}.writing-post-content{color:var(--text);margin-top:2rem;line-height:1.8}.writing-post-content p{margin-bottom:1rem}.writing-post-content figure{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;margin:0;padding:0 1rem 0 0;display:flex}.writing-post-content figure img{object-fit:cover;width:70%}.writing-post-content figure figcaption{text-align:center;opacity:.7;font-size:.8em}.writing-post-content blockquote{background:var(--content-bg);border-left:4px solid var(--selection-bg);color:var(--text);opacity:.75;border-radius:0 20px 20px 0;margin:1rem 0;padding:.25rem 1rem;font-style:italic;transition:all .2s}.writing-post-content em,figcaption{color:var(--selection-bg);font-style:italic}.writing-post-content a{color:var(--post-a);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--post-a-under);text-decoration-color:var(--post-a-under);transition:all .3s}.writing-post-content a:hover{color:var(--post-a-hover);-webkit-text-decoration-color:var(--post-a-under-hover);text-decoration-color:var(--post-a-under-hover)}.back-to-writings{padding:2rem 3rem}