:root{color:#111;font-synthesis:none;background:#5f9292;font-family:Tahoma,MS Sans Serif,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}.shell{height:100%}.desktop{background:#5f9292;height:calc(100% - 40px);position:relative;overflow:hidden}.desktop:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#fff1 60%);position:absolute;inset:0}.wallpaper{color:#ffffff29;letter-spacing:-.08em;font:700 min(14vw,210px) Arial;position:absolute;bottom:8vh;right:5vw}.wallpaper b{color:#f1a5c3aa}.wallpaper small{text-align:right;letter-spacing:.32em;color:#fff8;font-size:12px;display:block}.desktop-icons{z-index:2;gap:6px;display:grid;position:absolute;top:12px;left:10px}.desktop-icons button,.desktop-icons a{color:#fff;text-shadow:1px 1px #000;text-align:center;cursor:default;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:94px;min-height:69px;font-size:11px;text-decoration:none;display:flex}.desktop-icons button:hover,.desktop-icons a:hover{background:#00008066;outline:1px dotted #fff}.desktop-icons span{filter:drop-shadow(1px 1px #0008);font-size:31px}.window{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;min-width:300px;max-height:calc(100vh - 46px);padding:2px;position:absolute;box-shadow:1px 1px #000}.window>header{color:#ddd;-webkit-user-select:none;user-select:none;touch-action:none;background:#777;justify-content:space-between;align-items:center;height:25px;padding:2px 3px;display:flex}.window.focused>header{color:#fff;background:navy}.controls{gap:2px;display:flex}.controls button,.button,.start-button,.task-buttons button{color:#000;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;min-height:22px}.controls button{width:21px;padding:0;font-weight:700}.button{cursor:pointer;padding:6px 13px;text-decoration:none;display:inline-block}.button.pink{background:#ffd9e7;box-shadow:inset 0 0 0 1px #df83a7}.window-content{background:#fff;border:2px solid #fff;border-color:#404040 #fff #fff #404040;max-height:calc(100vh - 78px);overflow:auto}.menu{background:silver;border-bottom:1px solid #777;height:23px;padding:4px 7px}.status{background:silver;gap:2px;height:22px;padding:2px;display:flex}.status span{border:1px solid #fff;border-color:#777 #fff #fff #777;flex:1;padding:2px 5px;font-size:10px}.address{background:silver;gap:5px;padding:4px;display:flex}.address span{background:#fff;border:2px inset #ddd;flex:1;padding:2px 5px}.welcome{grid-template-columns:175px 1fr;gap:24px;min-height:310px;padding:24px;display:grid}.mini-photo{text-align:center;background:#ffd9e7 50%/cover;border:2px solid navy;flex-direction:column;justify-content:center;align-items:center;height:230px;font-size:42px;display:flex;box-shadow:6px 6px #df83a7}.mini-photo b{font-size:18px}.welcome small,.projects small{letter-spacing:.15em;color:navy;font-weight:700}.welcome h1{color:navy;margin:9px 0;font-size:38px}.welcome h2{font-size:17px;line-height:1.4}.video{background:#111;padding:7px}.video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.video div{background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:7px}.explorer{grid-template-columns:165px 1fr;min-height:350px;display:grid}.explorer aside{color:#fff;background:navy;margin:7px;padding:13px}.explorer aside b{color:#ffd9e7}.demo-list{padding:10px}.note{background:#fff4c7;border:1px solid #777;padding:7px}.demo-list article{border:1px dotted #777;grid-template-columns:35px 1fr;gap:8px;margin:7px 0;padding:9px;font-size:25px;display:grid}.demo-list article b,.demo-list article small,.demo-list article em{font-size:12px;display:block}.demo-list audio{width:100%;height:30px;margin-top:7px}.notepad{padding:22px;line-height:1.55}.notepad h2{font-size:20px}.notepad blockquote{background:#fff1f6;border-left:4px solid #df83a7;margin:12px 0;padding:10px}.projects{padding:10px}.projects article{border:1px dotted #777;grid-template-columns:170px 1fr;gap:16px;margin-bottom:10px;padding:12px;display:grid}.project-pic{color:#666;background:#eee 50%/cover;border:2px inset silver;place-items:center;height:120px;font-weight:700;display:grid}.projects h2{margin:4px 0;font-size:19px}.work{white-space:pre-wrap;min-height:330px;margin:0;padding:20px;font:12px/1.55 Tahoma}.dialog{grid-template-columns:50px 1fr;gap:13px;padding:22px;display:grid}.dialog .big{font-size:36px}.dialog h2{font-size:20px}.handles{grid-template-columns:1fr 1fr;gap:7px;display:grid}.handles span{border:2px inset silver;padding:9px;font-size:9px}.handles b{color:#a52f60;font-size:15px;display:block}.headshot{text-align:center;background:#ffd9e7 50%/cover;place-items:center;height:430px;font-size:18px;font-weight:700;display:grid}.taskbar{z-index:100;background:silver;border-top:2px solid #fff;align-items:center;gap:4px;height:40px;padding:2px;display:flex;position:relative}.start-button{height:33px;padding:0 10px;font-weight:700}.start-button b{color:#df4c86}.task-buttons{flex:1;gap:3px;display:flex;overflow:hidden}.task-buttons button{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:110px;max-width:180px;height:33px;overflow:hidden}.task-buttons button.active{background:#aaa;border-color:#404040 #fff #fff #404040}.tray{border:2px inset #ddd;align-items:center;height:32px;padding:0 9px;font-size:10px;display:flex}.start-menu{z-index:90;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;width:285px;display:none;position:fixed;bottom:40px;left:2px}.start-menu.show{grid-template-columns:34px 1fr;display:grid}.start-rail{writing-mode:vertical-rl;color:#fff;background:navy;padding:7px;font-size:18px;transform:rotate(180deg)}.start-rail b{color:#f1a5c3}.start-links{padding:4px}.profile{background:#ddd;border-bottom:1px solid #888;align-items:center;gap:9px;padding:8px;display:flex}.profile>span{color:#fff;background:navy;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.profile small{display:block}.start-links button,.start-links a{color:#000;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:8px;text-decoration:none;display:flex}.start-links button:hover,.start-links a:hover{color:#fff;background:navy}.start-links button span,.start-links a span{flex:1}.toast{z-index:200;background:#ffffd5;border:2px solid #000;border-color:#fff #000 #000 #fff;max-width:380px;padding:12px 15px;position:fixed;bottom:55px;right:18px}.toast b{float:right;margin-left:20px}.login{text-align:center;padding:22px}.login .key{font-size:40px}.login label{text-align:left;max-width:280px;margin:15px auto;display:block}.login input{border:2px inset silver;width:100%;margin-top:5px;padding:6px;display:block}.login small{color:#666;margin-top:15px;display:block}.win-admin{height:calc(100vh - 85px);max-height:none}.win-admin .window-content{height:calc(100% - 29px);max-height:none}.admin{grid-template-columns:190px 1fr;height:100%;display:grid}.admin>aside{color:#fff;background:navy;flex-direction:column;padding:20px;display:flex}.admin>aside>b{font-size:25px}.admin>aside>span{color:#f1a5c3}.admin nav{margin:25px 0;display:grid}.admin nav a{color:#fff;border-bottom:1px solid #fff4;padding:8px 0}.admin>aside>.button{margin-top:auto}.admin-main{background:#eee;overflow:auto}.admin-top{z-index:2;background:silver;border-bottom:2px solid #777;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.admin-top h2,.admin-top p{margin:0}.admin-main section{background:#fff;border:2px solid #777;border-color:#fff #777 #777 #fff;margin:15px;padding:18px}.admin-main section h3{color:navy;margin-top:0}.admin-main label{margin:10px 0;font-weight:700;display:block}.admin-main input,.admin-main textarea{border:2px inset silver;width:100%;margin-top:4px;padding:7px;display:block}.admin-main textarea{resize:vertical;min-height:80px}.edit-card{background:#eee;border:1px solid #999;margin:12px 0;padding:12px}.window>header{cursor:grab}.window>header:active{cursor:grabbing}.button.danger{color:#7d143d;margin-top:8px}.demo-list audio{height:36px}.gallery-photo{color:navy;text-align:center;background:#ffd9e7 50%/cover no-repeat;place-items:center;height:260px;font-weight:700;display:grid}.gallery-photo span{background:#fffc;border:1px dotted navy;padding:12px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h3{margin:0}.admin-main textarea{min-height:110px}.edit-card h4{color:#7d143d;margin:0}@media (width<=800px){.desktop-icons{grid-template-columns:repeat(2,88px)}.window{max-height:calc(100vh - 54px);width:calc(100vw - 16px)!important;top:8px!important;left:8px!important}.window-content{max-height:calc(100vh - 86px)}.welcome,.projects article{grid-template-columns:1fr}.mini-photo{display:none}.explorer{grid-template-columns:1fr}.explorer aside,.task-buttons{display:none}.tray{margin-left:auto}.win-admin{height:calc(100vh - 60px)}.admin{grid-template-columns:1fr}.admin>aside{display:none}.wallpaper{font-size:24vw}.gallery-photo{height:55vh}}