@charset "UTF-8";@font-face{font-family:Shifty Notes;src:url(/fonts/shifty-notes-regular.woff2) format("woff2"),url(/fonts/shifty-notes-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Motley Forces;src:url(/fonts/motley-forces-regular.woff2) format("woff2"),url(/fonts/motley-forces-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick-hand/patrick-hand-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}body{--page-background: #f1e9de;--page-surface: #f8f4ee;--page-text: #202522;--page-muted-text: #5e6b64;--page-primary: #405d52;--page-border: #b8c9bd;--story-background: rgba(241, 233, 222, .78);overflow-x:hidden;background:var(--page-background);color:var(--page-text)}body.dark-theme{--page-background: #1e2b27;--page-surface: #263a33;--page-text: #f1e9de;--page-muted-text: #b8c9bd;--page-primary: #8fa9b8;--page-border: rgba(143, 169, 184, .35);--story-background: rgba(24, 34, 31, .68)}html{scroll-behavior:smooth}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%;z-index:2}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#8ecbf3;pointer-events:none;transition:background-color .9s ease}.ambient-sky{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;opacity:0;transform:scale(1.05);transition:opacity .9s ease;will-change:opacity}.ambient-sky-sunny{background:radial-gradient(circle at 82% 16%,rgba(255,239,164,.98) 0 4.5%,rgba(255,220,104,.48) 5%,rgba(255,232,149,.18) 12%,transparent 24%),radial-gradient(ellipse at 20% 42%,rgba(255,255,255,.52),transparent 25%),radial-gradient(ellipse at 76% 62%,rgba(255,255,255,.32),transparent 28%),linear-gradient(180deg,#58b2f2,#9ed7f7 52%,#e9f7ff)}.ambient-sky-rainy{background:radial-gradient(circle at 18% 16%,rgba(255,230,143,.68) 0 3.5%,rgba(255,222,116,.2) 8%,transparent 19%),radial-gradient(ellipse at 72% 14%,rgba(58,82,108,.38),transparent 35%),radial-gradient(ellipse at 24% 48%,rgba(223,240,249,.3),transparent 30%),linear-gradient(180deg,#6c91b3,#8fb9d1,#d6eaf4)}.ambient-sky-night{background:radial-gradient(circle at 72% 18%,rgba(54,93,143,.28),transparent 26%),radial-gradient(circle at 16% 72%,rgba(37,99,235,.12),transparent 32%),linear-gradient(180deg,#01030a,#061326 55%,#02050c)}body.light-theme[data-day-weather=sunny] .ambient-sky-sunny,body.light-theme[data-day-weather=rainy] .ambient-sky-rainy,body.dark-theme .ambient-sky-night{opacity:1}body.light-theme[data-day-weather=rainy]{--story-background: rgba(220, 226, 222, .68)}body.dark-theme .ambient-background{background-color:#01030a}.ambient-background-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}main{position:relative;z-index:1}.room-hero{position:relative;min-height:100svh;height:100vh;overflow:hidden;background:#dce2de}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;display:none;place-items:center;overflow:hidden;background:transparent;color:#405d52;perspective:1400px}.door-panel{position:absolute;top:0;bottom:0;z-index:2;width:calc(50% + 1px);overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;background:linear-gradient(90deg,rgba(113,142,122,.055) 1px,transparent 1px) 0 0/72px 100%,radial-gradient(circle at 50% 44%,rgba(184,201,189,.74),transparent 42%),#f1e9de;will-change:transform}.door-panel-left{left:0;border-right:1px solid rgba(64,93,82,.2);box-shadow:inset -18px 0 35px #405d5211;transform-origin:left center}.door-panel-right{right:0;border-left:1px solid rgba(64,93,82,.2);box-shadow:inset 18px 0 35px #405d5211;transform-origin:right center}.door-handle{position:absolute;top:50%;width:14px;height:14px;border:3px solid rgba(64,93,82,.68);border-radius:50%;background:#f1e9de;box-shadow:0 3px 10px #405d5233;transform:translateY(-50%)}.door-handle-left{right:22px}.door-handle-right{left:22px}.welcome-screen-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;width:100%;min-height:100%;padding:clamp(2rem,6vw,5rem);overflow:hidden;background:radial-gradient(circle at center,rgba(184,201,189,.52),transparent 48%),#f1e9de;text-align:center;backface-visibility:hidden;pointer-events:none;transform-origin:center;transform-style:preserve-3d;will-change:opacity,transform}.welcome-screen-greeting{margin:0;color:#405d52;font-family:Patrick Hand,Segoe Print,cursive;font-size:clamp(2.25rem,7vw,6.5rem);font-weight:400;font-style:normal;line-height:1.2;letter-spacing:0;text-wrap:balance}.welcome-letter{display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);will-change:opacity,transform,filter,clip-path}.welcome-screen-accent{display:block;width:min(34vw,220px);height:2px;margin:clamp(1.5rem,4vw,2.5rem) auto 0;background:linear-gradient(90deg,transparent,#d99478,transparent);transform-origin:center;will-change:opacity,transform}.skip-room-link,.back-to-room-link{right:clamp(1rem,3vw,2.25rem);bottom:clamp(1rem,3vw,2.25rem);display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:10px 16px;border:8px solid #718e7a;border-radius:1.2rem;background:#dce2de;color:#718e7a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-weight:750;text-decoration:none;box-shadow:#0000003d 0 3px 8px;pointer-events:auto;transition:transform .2s ease,box-shadow .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease,text-shadow .35s ease}.light-theme .skip-room-link,.light-theme .back-to-room-link{border-color:#718e7a;background-color:#dce2de;color:#718e7a}.dark-theme .skip-room-link,.dark-theme .back-to-room-link{border-color:#405d52;background-color:#263a33;color:#405d52}.skip-room-link:hover,.back-to-room-link:hover{transform:rotate(-2deg) scale(1.05);box-shadow:#0000004d 0 5px 14px}.skip-room-link:focus-visible,.back-to-room-link:focus-visible{outline:3px solid rgba(113,142,122,.5);outline-offset:3px}.skip-room-link{position:absolute;z-index:5}.back-to-room-link{position:fixed;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity .22s ease,visibility 0s linear .22s,transform .22s ease,box-shadow .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease,text-shadow .35s ease}.back-to-room-link.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.back-to-room-link.is-visible:hover{transform:rotate(-2deg) scale(1.05)}.room-fallback-message{position:absolute;z-index:5;inset:1rem auto auto 50%;width:min(90%,640px);transform:translate(-50%);padding:.8rem 1rem;border-radius:.75rem;background:#f1e9de;color:#405d52;font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-align:center}.story-content{position:relative;z-index:4;background-color:var(--story-background);color:var(--page-text);transition:background-color .3s ease,color .3s ease}.story-section{width:min(90%,960px);margin:0 auto;padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid var(--page-border)}.story-section:first-child{border-top:0}.story-section h2,.story-section p{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.story-section h2{max-width:760px;margin:.4rem 0 clamp(1.75rem,4vw,3rem);color:var(--page-text);font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em}.section-eyebrow{color:var(--page-primary);font-size:.82rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.section-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem clamp(1.5rem,4vw,3.5rem)}.section-copy p{color:var(--page-muted-text);font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.75}.contact-intro{max-width:620px;color:var(--page-muted-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem;line-height:1.7}.profile-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.profile-links a{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border:1px solid var(--page-border);border-radius:999px;background:var(--page-surface);color:var(--page-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;text-decoration:none;transition:border-color .35s ease,background-color .35s ease,color .35s ease,box-shadow .35s ease,text-shadow .35s ease,transform .2s ease}.profile-links a:hover{border-color:var(--page-primary);transform:translateY(-2px)}.profile-links a:focus-visible{outline:3px solid color-mix(in srgb,var(--page-primary) 35%,transparent);outline-offset:3px}.site-footer{width:min(90%,960px);margin:0 auto;padding:2rem 0 3rem;border-top:1px solid var(--page-border)}.site-footer p{color:var(--page-muted-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;line-height:1.6}.contact-text-link{color:inherit;font-family:Shifty Notes;font-size:1.2rem;text-decoration-thickness:2px;text-underline-offset:.2em}@media(max-width:768px){.skip-room-link,.back-to-room-link{right:1rem;bottom:1rem}.story-section{width:min(88%,960px);padding:4rem 0}.section-copy{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-room-link,.back-to-room-link,.profile-links a,.toggle-buttons,.audio-controls,.mute-toggle-button,.volume-control,.volume-value,.volume-slider,.modal-exit-button,.exit-button-svg,.sound-svg,.sound-off-svg,.sun-svg,.moon-svg,.story-content{transition:none}}h1,h2{font-family:Motley Forces}p,ul,li{font-family:Shifty Notes}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#718e7a;font-size:1.5em}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#405d52;transform:scale(1.2);transition:all .2s ease}.image-wrapper{width:100%;height:550px;overflow:hidden;margin-bottom:12px}@media(max-width:768px){.image-wrapper{height:auto}}.base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #718e7a}.work-image-wrapper{width:100%;height:350px;overflow:hidden;margin-bottom:12px}.work-base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #718e7a}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:100;display:none;background-color:#20202033;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;max-width:1200px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:30px;border-radius:25px;display:none;border:8px solid #718e7a}.about{max-width:800px}.contact{max-width:500px}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:24px}.sm-margin-top{margin-top:12px}.modal-title{display:flex;justify-content:center;align-items:center;padding:10px 80px;border-radius:5rem;color:#405d52;background-color:#b8c9bd;box-shadow:#0000003d 0 3px 8px}@media(max-width:768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-paragraph-header{font-size:1.5rem;margin-top:24px;margin-bottom:8px}@media(max-width:768px){.modal-paragraph-header{font-size:1.3rem}}.modal-paragraph-header-2{border-top:2px solid #718e7a;font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media(max-width:768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{font-size:1.5rem}@media(max-width:768px){.modal-paragraph-text{font-size:1.3rem}}.list-text{font-size:1.5rem}@media(max-width:768px){.list-text{font-size:1.3rem}}.list-text-2{font-size:1.2rem}@media(max-width:768px){.list-text-2{font-size:1.3rem}}.modal-content{width:100%;height:200px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}@media(max-width:768px){.modal-content{height:350px}}.work .modal-content{height:550px}@media(max-width:768px){.work .modal-content{height:500px}}.story-modal{max-width:760px;background:#f1e9def5;border-color:#718e7a;box-shadow:#20252224 0 18px 40px}.story-modal .modal-wrapper{gap:16px}.story-modal-header{width:100%;text-align:center}.story-modal-eyebrow{letter-spacing:.2rem;text-transform:uppercase;color:#405d52;font-size:1rem;margin-bottom:12px;font-family:Shifty Notes}.story-modal-title{color:#405d52;letter-spacing:.05em;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.story-modal-content{width:100%;max-height:60vh;overflow:hidden}.story-modal-content-wrapper{width:100%;max-height:60vh;overflow-y:auto;padding-right:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.story-modal-body{display:flex;flex-direction:column;gap:1rem}.story-modal-body-text{font-size:clamp(1.1rem,1.8vw,1.65rem);line-height:1.75;color:#405d52}.story-modal-milestone-wrap{margin-top:1.4rem;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:1rem;border-top:2px solid rgba(113,142,122,.4)}.story-modal-label{font-size:.8rem;letter-spacing:.12rem;text-transform:uppercase;color:#718e7a}.story-modal-milestone{color:#405d52;font-size:clamp(1.3rem,2vw,2.2rem);font-family:Motley Forces}.story-modal-closing{margin-top:1.2rem;text-align:center;color:#405d52;font-size:clamp(1.1rem,1.8vw,1.5rem);font-family:Shifty Notes;font-style:italic}.about .modal-content{height:550px}@media(max-width:768px){.about .modal-content{height:500px}}.contact .modal-content{height:170px;overflow:visible}@media(max-width:768px){.contact .modal-content{overflow:visible;height:170px}}.modal-content-wrapper{height:100%;overflow-y:auto;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:#718e7a33}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#405d52;border-radius:4px}.work .modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:18px}@media(max-width:768px){.work .modal-content-wrapper{justify-content:space-between;flex-direction:column}}.work-project{padding-top:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:28px;width:80%;justify-content:start;height:100%}@media(max-width:768px){.work-project{height:auto;width:100%;padding-bottom:24px}}.work-project-wrapper{width:100%;height:auto}.contact .modal-content-wrapper{overflow:visible}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid #718e7a;background-color:#dce2de;padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .35s ease,border-color .35s ease,box-shadow .35s ease;box-shadow:#0000003d 0 3px 8px}.modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media(max-width:768px){.modal-exit-button{top:auto;left:50%;bottom:-3rem;transform:translate(-50%)}.modal-exit-button:hover{transform:translate(-50%) scale(1.3)}}.exit-button-svg{width:40px;height:40px;color:#718e7a}@media(max-width:768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:24px;justify-content:space-between}.contact-svg{width:40px;height:40px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(15deg) scale(1.3)}.github{width:60px;height:60px}.github:hover{transform:rotate(-15deg) scale(1.3)}.instagram{width:63px;height:63px}.instagram:hover{transform:rotate(35deg) scale(1.3)}.mail{width:68px;height:68px}.mail:hover{transform:rotate(-35deg) scale(1.3)}.xsm-margin-top{margin:12px}.site-controls{position:fixed;top:36px;right:48px;z-index:30;display:flex;align-items:center;gap:12px}@media(max-width:768px){.site-controls{top:30px;right:18px;gap:8px}}.audio-controls{display:flex;align-items:center;overflow:hidden;border:8px solid #718e7a;border-radius:1.2rem;background-color:#dce2de;box-shadow:#0000003d 0 3px 8px;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.audio-controls:focus-within,.audio-controls.is-volume-open{box-shadow:#0000004d 0 5px 14px}.audio-controls:focus-within .volume-control,.audio-controls.is-volume-open .volume-control{max-width:180px;padding-right:10px;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}@media(hover:hover)and (pointer:fine){.audio-controls:hover{box-shadow:#0000004d 0 5px 14px}.audio-controls:hover .volume-control{max-width:180px;padding-right:10px;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}}.language-toggle-button{min-width:76px;min-height:76px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:800;line-height:1}@media(max-width:768px){.language-toggle-button{min-width:66px;min-height:66px;font-size:.85rem}}.language-option{display:flex;align-items:center;gap:6px}.language-option-vi,body[data-language=vi] .language-option-en{display:none}body[data-language=vi] .language-option-vi{display:flex}.language-flag{display:block;width:30px;height:20px;flex:0 0 auto;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px #14213d2e}@media(max-width:768px){.language-flag{width:27px;height:18px}}.language-code{line-height:1}.mute-toggle-button{display:flex;justify-content:center;align-items:center;flex:0 0 auto;padding:10px;border:0;background:transparent;color:#718e7a;cursor:pointer;transition:transform .2s ease,color .35s ease,text-shadow .35s ease}.volume-control{display:flex;align-items:center;gap:8px;max-width:0;min-height:44px;padding:0;overflow:hidden;border:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-10px);transition:max-width .25s ease,padding .25s ease,opacity .16s ease,transform .25s ease,visibility 0s linear .25s,color .35s ease,text-shadow .35s ease}.audio-controls:focus-within .volume-control,.audio-controls.is-volume-open .volume-control{transition-delay:0s}@media(hover:hover)and (pointer:fine){.audio-controls:hover .volume-control{transition-delay:0s}}.volume-slider{width:96px;accent-color:#718e7a;cursor:pointer;transition:accent-color .35s ease,filter .35s ease}@media(max-width:768px){.volume-slider{width:60px}}.volume-value{min-width:3ch;color:#718e7a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:750;text-align:right;transition:color .35s ease,text-shadow .35s ease}@media(max-width:768px){.volume-value{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sound-svg{width:40px;height:40px;stroke:#718e7a}@media(max-width:768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{width:40px;height:40px;display:none;stroke:#718e7a}@media(max-width:768px){.sound-off-svg{top:30px;right:96px}}@media(max-width:768px){.sound-off-svg{width:30px;height:30px}}.toggle-buttons{display:flex;justify-content:center;align-items:center;border:8px solid #718e7a;background-color:#dce2de;padding:10px;color:#718e7a;border-radius:1.2rem;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease,text-shadow .35s ease}.theme-toggle-button{cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease,text-shadow .35s ease}.theme-toggle-button:hover{transform:rotate(5deg) scale(1.3)}.sun-svg{width:40px;height:40px;stroke:#718e7a}@media(max-width:768px){.sun-svg{width:30px;height:30px}}.moon-svg{width:40px;height:40px;stroke:#718e7a;display:none}@media(max-width:768px){.moon-svg{width:30px;height:30px}}.sm-font{font-size:1.2rem}.light-theme ul li:before{color:#202522}.dark-theme ul li:before{color:#f1e9de}.light-theme ul li:hover:before{color:#718e7a}.dark-theme ul li:hover:before{color:#405d52}.light-theme .base-image{border-color:#718e7a}.dark-theme .base-image{border-color:#405d52}.light-theme .work-base-image{border-color:#718e7a}.dark-theme .work-base-image{border-color:#405d52}.light-theme .overlay{background-color:#20252273}.dark-theme .overlay{background-color:#0c1210b8}.light-theme .modal{border-color:#718e7a;background-color:#dce2de}.dark-theme .modal{border-color:#405d52;background-color:#263a33}.light-theme .modal-title{color:#405d52;background-color:#b8c9bd}.dark-theme .modal-title{color:#f1e9de;background-color:#5d756b}.light-theme .modal-paragraph-header-2{border-color:#718e7a}.dark-theme .modal-paragraph-header-2{border-color:#405d52}.light-theme .modal-content-wrapper::-webkit-scrollbar-track{background-color:#718e7a33}.dark-theme .modal-content-wrapper::-webkit-scrollbar-track{background-color:#b8c9bd2e}.light-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#405d52}.dark-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#f1e9de}.light-theme .list-text,.light-theme .list-text-2,.light-theme .modal-paragraph-header,.light-theme .modal-paragraph-header-2,.light-theme .modal-paragraph-text{color:#202522}.dark-theme .list-text,.dark-theme .list-text-2,.dark-theme .modal-paragraph-header,.dark-theme .modal-paragraph-header-2,.dark-theme .modal-paragraph-text{color:#f1e9de}.light-theme .modal-exit-button{border-color:#718e7a;background-color:#dce2de}.dark-theme .modal-exit-button{border-color:#405d52;background-color:#263a33}.light-theme .exit-button-svg{color:#405d52}.dark-theme .exit-button-svg{color:#dce2de}.light-theme .toggle-buttons{border-color:#718e7a;background-color:#dce2de;color:#718e7a}.dark-theme .toggle-buttons{border-color:#405d52;background-color:#263a33;color:#405d52}.light-theme .volume-control{color:#718e7a}.dark-theme .volume-control{color:#405d52}.light-theme .audio-controls{border-color:#718e7a;background-color:#dce2de}.dark-theme .audio-controls{border-color:#405d52;background-color:#263a33}.light-theme .mute-toggle-button{color:#718e7a}.dark-theme .mute-toggle-button{color:#405d52}.light-theme .volume-slider{accent-color:#718e7a}.dark-theme .volume-slider{accent-color:#405d52}.light-theme .volume-value{color:#718e7a}.dark-theme .volume-value{color:#405d52}.light-theme .sound-svg,.light-theme .sound-off-svg,.light-theme .sun-svg,.light-theme .github,.light-theme .linkedin,.light-theme .instagram,.light-theme .mail,.light-theme .moon-svg{stroke:#405d52;color:#405d52}.dark-theme .sound-svg,.dark-theme .sound-off-svg,.dark-theme .sun-svg,.dark-theme .github,.dark-theme .linkedin,.dark-theme .instagram,.dark-theme .mail,.dark-theme .moon-svg{stroke:#dce2de;color:#dce2de}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid #718e7a;background-color:#f1e9de;transform:perspective(1000px);border-radius:48px}.loading-screen-button{font-family:Motley Forces;display:flex;justify-content:center;align-items:center;background-color:transparent;padding:10px 40px;outline:none;color:#405d52;border-radius:1.2rem;border:none;font-size:42px}@media(max-width:768px){.loading-screen-button{font-size:32px}}body[data-language=vi],body[data-language=vi] h1,body[data-language=vi] h2,body[data-language=vi] p,body[data-language=vi] ul,body[data-language=vi] li,body[data-language=vi] a,body[data-language=vi] button,body[data-language=vi] label,body[data-language=vi] input,body[data-language=vi] output,body[data-language=vi] span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Arial,sans-serif}body[data-language=vi] .welcome-screen-greeting,body[data-language=vi] .welcome-screen-greeting .welcome-letter{font-family:Patrick Hand,Segoe Print,cursive}.sound-svg,.sound-off-svg,.sun-svg,.moon-svg,.github,.linkedin,.instagram,.mail,.exit-button-svg{transition:color .35s ease,stroke .35s ease,filter .35s ease}.language-code{transition:color .35s ease,text-shadow .35s ease}body.dark-theme .toggle-buttons,body.dark-theme .audio-controls,body.dark-theme .skip-room-link,body.dark-theme .back-to-room-link,body.dark-theme .modal-exit-button,body.dark-theme .profile-links a{border-color:#f1e9ded1;background-color:#263a33f5;box-shadow:0 0 10px #f1e9de38,0 0 24px #718e7a6b,inset 0 0 12px #dce2de1f}body.dark-theme .toggle-buttons,body.dark-theme .mute-toggle-button,body.dark-theme .volume-control,body.dark-theme .volume-value,body.dark-theme .skip-room-link,body.dark-theme .back-to-room-link,body.dark-theme .modal-exit-button,body.dark-theme .language-code,body.dark-theme .profile-links a{color:#f1e9de;text-shadow:0 0 7px rgba(241,233,222,.72),0 0 14px rgba(113,142,122,.58)}body.dark-theme .sound-svg,body.dark-theme .sound-off-svg,body.dark-theme .sun-svg,body.dark-theme .moon-svg,body.dark-theme .github,body.dark-theme .linkedin,body.dark-theme .instagram,body.dark-theme .mail{color:#f1e9de;stroke:#f1e9de;filter:drop-shadow(0 0 5px rgba(241,233,222,.78)) drop-shadow(0 0 10px rgba(113,142,122,.58))}body.dark-theme .exit-button-svg{color:#f1e9de;filter:drop-shadow(0 0 5px rgba(241,233,222,.76))}body.dark-theme .volume-slider{accent-color:#f1e9de;filter:drop-shadow(0 0 5px rgba(113,142,122,.68))}body.dark-theme .toggle-buttons:hover,body.dark-theme .audio-controls:hover,body.dark-theme .audio-controls:focus-within,body.dark-theme .audio-controls.is-volume-open,body.dark-theme .skip-room-link:hover,body.dark-theme .back-to-room-link.is-visible:hover,body.dark-theme .modal-exit-button:hover,body.dark-theme .profile-links a:hover{box-shadow:0 0 14px #f1e9de6b,0 0 32px #718e7a9e,inset 0 0 14px #dce2de29}@media(prefers-reduced-motion:reduce){.ambient-background,.ambient-sky,.toggle-buttons,.audio-controls,.mute-toggle-button,.volume-control,.volume-value,.volume-slider,.modal-exit-button,.exit-button-svg,.sound-svg,.sound-off-svg,.sun-svg,.moon-svg,.github,.linkedin,.instagram,.mail,.language-code{transition:none}}