:root{font-family:Arial,Helvetica,sans-serif;color:#162235;background:#e9e5df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f7b748;outline-offset:3px}button{border:0}[hidden]{display:none!important}.scene-nav{position:fixed;z-index:20;top:0;left:0;right:0;height:64px;display:flex;align-items:center;gap:28px;padding:0 28px;background:#f8f8f5e8;border-bottom:1px solid #0001;backdrop-filter:blur(10px)}.scene-nav strong{font-size:20px}.scene-nav nav{display:flex;gap:4px}.scene-nav button{background:transparent;padding:10px 18px;border-radius:6px;font-size:16px}.scene-nav button[aria-pressed=true]{background:#182c48;color:white}.scene-nav time{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}#stage{position:fixed;inset:0;overflow:hidden}#world{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;transition:transform 1.3s cubic-bezier(.4,0,.15,1);will-change:transform}.desk-photo{position:absolute;width:1672px;height:941px;user-select:none;pointer-events:none}#laptop,#phone{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#13263e;isolation:isolate}#laptop{width:1080px;height:600px}#phone{width:400px;height:780px;border-radius:23px;background:#071c36;color:white}#desktop{position:absolute;inset:0;background:linear-gradient(128deg,#123456,#183253 48%,#21486b);color:white}.system-bar{height:36px;padding:8px 20px;display:flex;justify-content:space-between;background:#0a1b2bbb;font-size:14px}.desktop-icons{position:absolute;top:68px;left:32px;display:grid;grid-template-columns:repeat(2,125px);gap:30px 15px}.desktop-icons button,.desktop-icons a{display:flex;align-items:center;flex-direction:column;gap:10px;background:transparent;color:white;font-size:17px;text-decoration:none;border-radius:8px;padding:8px}.desktop-icons button:hover,.desktop-icons a:hover{background:#ffffff18}.app-icon{width:68px;height:68px;border-radius:14px;display:grid;place-items:center;font-size:40px;box-shadow:0 5px 12px #0003}.chrome-icon{border-radius:50%;background:conic-gradient(#df4d42 0 120deg,#efc044 120deg 240deg,#489964 240deg);color:#d8ecff;font-size:62px;line-height:1}.youtube-icon{background:#e82c37;font-size:36px}.folder-icon{background:#dfb960;color:#654800}.github-icon{background:#f5f7fa;color:#172638}.about-icon{background:#d9e7ed;color:#132d49;font-size:25px;font-weight:700}.phone-icon{background:#7399c2;color:#102a47}.desktop-label{position:absolute;left:390px;top:208px;pointer-events:none}.desktop-label h1{font-size:66px;letter-spacing:-2px;margin:0 0 15px;font-weight:500}.desktop-label p{font-size:23px;color:#d1e0ee;margin:0}#window{position:absolute;inset:0;background:white;color:#182332;display:flex;flex-direction:column}.window-bar{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#e4e9f0;padding:0 12px 0 16px}.window-bar strong{font-size:15px}.window-bar button{font-size:27px;background:none;width:35px;height:32px}#window-content{flex:1;min-height:0;overflow:auto}.browser-shell{height:100%;display:flex;flex-direction:column}.tabs{display:flex;gap:6px;background:#e4e9f0;padding:0 8px}.tabs button{padding:10px 18px;background:#d3dce6;border-radius:8px 8px 0 0;font-size:14px}.tabs button.active{background:white}.browser-page{flex:1;min-height:0}.browser-page iframe{border:0;width:100%;height:100%;display:block}.browser-note{font-size:14px;line-height:1.4;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2f5f8}.browser-note a{color:#21496e}.browser-note button{font-size:14px;background:none;text-decoration:underline;color:#21496e}.video-page{height:100%;display:flex;flex-direction:column;background:#111}.video-page iframe{flex:1;min-height:0}.video-page p{margin:0;padding:10px 14px;background:#f2f5f8;font-size:14px}.content{padding:30px 38px;max-width:1080px;margin:auto;font-size:17px;line-height:1.55}.content h2{font-size:32px;margin:0 0 20px}.content h3{font-size:21px;margin:0 0 8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-grid article{border-bottom:1px solid #d3dce6;padding-bottom:20px}.project-grid p{margin:8px 0}.tag{font-size:14px;color:#596b7a}.action{display:inline-block;border-radius:5px;padding:10px 16px;background:#183b5b;color:#fff;text-decoration:none;font-size:16px}.phone-time{display:block;font-size:28px;padding-top:66px;text-align:center;font-weight:700}.phone-apps{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:80px 28px 20px}.phone-apps button{color:white;background:transparent;font-size:19px;display:flex;flex-direction:column;align-items:center;gap:16px}.phone-apps img{width:100px;height:100px;border-radius:22px;background:#eee;object-fit:contain}#phone-home p{text-align:center;font-size:17px;color:#bed0e3}#phone-play{height:100%;display:flex;flex-direction:column}#phone-back{height:48px;flex-shrink:0;text-align:left;padding:0 18px;background:#112842;color:white;font-size:18px}#phone-game{flex:1;min-height:0}#phone-game iframe{border:0;width:100%;height:100%;display:block}.device-hit{position:absolute;background:transparent;display:none;border-radius:8px}.laptop-hit{left:595px;top:120px;width:230px;height:190px}.phone-hit{left:925px;top:248px;width:64px;height:56px}.device-hit:hover{outline:3px solid #28648e;box-shadow:0 0 0 6px #ffffff90}body[data-view=room] .device-hit{display:block}body[data-view=room] #laptop,body[data-view=room] #phone{pointer-events:none}.scene-caption{position:fixed;bottom:0;left:0;right:0;padding:13px 18px;text-align:center;font-size:14px;background:#f8f8f5e8;z-index:15;border-top:1px solid #0001}body[data-view=phone] #laptop{pointer-events:none}body[data-view=laptop] #phone{pointer-events:none}@media(max-width:600px){.scene-nav{padding:0 12px;gap:10px;height:58px}.scene-nav strong{font-size:16px}.scene-nav button{padding:9px 11px;font-size:14px}.scene-nav time{display:none}.scene-caption{font-size:13px;padding:10px}.desktop-label{display:none}}@media(prefers-reduced-motion:reduce){#world{transition:none}}