@font-face{font-family:Win95;src:url(dtos-win95.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--silver:#c0c0c0;--blue:#000080;--raised:inset -1px -1px #808080,inset 1px 1px white;--sunken:inset -1px -1px white,inset 1px 1px #808080;--bar:32px}*{box-sizing:border-box}body{margin:0;font:16px/18px Win95,"MS Sans Serif",Tahoma,Arial,sans-serif;color:#000;background:#008080;overflow:hidden}button,input,textarea{font:inherit;color:inherit;border-radius:0}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:var(--silver)}a{color:blue}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px dotted currentColor;outline-offset:-4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:5px;top:-50px;z-index:2000;background:white;padding:8px}.skip:focus{top:5px}#desktop{position:fixed;inset:0;background:url(dtos-wallpaper.png) center/cover no-repeat}.desktop-icon{position:absolute;width:104px;height:58px;text-align:center;text-decoration:none;color:white;text-shadow:1px 1px #000;display:flex;align-items:center;flex-direction:column;gap:4px}.desktop-icon .label{white-space:nowrap;padding:0 2px}.desktop-icon:focus .label,.desktop-icon.selected .label{background:var(--blue);outline:1px dotted white}.desktop-icon.work{left:8px;top:16px}.desktop-icon.about{left:275px;top:147px}.desktop-icon.contact{left:130px;top:249px}.desktop-icon.instagram{left:39px;top:442px}.desktop-icon.studio{left:135px;top:392px}.icon{position:relative;display:inline-block;flex:none;width:32px;height:32px;text-shadow:none}.icon i{display:block;position:absolute;border:1px solid black}.folder i:nth-child(1){left:2px;top:3px;width:11px;height:4px;background:#5bb4e5}.folder i:nth-child(2){left:2px;top:6px;width:27px;height:20px;background:#5bb4e5}.folder i:nth-child(3){left:6px;top:8px;width:22px;height:14px;background:white}.folder i:nth-child(4){left:1px;top:11px;width:28px;height:18px;background:#a6d9f7}.txt i:first-child,.doc i:first-child{left:6px;top:3px;width:20px;height:26px;background:white}.txt i:not(:first-child){left:9px;width:14px;height:1px;border:0;background:#808080}.txt i:nth-child(2){top:9px}.txt i:nth-child(3){top:14px}.txt i:nth-child(4){top:19px}.txt i:nth-child(5){top:24px}.camera i:nth-child(1){left:3px;top:9px;width:26px;height:18px;background:var(--silver)}.camera i:nth-child(2){left:10px;top:5px;width:10px;height:5px;background:#808080}.camera i:nth-child(3){left:11px;top:12px;width:10px;height:10px;background:var(--blue)}.camera i:nth-child(4){left:14px;top:15px;width:4px;height:4px;background:#5bb4e5;border:0}.camera i:nth-child(5){left:24px;top:11px;width:3px;height:3px;background:red;border:0}.pc i:nth-child(1){left:4px;top:3px;width:24px;height:18px;background:var(--silver)}.pc i:nth-child(2){left:7px;top:6px;width:18px;height:12px;background:#008080}.pc i:nth-child(3){left:10px;top:22px;width:12px;height:3px;background:var(--silver)}.pc i:nth-child(4){left:6px;top:25px;width:20px;height:4px;background:var(--silver)}.doc i:nth-child(2){left:9px;top:8px;width:8px;height:8px;border:0;background:var(--blue)}.doc i:nth-child(3){left:9px;top:20px;width:14px;height:1px;border:0;background:#808080}.mail img{display:block}.raised{box-shadow:var(--raised),1px 1px #000;background:var(--silver);color:#000;text-decoration:none}.raised:active,.task.active,#start-button[aria-expanded=true]{box-shadow:var(--sunken);background:#dfdfdf}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:var(--bar);background:var(--silver);box-shadow:inset 0 1px white;display:flex;align-items:center;padding:4px 3px 3px;gap:6px;z-index:1000}#start-button{height:22px;width:82px;display:flex;align-items:center;gap:5px;padding:2px 5px;font-weight:700;flex:none}.start-logo{width:14px;height:14px;border:1px solid black;position:relative}.start-logo:after{content:'';position:absolute;left:2px;top:2px;width:8px;height:8px;background:var(--blue)}.tasks{display:flex;gap:3px;flex:1;min-width:0}.task{height:22px;width:170px;max-width:170px;min-width:36px;display:flex;align-items:center;gap:5px;padding:2px 4px;overflow:hidden}.task .icon{width:16px;height:16px}.task .icon:not(.mail){transform:scale(.5);transform-origin:0 0;width:16px;height:16px;margin-right:0}.task .label{white-space:nowrap;overflow:hidden}.clock{height:24px;width:190px;flex:none;box-shadow:var(--sunken);text-align:center;padding:3px}.clock .date{display:inline}.clock .time{margin-left:10px}.window{position:absolute;display:flex;flex-direction:column;padding:3px;background:var(--silver);box-shadow:var(--raised),1px 1px black;max-width:calc(100vw - 8px);max-height:calc(100dvh - var(--bar) - 12px);min-width:250px}.about-window{left:calc(50% - 420px);top:80px;width:720px;height:560px}.contact-window{left:calc(50% - 420px);top:60px;width:760px;height:620px}.legal-window,.privacy-window{left:calc(50% - 340px);top:110px;width:620px;height:440px}.work-window{left:calc(50% - 260px);top:calc(50% - 120px);width:520px;height:186px}.titlebar{height:24px;min-height:24px;display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:white;padding:3px 4px 3px 6px;cursor:move;touch-action:none;user-select:none}.titlebar h2{font-size:15px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar>div{display:flex;gap:3px}.titlebar button{width:18px;height:16px;line-height:13px;box-shadow:var(--raised),1px 1px black;padding:0;color:black;font-weight:700}.window-menu{height:26px;min-height:26px;display:flex;align-items:center;gap:10px;padding:0 3px}.window-menu button{padding:2px 3px}.window-menu button:first-letter{text-decoration:underline}.paper{flex:1;min-height:0;background:white;box-shadow:var(--sunken);padding:7px 8px;overflow-y:scroll;scrollbar-color:var(--silver) #dfdfdf;scrollbar-width:auto}.paper p{margin:0 0 18px}.paper a{color:inherit;text-decoration:none}.paper a:hover{text-decoration:underline}.paper h1,.paper h2{font-size:15px;font-weight:400;line-height:18px;margin:0 0 18px}.paper h2{margin-top:18px}.information{display:flex;gap:16px;padding:21px 17px 0}.information p{margin:0;line-height:20px}.dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:auto;margin-bottom:21px}.dialog-actions>*{width:110px;height:26px;text-align:center;padding:4px}.default-action{outline:1px solid black;outline-offset:0}.contact-window form{flex:1;min-height:0}.contact-window fieldset{display:flex;flex-direction:column;min-width:0;height:100%;padding:0;margin:0;border:0}.mail-toolbar{height:40px;min-height:40px;padding:4px}.mail-toolbar button{height:32px;width:64px;font-weight:700}.mail-fields{padding:10px 7px 14px;display:flex;flex-direction:column;gap:6px}.mail-fields label{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;align-items:center;text-align:right}.mail-fields input{width:100%;min-width:0;height:26px;padding:4px 6px;border:0;box-shadow:var(--sunken);background:white}.mail-fields input[readonly]{background:var(--silver)}input::placeholder,textarea::placeholder{color:#808080;opacity:1}.contact-window textarea{flex:1;min-height:80px;width:calc(100% - 14px);margin:0 7px;border:0;box-shadow:var(--sunken);background:white;resize:none;padding:6px}.privacy{display:flex;align-items:center;gap:7px;padding:14px 9px 0}.privacy input{appearance:none;background:white;box-shadow:var(--sunken);width:13px;height:13px;flex:none;margin:0}.privacy input:checked:after{content:'';display:block;width:7px;height:4px;border-left:2px solid black;border-bottom:2px solid black;transform:translate(3px,3px) rotate(-45deg)}.send-row{min-height:39px;display:flex;gap:10px;align-items:center;padding:4px 17px 7px}.send-row p{margin:0;flex:1;font-size:13px}.send-row button{width:110px;height:26px;flex:none}.contact-trap{position:absolute;left:-10000px}.start-menu{position:fixed;left:2px;bottom:var(--bar);width:270px;z-index:1100;padding:3px;display:flex;min-height:256px}.brand-band{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--blue);color:white;width:26px;font-weight:700;font-size:16px;padding:9px 4px}.menu-items{flex:1}.menu-item{display:flex;align-items:center;gap:8px;padding:4px 6px;height:38px;color:black;text-decoration:none;width:100%;text-align:left}.menu-item:hover,.menu-item:focus-visible,.legal-menu a:hover,.legal-menu a:focus-visible{background:var(--blue);color:white}.menu-item .icon{transform:scale(.875);transform-origin:center}.legal-toggle{border-top:2px groove white;margin-top:4px;height:40px}.arrow{margin-left:auto}.legal-menu{position:absolute;left:100%;bottom:0;width:170px;padding:3px}.legal-menu a{display:flex;height:30px;align-items:center;gap:8px;padding:3px 6px;text-decoration:none;color:black}.legal-menu .icon{transform:scale(.5);transform-origin:center;width:24px}.maximized{left:4px!important;top:4px!important;width:calc(100vw - 8px)!important;height:calc(100dvh - var(--bar) - 8px)!important}.noscript{position:fixed;bottom:40px;background:white;padding:8px;z-index:2000}
@media(max-width:700px){:root{--bar:40px}.desktop-icon.work{left:3px;top:24px}.desktop-icon.about{left:calc(50% - 52px);top:192px}.desktop-icon.contact{left:calc(100% - 131px);top:24px}.desktop-icon.instagram{left:11px;top:318px}.desktop-icon.studio{left:calc(50% - 80px);top:422px}.taskbar{gap:6px;padding-bottom:calc(3px + env(safe-area-inset-bottom));height:calc(40px + env(safe-area-inset-bottom))}.tasks{gap:3px}.task{width:38px;min-width:22px;height:30px;padding:7px 0;justify-content:center}.task .label{display:none}#start-button{height:30px;width:78px}.clock{height:32px;width:92px;padding:0;font-size:14px;line-height:16px}.clock .weekday{display:none}.clock .date{display:block;font-size:12px}.clock .time{display:block;margin:0}.window{left:4px;top:40px;width:calc(100vw - 8px);height:calc(100dvh - 88px - env(safe-area-inset-bottom));max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))}.work-window{left:12px;top:calc(50% - 112px);width:calc(100vw - 24px);height:206px}.desktop-break{display:none}.paper{padding:7px 6px}.mail-fields{padding-top:11px}.contact-window textarea{min-height:65px}.start-menu{width:250px;bottom:calc(var(--bar) + env(safe-area-inset-bottom))}.legal-menu{left:138px;bottom:42px}.dialog-actions{margin-bottom:25px}.information{padding-top:21px}.clock{display:flex;flex-direction:column}.clock .time{order:-1}}@media(max-width:359px){#start-button{width:63px}.taskbar{gap:4px}.clock{width:76px}.task{width:28px}.privacy{font-size:13px}.start-menu{max-width:calc(100vw - 4px)}.legal-menu{left:120px}}
.desktop-icon{touch-action:none;user-select:none;-webkit-user-select:none}.desktop-icon img{pointer-events:none}.desktop-icon.bin{left:auto;top:auto;right:14px;bottom:calc(var(--bar) + 18px + env(safe-area-inset-bottom))}.desktop-icon.drop-target .label{background:var(--blue);outline:1px dotted white}.bin i:nth-child(1){left:7px;top:9px;width:19px;height:21px;background:#ddd}.bin i:nth-child(2){left:5px;top:6px;width:23px;height:4px;background:#aaa}.bin i:nth-child(3){left:12px;top:2px;width:10px;height:4px;background:#c0c0c0}.bin i:nth-child(4){left:12px;top:13px;width:2px;height:13px;background:#808080;border:0}.bin i:nth-child(5){left:19px;top:13px;width:2px;height:13px;background:#808080;border:0}.icon-menu{position:fixed;z-index:1500;min-width:180px;padding:3px}.icon-menu button{display:block;width:100%;text-align:left;padding:6px 15px}.icon-menu button:hover,.icon-menu button:focus-visible{color:white;background:var(--blue)}.tasks{overflow:hidden}.task{flex-shrink:1}.denied-window .information{padding-bottom:25px}.work-window.maximized .information{flex:1}@media(max-width:700px){.taskbar .tasks{justify-content:flex-start}.desktop-icon.bin{right:10px;bottom:calc(var(--bar) + 18px + env(safe-area-inset-bottom))}} 

.maximized{max-height:calc(100dvh - var(--bar) - 8px - env(safe-area-inset-bottom))!important}

.denied-window .denial-message{display:block;padding-top:16px}.denied-heading{display:flex;align-items:center;gap:12px}.error-icon{position:relative;display:inline-block;flex:none;width:32px;height:32px;border:1px solid #000;border-radius:50%;background:#e00000;box-shadow:inset 1px 1px #ff7070,1px 1px #808080}.error-icon:before,.error-icon:after{content:"";position:absolute;left:6px;top:13px;width:18px;height:4px;background:#fff;transform:rotate(45deg)}.error-icon:after{transform:rotate(-45deg)}.denial-message .denied-detail{margin:12px 0 0 44px;line-height:20px}
.desktop-icon.photos{left:420px;top:110px}.photos-window,.photo-viewer-window{left:calc(50% - 360px);top:90px;width:720px;height:560px}.photos-address{display:flex;align-items:center;gap:12px;padding:8px 5px}.photos-path{display:flex;align-items:center;gap:5px;background:white;box-shadow:var(--sunken);flex:1;height:25px;padding:3px 6px}.photos-path .icon{transform:scale(.5);transform-origin:0 0;width:16px;height:16px}.photo-files{flex:1;min-height:0;overflow:auto;background:white;box-shadow:var(--sunken);padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:18px 12px;align-content:start}.photo-file{background:none;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;line-height:18px;overflow-wrap:anywhere}.photo-file:hover,.photo-file:focus-visible{background:#dfdfdf}.photo-file:focus-visible>span:last-child{background:var(--blue);color:white}.photo-thumbnail{display:flex;width:100%;height:120px;align-items:center;justify-content:center}.photo-thumbnail img{display:block;width:100%;height:120px;object-fit:contain}.photos-status{height:24px;min-height:24px;margin-top:3px;padding:3px 5px;box-shadow:var(--sunken);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-toolbar{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px}.photo-toolbar button{height:26px;padding:3px 9px}.photo-toolbar>span{margin-left:auto;padding-right:3px}.photo-canvas{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;background:#808080;box-shadow:var(--sunken);padding:8px;overflow:hidden}.photo-canvas img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.start-menu{min-height:294px}@media(max-width:700px){.desktop-icon.photos{left:calc(100% - 128px);top:108px}.photos-window,.photo-viewer-window{left:4px;top:40px;width:calc(100vw - 8px);height:calc(100dvh - 88px - env(safe-area-inset-bottom))}.photo-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding:10px}.photo-thumbnail,.photo-thumbnail img{height:112px}.photo-toolbar{gap:6px}.photo-toolbar button{padding:3px 7px}.start-menu{max-height:calc(100dvh - var(--bar) - 4px);overflow:visible}.menu-item{height:38px}}

.cookie-window{left:18px;top:auto;bottom:calc(var(--bar) + 18px + env(safe-area-inset-bottom));width:420px;height:auto;min-height:196px}.cookie-copy{display:flex;gap:14px;padding:18px 14px 10px}.cookie-copy p{margin:0 0 10px;line-height:20px}.cookie-copy p:first-child{font-weight:700}.cookie-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 14px 14px}.cookie-actions>*{min-width:90px;height:26px;text-align:center;padding:4px 10px}.cookie-window.maximized{bottom:auto}.cookie-window.maximized .cookie-copy{flex:1}@media(max-width:700px){.cookie-window{left:8px;top:auto;bottom:calc(var(--bar) + 12px + env(safe-area-inset-bottom));width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - var(--bar) - 24px);min-height:206px}.cookie-copy{padding:14px 12px 8px;gap:12px}}

.titlebar button{position:relative;font-size:0}.titlebar [data-minimize]:after{content:"";position:absolute;left:5px;bottom:3px;width:7px;height:2px;background:black}.titlebar [data-maximize]:after{content:"";position:absolute;left:4px;top:3px;width:9px;height:9px;border:1px solid black;border-top-width:2px}.titlebar [data-close]:before,.titlebar [data-close]:after{content:"";position:absolute;left:4px;top:7px;width:10px;height:2px;background:black;transform:rotate(45deg)}.titlebar [data-close]:after{transform:rotate(-45deg)}.maximized .titlebar [data-maximize]:before{content:"";position:absolute;left:6px;top:2px;width:8px;height:8px;border:1px solid black;border-top-width:2px}.maximized .titlebar [data-maximize]:after{left:3px;top:5px;width:8px;height:8px;background:var(--silver)}.arrow{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;margin-right:5px}.cookie-copy{gap:0}

.denial-message .deletion-count{margin:10px 0 0 44px;font-size:14px;line-height:18px}.denied-window:not(.maximized){height:206px}
