*{box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1rem;padding:0;margin:0;--text-color: #0c1924}h1,h2,h3{padding:0;margin:0}#scene-3d,#portfolio{height:100%;width:100%}#scene{height:100%;width:100%;position:absolute;top:0;left:0;display:flex}button{color:#1e293b;font-size:1rem;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003,0 6px 20px #00000030 inset;transition:transform .3s;font-family:Roboto Mono,monospace;border:4px solid #1e293b;white-space:nowrap}button:hover{transform:scale(1.05) rotate(6deg)}button svg{height:100%;width:100%}#options{position:absolute;top:0;right:0;display:flex;padding:24px;gap:16px;z-index:100}#options button{display:flex;align-items:center;justify-content:center;cursor:pointer;height:56px;width:56px}#options #audio{background:#65d8ed}#options #audio svg .audio{transform:translate(15%);transition:all .3s}#options #audio svg .mute{opacity:0;transition:all .3s}#options #audio.muted .audio{transform:translate(0)}#options #audio.muted .mute{opacity:1}#options #theme{background:#fbbf24}#options #theme svg{width:40px;height:40px;transition:all .3s}#options #theme .rays rect{transition:all 1s}#options #theme #moon-shadow .overlay{transition:transform 1s}#options #theme.sun #moon-shadow .overlay{transition:transform .3s}#options #theme.moon svg{transform:scale(1.4)}#options #theme.moon .rays rect{transition:all .3s}#options #theme.moon #moon-shadow .overlay{transform:translate(-40px,40px)}#options #theme.moon .rays rect{width:0!important}#loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0c1924;z-index:1000;color:#fbbf24;font-weight:700;font-size:2.4rem}#loading span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading .enter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;justify-content:center}#loading .enter button{background:#fbbf24;padding:12px 24px;font-size:2rem;font-weight:700;cursor:pointer;border:6px solid #fff}#loading .enter button:hover{transform:scale(1.5) rotate(-6deg);z-index:1}#loading .enter label{font-size:24px;display:flex;position:relative;margin-top:24px;cursor:pointer;align-items:center;margin-right:-10px;-webkit-user-select:none;user-select:none}#loading .enter label input{opacity:0}#loading .enter label:before{content:"";display:flex;height:24px;width:24px;background:#fbbf24;position:absolute;left:-15px;color:#000;align-items:center;justify-content:center;font-size:26px;padding-bottom:4px;box-sizing:border-box;border-radius:4px}#loading .enter label:has(input:checked):before{content:"✔"}#loading.loaded span{display:none}#loading.loaded .enter{display:flex}#loading.entered{transform:scale(0);border-radius:100%;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}ag-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1000;transition:all .3s;opacity:0}ag-dialog[open]{opacity:1;pointer-events:all;transition:all .3s}ag-dialog[open] .dialog{scale:1;transition:all .5s cubic-bezier(.34,1.56,.64,1)}ag-dialog .dialog{position:absolute;width:100%;max-width:700px;color:#0c1924;padding:28px;display:flex;flex-direction:column;background:transparent;overflow:hidden;border:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);scale:0}ag-dialog .dialog .dialog-body{display:flex;flex-direction:column;gap:16px;color:var(--text-color);background-color:#fbbf24;border-radius:16px;height:100%;max-height:85vh;overflow:hidden;box-shadow:#0003 0 10px 20px,#00000038 0 6px 6px;border:6px solid var(--text-color)}ag-dialog .dialog .dialog-body .dialog-content{height:100%;overflow:auto;padding:16px 2px;scrollbar-gutter:stable both-edges}ag-dialog .dialog .dialog-body .dialog-content h3,ag-dialog .dialog .dialog-body .dialog-content h4,ag-dialog .dialog .dialog-body .dialog-content h5{margin:0;padding:0}ag-dialog .dialog .dialog-body .dialog-content h3{font-size:1.8rem;margin-bottom:1rem}ag-dialog .dialog .dialog-body .dialog-content h4{font-size:1.6rem}ag-dialog .dialog .dialog-body .dialog-content h5{font-size:1.1rem}ag-dialog .dialog .dialog-body .dialog-content ul{padding-left:1rem}ag-dialog .dialog .dialog-body .dialog-content .youtube{width:100%;margin-bottom:16px}ag-dialog .dialog .dialog-body .dialog-content .youtube iframe{width:100%;aspect-ratio:16/9;border:none}ag-dialog .dialog .dialog-body .dialog-content .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:16px;list-style:none;padding:0}ag-dialog .dialog .dialog-body .dialog-content .tags li{background-color:#0c1924;color:#fbbf24;padding:4px 8px;border-radius:8px;font-size:.9rem}ag-dialog .dialog .dialog-body .dialog-content a{color:#1d3557;font-weight:600}ag-dialog .dialog .close-button{position:absolute;top:4px;right:4px;background:#fff;border:none;font-size:2rem;height:3.8rem;width:3.8rem;cursor:pointer;border:6px solid var(--text-color)}@media screen and (max-width: 600px){ag-dialog .dialog{padding:12px 12px 36px}ag-dialog .dialog .dialog-body .dialog-content h3{font-size:1.5rem;margin-bottom:.6rem}ag-dialog .dialog .dialog-body .dialog-content h4{font-size:1.3rem}ag-dialog .dialog .dialog-body .dialog-content h5{font-size:1rem;font-weight:600}ag-dialog .dialog .close-button{top:unset;right:unset;bottom:0;left:50%;transform:translate(-50%)}}#text-content{padding:16px}#text-content h1{font-size:3rem}#awards h3:not(:first-child){margin-top:32px}ag-chat .chat-messages{height:55vh;overflow:auto;display:flex;gap:24px;flex-direction:column;padding-bottom:24px;outline:none}ag-chat .chat-messages .chat-messages-list{display:flex;flex-direction:column;gap:16px;margin-top:auto;outline:none}ag-chat .chat-messages .bot,ag-chat .chat-messages .user{color:#0c1924;border-radius:16px;padding:8px 16px;box-shadow:#0003 0 6px 12px;max-width:75%;border:2px solid #000}@media screen and (max-width: 600px){ag-chat .chat-messages .bot,ag-chat .chat-messages .user{font-size:14px;max-width:90%}}ag-chat .chat-messages .bot{background-color:#fff;align-self:flex-start}ag-chat .chat-messages .user{background:#65d8ed;align-self:flex-end}ag-chat .chat-input{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:8px;background-color:#fff;border-radius:16px;box-shadow:#0003 0 6px 12px;box-sizing:border-box;border:2px solid transparent}ag-chat .chat-input:focus-within{border:2px solid #1e293b}ag-chat .chat-input input{padding:8px;border:none;font-size:16px;color:#0c1924;background-color:transparent;outline:none;flex:1 1 100%;width:100%}ag-chat .chat-input button{background-color:#65d8ed;color:#000;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600}ag-chat .chat-input button:disabled{pointer-events:none;opacity:.25}ag-chat .chat-input button:hover{background-color:#1e293b}*{--sb-track-color: #90909000;--sb-thumb-color: #fbbf24;--sb-size: 16px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:9px;padding:4px}*::-webkit-scrollbar-thumb{background:#000;border-radius:9px;border:4px solid var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}