:root{color-scheme:dark;--ink:#ece9e6;--muted:#9d969c;--pink:#dfabc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121113;color:var(--ink);font:15px/1.6 Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,label.upload,.import{cursor:pointer}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto;padding:0 40px}header{display:flex;justify-content:space-between;align-items:center;padding-top:32px;padding-bottom:28px;border-bottom:1px solid #343036}.brand{font:26px Georgia,serif;letter-spacing:.09em}.brand span{display:block;font:8px/2.5 monospace;letter-spacing:.23em;color:var(--muted)}nav{display:flex;gap:26px;align-items:center}button{border:1px solid #494047;background:transparent;padding:8px 14px;border-radius:3px}button:hover,a:hover{color:var(--pink)}.intro{padding:90px 0 75px}.eyebrow{font:10px monospace;letter-spacing:.22em;color:var(--pink)}h1{font:normal clamp(46px,6.7vw,82px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:26px 0}h1 span{color:var(--pink)}.intro>p:last-child{color:var(--muted);margin-top:26px}h2{font:normal 24px Georgia,serif}.work-head{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #343036;padding:20px 0 30px}#filters{display:flex;gap:7px;flex-wrap:wrap}#filters button{border:0;color:var(--muted);font-size:12px;padding:6px 10px}#filters .active{background:#e9e3e7;color:#201920}#gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.work{padding:0;border:0;text-align:left;border-radius:0}.work img{display:block;width:100%;height:290px;object-fit:contain;background:#1a181c;transition:background .2s}.work:hover img{background:#242026}.work h3{font:normal 19px Georgia,serif;margin:15px 0 4px}.work p{margin:0;font:10px monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;margin-top:90px;padding-top:30px;padding-bottom:35px;border-top:1px solid #343036;font-size:12px;color:var(--muted)}dialog{background:#19161b;color:var(--ink);border:1px solid #4c424b;border-radius:6px;max-width:94vw;max-height:90vh;padding:28px}dialog::backdrop{background:#080609df}#viewer{width:900px;text-align:center}#viewer img{max-width:100%;max-height:65vh;object-fit:contain}#viewer #close{float:right}#detail{color:var(--muted)}#studio{width:570px}.studio-head{display:flex;align-items:center;justify-content:space-between}.studio-head h2{margin-top:0}#studio>p{font-size:13px;color:var(--muted)}label{display:block;margin:15px 0}input,textarea,select{display:block;width:100%;background:#0f0d11;border:1px solid #494047;padding:10px;margin-top:6px;border-radius:3px}.upload,.import{border:1px solid #6b5362;padding:9px 14px}.upload input,.import input{width:1px;height:1px;position:absolute;opacity:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.import{margin:0}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid var(--pink);outline-offset:4px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}.intro{padding:60px 0}.work-head{display:block}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.work img{height:210px}.brand{font-size:22px}nav{gap:12px;font-size:12px}footer{margin-top:55px}}@media(max-width:440px){#gallery{grid-template-columns:1fr}.work img{height:310px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.intro{text-align:center}.intro h1{font-size:clamp(60px,12vw,140px);letter-spacing:.045em;margin:24px 0 10px;text-shadow:0 0 20px #ffffff22}.intro .eyebrow{color:#e9e5e8;font:700 12px Georgia,serif;letter-spacing:.28em}.intro .disciplines{font:10px monospace;letter-spacing:.26em;margin-top:20px}.transmission{max-width:610px;margin:46px auto 0;text-align:left}.transmission>label{font:italic 17px Georgia,serif;text-align:center;margin-bottom:16px;color:#ded9dc;text-shadow:0 0 8px #ffffff33}.terminal-input{display:flex;align-items:center;gap:14px;border:1px solid #65545f;background:#181418;padding:10px 14px;box-shadow:0 0 20px #e5b5ce0c}.terminal-input>span{color:#e9bed5;text-shadow:0 0 8px #edb5d0}.terminal-input textarea{flex:1;resize:vertical;min-height:38px;max-height:180px;border:0;background:transparent;padding:8px 0;margin:0;font:13px/1.7 monospace;border-radius:0}.terminal-input button{font:10px monospace;letter-spacing:.1em;border-color:#66535f;white-space:nowrap}.terminal-input:focus-within{border-color:#d8b2c8;box-shadow:0 0 15px #e5b5ce1b}#send-status{font:11px monospace;color:#b9a8b3;text-align:center;min-height:18px;margin:12px 0 0}.intro{padding-bottom:60px}@media(max-width:440px){.terminal-input{gap:8px;padding:9px}.terminal-input button{padding:8px}.intro h1{font-size:15vw}}
.terminal-input{flex-wrap:wrap}.terminal-input .shell-address{font:11px monospace;letter-spacing:0}.terminal-input textarea{min-width:160px}@media(max-width:600px){.terminal-input .shell-address{flex-basis:100%;padding:3px 0}}

.art-surface{width:100%;height:290px;background-color:#1a181c;background-repeat:no-repeat;background-position:center;background-size:contain}.work:hover .art-surface{background-color:#242026}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text}@media(max-width:760px){.art-surface{height:210px}}@media(max-width:440px){.art-surface{height:310px}}

/* Refined collection layout. */
body{background:radial-gradient(ellipse at 50% 0,#d79db80b,transparent 650px),#121113}.intro{padding-top:76px}.intro h1{text-shadow:0 0 25px #ffffff19,0 0 85px #e4a4c212}.section-kicker{font:9px monospace;letter-spacing:.22em;color:#bb95ac;margin:0 0 8px}.work-head h2{margin:0}.work-head{padding:28px 0 34px;align-items:flex-end}#gallery{gap:38px 26px}.work .art-surface{height:330px;background-color:#19161b;border:1px solid #ffffff05;transition:background-color .2s,border-color .2s}.work:hover .art-surface{background-color:#211b22;border-color:#c79db436}.work h3{font-size:20px}.work p{font-size:9px;line-height:1.8}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid #343036;margin-top:85px;padding:55px 0 10px}.about h2{font:normal 42px/1.15 Georgia,serif;margin:18px 0}.about p:not(.section-kicker){color:#b4aab1;font-size:15px;max-width:560px;margin:0 0 18px}.collection-notes{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.collection-notes span{font:9px monospace;color:#c9abbc;border:1px solid #463540;padding:9px 12px}#viewer #full{width:100%;height:65vh;background-position:center;background-size:contain;background-repeat:no-repeat}#viewer{background:#100e12}#viewer h2{margin:20px 0 8px}#viewer #detail{font-size:13px;max-width:600px;margin:0 auto 15px}@media(max-width:760px){.work .art-surface{height:250px}.about{grid-template-columns:1fr;gap:22px;margin-top:60px;padding-top:35px}.about h2{font-size:34px}.work-head{display:block}.work-head>div:first-child{margin-bottom:20px}.intro{padding-top:54px}}@media(max-width:440px){.work .art-surface{height:360px}}@media(prefers-reduced-motion:reduce){.art-surface{transition:none}}

/* Collection polish and compact archive previews. */
.collection-count{font:10px monospace;color:var(--muted);margin:10px 0 0;letter-spacing:.08em}
.archive-work .art-surface{background-size:160px auto;background-color:#151216}
.work{min-width:0}.work h3{overflow-wrap:anywhere}
.transmission>label{animation:secret-glow 6s ease-in-out infinite}
@keyframes secret-glow{0%,100%{text-shadow:-5px 0 12px #ffffff28}50%{text-shadow:5px 0 16px #ffffff85,0 0 24px #dfabc535}}
@media(max-width:520px){header{flex-wrap:wrap;gap:18px}nav{width:100%;justify-content:space-between}.intro{padding-top:42px}.work .art-surface{height:310px}.about{gap:16px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.transmission>label{animation:none}}

.transmission>label{font:11px/1.6 monospace;letter-spacing:.06em;color:var(--muted);text-shadow:none;animation:none;text-align:left;margin-bottom:10px}

/* Window chrome adapted from the saved saved desktop. */
.pc-titlebar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(90deg,#30272f,#1b171c);border-bottom:1px solid #695762;padding:9px 12px;font:11px/1.4 Arial,sans-serif;letter-spacing:.08em;color:var(--ink)}
.pc-titlebar button{padding:0 8px;font-size:20px;line-height:1.2}.pc-titlebar h2{font:12px Arial,sans-serif;margin:0!important}.draggable{cursor:move;touch-action:none}
.transmission{border:2px solid;border-color:#82727e #332b32 #332b32 #82727e;box-shadow:6px 7px 0 #0005}.terminal-input{border:0;box-shadow:none}.transmission #send-status{margin:0;padding:8px;min-height:28px;background:#171319}
dialog{border:2px solid;border-color:#82727e #332b32 #332b32 #82727e;border-radius:0;padding:0;resize:both;min-width:280px}#viewer .pc-titlebar{margin:0 0 20px}#viewer #close{float:none}#viewer #full{width:calc(100% - 40px);margin:0 20px}#studio{padding:0 22px 22px}#studio .pc-titlebar{margin:0 -22px 20px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}input[type=color]{height:42px;padding:4px}hr{border:0;border-top:1px solid #493b46;margin:28px 0}.text-art{display:flex;align-items:center;justify-content:center;white-space:pre-wrap;padding:28px;font:24px/1.5 Georgia,serif;overflow:auto;color:var(--ink)}
body[data-font=sans] .intro h1,body[data-font=sans] h2,body[data-font=sans] .work h3,body[data-font=sans] .text-art{font-family:Arial,sans-serif}body[data-font=mono] .intro h1,body[data-font=mono] h2,body[data-font=mono] .work h3,body[data-font=mono] .text-art{font-family:'Courier New',monospace}.no-glow .intro h1,.no-glow .shell-address{text-shadow:none}.no-glow .transmission{box-shadow:6px 7px 0 #0005}.mono-art .art-surface:not(.text-art),.mono-art #full:not(.text-art){filter:grayscale(1)}body.crt-lines:after{content:'';position:fixed;inset:0;z-index:99999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0002 2px 3px)}
@media(max-width:600px){dialog{resize:none;max-width:94vw;min-width:0;left:auto!important;top:auto!important;margin:auto!important}.draggable{cursor:default}.text-art{font-size:20px}}

.system-strip{display:flex;justify-content:space-between;padding:6px 20px;background:#171319;border-bottom:1px solid #493b46;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}header{padding-top:22px;padding-bottom:20px}main{padding-bottom:25px}.intro{padding:48px 0 42px}.intro h1{font-size:clamp(58px,10vw,118px)}.desktop-panel{border:2px solid;border-color:#82727e #332b32 #332b32 #82727e;background:#141115;box-shadow:6px 7px 0 #0005;margin-bottom:40px;scroll-margin-top:20px}.panel-content{padding:22px}.work-head{border-top:0;padding-top:4px}.desktop-panel .about{border:0;margin:0;padding:32px;gap:45px}.work .art-surface{height:280px}footer{margin-top:30px;padding-bottom:100px}.desktop-taskbar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#1c171d;border-top:2px solid #82727e;display:flex;gap:8px;align-items:center;padding:10px 18px;box-shadow:0 -8px 24px #0004}.desktop-taskbar button{border-radius:0;min-width:105px;text-align:left;background:#272028;border-color:#66535f;font-size:12px}.taskbar-mark{font:20px Georgia,serif;color:var(--ink);margin-right:8px}.taskbar-status{margin-left:auto;font:9px Arial,sans-serif;color:var(--muted);letter-spacing:.12em}[hidden]{display:none!important}
@media(max-width:600px){.system-strip{font-size:9px;padding:6px 12px}.panel-content{padding:16px}.desktop-panel .about{padding:22px}.desktop-taskbar{padding:9px 10px;gap:6px}.taskbar-mark,.taskbar-status{display:none}.desktop-taskbar button{min-width:0;flex:1;padding:8px 7px;font-size:11px}.work .art-surface{height:280px}.intro{padding-top:32px}.transmission{margin-top:30px}}

.release-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}#release-empty{font-size:13px;color:var(--muted);padding:15px 0 25px}#released{scroll-margin-top:20px}@media(max-width:760px){.release-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}nav{flex-wrap:wrap}}@media(max-width:440px){.release-gallery{grid-template-columns:1fr}}

.timeline-group{border-left:1px solid var(--pink);padding:0 0 26px 20px;margin:25px 0}.timeline-group h3{font:14px monospace;color:var(--pink)}.timeline-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.timeline-piece{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;font-size:12px}.timeline-piece span{overflow-wrap:anywhere}.timeline-preview{width:60px;height:70px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;display:grid;place-items:center}@media(max-width:760px){.timeline-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.timeline-items{grid-template-columns:1fr}}

.timeline-piece small{display:block;font:9px/1.6 monospace;color:var(--muted);margin-top:5px}

/* Owner-editable app feature and plain-text writing windows. */
.app-feature{text-align:left;margin:40px 0 32px}.app-feature h2{font:clamp(28px,4vw,44px)/1.2 Arial,sans-serif;margin:15px 0}.app-feature p{color:var(--muted)}.app-feature .section-kicker{color:var(--pink)}.app-link{display:inline-block;border:1px solid var(--pink);padding:10px 18px;margin:10px 0 20px;font:12px monospace;color:var(--ink)}#app-screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.app-screenshot{height:240px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#100e11}.studio-section{border:1px solid #493b46;padding:16px;margin:20px 0}.studio-section summary{cursor:pointer;font:14px monospace;color:var(--pink);margin-bottom:14px}.studio-section fieldset{border:0;padding:0;min-width:0}.writing-options{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.preserved-text{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;line-height:1.8}.writing-window,.writing-reader{width:min(760px,94vw);max-height:88vh;overflow:auto;background:#141115;color:var(--ink)}.writing-entry{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;border:0;border-bottom:1px solid #493b46;padding:18px 8px}.writing-entry strong{font:17px/1.5 Arial,sans-serif;font-weight:normal}.writing-entry span{font:10px/1.5 monospace;color:var(--muted)}.writing-reader h2{font:26px/1.3 Arial,sans-serif}.writing-reader #reader-body{padding:25px 0;min-height:100px}.reader-image{height:240px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:20px 0}.writing-preview-label{font:10px monospace;color:var(--muted);margin:20px 0 8px}#writing-live-preview{border:1px solid #493b46;padding:18px;min-height:100px;max-height:260px;overflow:auto;background:#121013}.shot-edit{display:flex;align-items:center;gap:8px;font:11px Arial,sans-serif;margin-bottom:10px}.shot-edit>div{width:70px;height:70px;background-size:contain;background-repeat:no-repeat;background-position:center}.shot-edit button{padding:6px;font-size:10px}#writing-image-note{font:11px Arial,sans-serif;color:var(--muted)}
@media(max-width:600px){#app-screenshots{grid-template-columns:1fr}.app-screenshot{height:280px}.writing-options{grid-template-columns:1fr}.writing-entry{align-items:flex-start;flex-direction:column;gap:5px}.shot-edit{flex-wrap:wrap}.desktop-taskbar button{font-size:10px}.app-feature .panel-content{padding:18px}.writing-window,.writing-reader{width:94vw}}

/* Small catalog originals stay compact, with no upscaling. */
.work.archive-work .art-surface{height:130px}#art-variants{justify-content:center;margin:12px 20px 22px}

#progress-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}header nav{flex-wrap:wrap}@media(max-width:760px){#progress-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){#progress-gallery{grid-template-columns:1fr}}

#recent-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}#recent,#in-progress{scroll-margin-top:25px}@media(max-width:760px){#recent-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){#recent-gallery{grid-template-columns:1fr}}

.name-hint{font-size:.55em;font-style:italic;font-weight:normal;opacity:.55;margin-left:.4em;letter-spacing:.12em}

/* iPad visitor callout controls; owner editing remains selectable. */
html,body,body *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable="true"]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}
img,.art-surface{-webkit-user-drag:none;touch-action:pan-y}
.pc-titlebar::before{content:'▣';font:14px monospace;color:#ffc2e7;text-shadow:1px 1px #000;margin-right:7px}
.desktop-panel,.transmission{border-color:#ff61bd;box-shadow:0 0 3px #ff168f,0 0 13px #ff168f66,inset 0 0 9px #ff168f18}
.retro-flip{font:12px 'Courier New',monospace;font-weight:bold;padding:7px 13px;margin-bottom:15px;background:#c7bfc6;color:#20101c;border:2px solid;border-color:#fff #55404d #55404d #fff;box-shadow:2px 2px #000,0 0 12px #ff168f75;cursor:pointer}
.retro-flip:active,.retro-flip[aria-pressed="true"]{border-color:#55404d #fff #fff #55404d;background:#ffc0e0}
#recent-gallery .flip-details{display:none;white-space:pre-wrap;padding:20px;min-height:240px;align-items:center;background:#241620;color:#ffd7ec;border:1px dashed #ff69bf}
#recent-gallery.flipped .art-surface{display:none}#recent-gallery.flipped .flip-details{display:flex}
.pink-trail{position:fixed;width:16px;height:16px;background:#fff;border-radius:50%;pointer-events:none;z-index:10000;box-shadow:0 0 10px #fff,0 0 25px #fff,0 0 48px #fff;animation:trail-fade .65s ease-out forwards}
@keyframes trail-fade{to{opacity:0;transform:scale(.1)}}
@media(prefers-reduced-motion:reduce){.pink-trail{display:none}}

/* Pink 95/98 window chrome, inspired by the supplied reference. */
.pc-titlebar{background:linear-gradient(90deg,#77294f,#b34783);border-bottom:2px solid #ffb2d9;color:#fff1fa;box-shadow:inset 0 1px #ffd5ea;font-family:'Courier New',monospace;font-weight:bold;letter-spacing:.07em}
.pc-titlebar button,.window-controls button{background:#ffc5e2;color:#551939;border:2px solid;border-color:#fff0f9 #733452 #733452 #fff0f9;box-shadow:1px 1px #301020;border-radius:0;min-width:23px;font-weight:bold;text-shadow:none}
.desktop-taskbar button{border:2px solid;border-color:#e8adc9 #4c2439 #4c2439 #e8adc9;background:#5f2948;box-shadow:1px 1px #160a12}
.desktop-panel{border:2px solid;border-color:#ffa4d1 #782748 #782748 #ffa4d1;border-radius:0}
#task-art::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23260c20%22%20d%3D%22M1%204h6v2h8v9H1z%22/%3E%3Cpath%20fill%3D%22%23ff93cc%22%20d%3D%22M2%205h4v2h8v7H2z%22/%3E%3Cpath%20fill%3D%22%23fff0fa%22%20d%3D%22M2%205h4v1H2zM2%208h12v1H2z%22/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated}
#task-terminal::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23260c20%22%20d%3D%22M2%201h12v10H9v2h6v2H1v-2h6v-2H2z%22/%3E%3Cpath%20fill%3D%22%23eeb3d2%22%20d%3D%22M3%202h10v8H3zM2%2014h12v1H2z%22/%3E%3Cpath%20fill%3D%22%23a8246a%22%20d%3D%22M4%203h8v6H4z%22/%3E%3Cpath%20fill%3D%22%23ff35ab%22%20d%3D%22M5%204h3v2H5z%22/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated}
#task-writing::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23260c20%22%20d%3D%22M2%201h11l2%202v12H2z%22/%3E%3Cpath%20fill%3D%22%23ff83c4%22%20d%3D%22M3%202h9l2%202v10H3z%22/%3E%3Cpath%20fill%3D%22%23fff0fa%22%20d%3D%22M5%202h6v4H5zM5%209h7v5H5z%22/%3E%3Cpath%20fill%3D%22%23642046%22%20d%3D%22M9%202h2v3H9z%22/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated}
#task-studio::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23260c20%22%20d%3D%22M10%201h3v2h2v3L6%2015H1v-5z%22/%3E%3Cpath%20fill%3D%22%23ff64b6%22%20d%3D%22M10%203h2v2h2L5%2013H3v-2z%22/%3E%3Cpath%20fill%3D%22%23fff0fa%22%20d%3D%22M3%2011h2v2H3z%22/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated}
@media(pointer:fine){body,a,button,.art-surface{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23280b20%22%20d%3D%22M1%201v21l6-6%204%208h5l-5-9h10z%22/%3E%3Cpath%20fill%3D%22%23ff62ba%22%20d%3D%22M3%205v12l4-4%206%209h1l-6-10h8z%22/%3E%3C/svg%3E") 1 1,auto}}

/* A tiny animated boot screen, with a white comet orbiting the pink pixel cat. */
.neon-boot{position:relative;width:190px;height:150px;margin:0 auto 12px;pointer-events:none}
.boot-cat{position:absolute;width:74px;height:74px;left:58px;top:38px;filter:drop-shadow(0 0 9px #ff159e) drop-shadow(0 0 24px #ff159e);animation:cat-hover 4s ease-in-out infinite}
.boot-orbit{position:absolute;inset:12px 22px;border:1px solid #ff43b488;border-radius:50%;box-shadow:0 0 20px #ff159e55;animation:boot-orbit 5s linear infinite}
.boot-orbit i{position:absolute;width:18px;height:18px;top:-9px;left:calc(50% - 9px);background:white;border-radius:50%;box-shadow:0 0 12px #fff,0 0 28px #fff,0 0 48px #ff159e}
.boot-orbit::after{content:'';position:absolute;inset:-2px;border-radius:50%;border-top:4px solid white;filter:drop-shadow(0 0 7px white);transform:rotate(-25deg)}
.boot-star{position:absolute;color:white;text-shadow:0 0 12px white,0 0 26px #ff219f;animation:cat-hover 3s ease-in-out infinite}
.star-one{left:3px;top:35px;font-size:24px}.star-two{right:0;top:90px;font-size:30px;animation-delay:-1s}.star-three{right:25px;top:8px;font-size:17px;animation-delay:-2s}
.boot-signal{position:absolute;bottom:0;left:65px;display:flex;gap:5px}.boot-signal b{width:8px;height:5px;background:#ff219f;box-shadow:0 0 9px #ff219f;animation:signal-pulse 2s ease-in-out infinite}.boot-signal b:nth-child(2){animation-delay:.2s}.boot-signal b:nth-child(3){animation-delay:.4s}.boot-signal b:nth-child(4){animation-delay:.6s}.boot-signal b:nth-child(5){animation-delay:.8s}
.desktop-panel,.transmission{position:relative}
.desktop-panel::after,.transmission::after{content:'';position:absolute;top:-3px;left:0;width:65px;height:4px;background:white;box-shadow:0 0 10px white,0 0 22px #ff159e;pointer-events:none;animation:edge-comet 7s ease-in-out infinite}
@keyframes boot-orbit{to{transform:rotate(360deg)}}
@keyframes cat-hover{50%{transform:translateY(-6px)}}
@keyframes signal-pulse{50%{background:white;box-shadow:0 0 13px white}}
@keyframes edge-comet{0%,100%{left:0;opacity:.4}50%{left:calc(100% - 65px);opacity:1}}
@media(prefers-reduced-motion:reduce){.neon-boot *,.desktop-panel::after,.transmission::after{animation:none!important}}
/* Atchy's baby pink and vivid magenta palette. */
:root{--pink:#ff149f;--muted:#f3bfdc}
.pc-titlebar{background:linear-gradient(90deg,#b90074,#ff149f);border-bottom-color:#ffd1e8;color:#fff;box-shadow:inset 0 1px #ffe6f3,0 0 16px #ff149f55}
.pc-titlebar button,.window-controls button{background:#ffd1e8;color:#9d005d;border-color:#fff #bb006c #bb006c #fff}
.desktop-taskbar{background:#210016;border-top-color:#ff149f}
.desktop-taskbar button{background:#ffd1e8;color:#780044;border-color:#fff #b90074 #b90074 #fff}
.desktop-panel{border-color:#ffd1e8 #c40079 #c40079 #ffd1e8}
.retro-flip{background:#ffd1e8;color:#780044;border-color:#fff #b90074 #b90074 #fff}
#filters .active{background:#ff149f;color:white;box-shadow:0 0 15px #ff149f88}
.intro h1{color:#ffd1e8;text-shadow:0 0 4px #fff8,0 0 22px #ff149f88}

.batcat-scene{width:280px;height:170px;margin-bottom:0}
.batcat{position:absolute;left:60px;top:20px;width:155px;height:136px;overflow:visible;filter:drop-shadow(0 0 8px #ff149f66);animation:batcat-play 12s ease-in-out infinite}
.bat-wings{transform-origin:80px 85px;animation:bat-flap 12s ease-in-out infinite}
.bat-eyes{transform-origin:80px 65px;animation:bat-blink 6s infinite}
.bat-thought{position:absolute;top:10px;left:165px;color:#ffd1e8;font:22px Georgia,serif;text-shadow:0 0 10px #ff149f;animation:bat-think 12s infinite}
.bat-ghost{position:absolute;width:32px;height:37px;left:215px;top:30px;filter:drop-shadow(0 0 9px white);animation:ghost-play 12s ease-in-out infinite}
.bat-spark{position:absolute;left:24px;top:86px;color:#fff;font-size:24px;text-shadow:0 0 15px white;animation:cat-hover 4s infinite}
@keyframes batcat-play{0%,38%,100%{transform:translate(0,0) rotate(0)}48%{transform:translate(12px,-5px) rotate(5deg)}60%{transform:translate(36px,-14px) rotate(8deg)}76%{transform:translate(-28px,-20px) rotate(-7deg)}88%{transform:translate(-12px,-5px)}}
@keyframes ghost-play{0%,38%,100%{transform:translate(0,0)}20%{transform:translate(-8px,9px)}58%{transform:translate(25px,-18px)}76%{transform:translate(-185px,-8px)}88%{transform:translate(-145px,15px)}}
@keyframes bat-think{0%,8%,38%,100%{opacity:0}15%,30%{opacity:1}42%,95%{opacity:0}}
@keyframes bat-flap{0%,38%,100%{transform:scaleY(1)}48%,64%,80%{transform:scaleY(.65)}56%,72%,88%{transform:scaleY(1.15)}}
@keyframes bat-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){.batcat-scene *{animation:none!important}.bat-thought{opacity:1}}

/* Tiny independent movements while she daydreams. */
.bat-ear-left{transform-origin:56px 52px;animation:ear-left-twitch 5.7s ease-in-out infinite}
.bat-ear-right{transform-origin:104px 52px;animation:ear-right-twitch 7.1s ease-in-out infinite}
.bat-tail{transform-origin:104px 109px;animation:tail-flick 4.3s ease-in-out infinite}
.bat-paw-left{transform-origin:65px 120px;animation:paw-wiggle 3.8s ease-in-out infinite}
.bat-paw-right{transform-origin:95px 120px;animation:paw-wiggle 3.8s .65s ease-in-out infinite}
@keyframes ear-left-twitch{0%,65%,81%,100%{transform:rotate(0)}69%,76%{transform:rotate(-15deg)}73%,79%{transform:rotate(6deg)}}
@keyframes ear-right-twitch{0%,43%,61%,100%{transform:rotate(0)}47%,55%{transform:rotate(15deg)}51%,58%{transform:rotate(-6deg)}}
@keyframes tail-flick{0%,45%,100%{transform:rotate(0)}58%{transform:rotate(-18deg)}69%{transform:rotate(12deg)}80%{transform:rotate(-7deg)}}
@keyframes paw-wiggle{0%,57%,85%,100%{transform:translateY(0) rotate(0)}64%,76%{transform:translateY(-3px) rotate(-12deg)}70%,81%{transform:translateY(1px) rotate(9deg)}}
.name-trail{position:relative;isolation:isolate}
.name-trail::after{content:attr(data-glow);position:absolute;inset:0;pointer-events:none;color:white;text-shadow:0 0 5px white,0 0 13px white,0 0 28px white,0 0 48px #ff149f;clip-path:polygon(-40% 0,-10% 0,-20% 100%,-50% 100%);animation:name-glow-trail 5.5s ease-in-out infinite}
@keyframes name-glow-trail{0%,12%{clip-path:polygon(-40% 0,-10% 0,-20% 100%,-50% 100%);opacity:0}20%{opacity:1}76%{opacity:1}88%,100%{clip-path:polygon(140% 0,170% 0,160% 100%,130% 100%);opacity:0}}
@media(prefers-reduced-motion:reduce){.batcat-scene *,.name-trail::after{animation:none!important}.name-trail::after{display:none}}

/* Light comes from the lettering and falls beneath it. */
.name-trail::after{content:none;display:none;animation:none}
.intro h1.name-trail{animation:letter-glow-down 4.8s ease-in-out infinite;text-shadow:0 0 3px #fff,0 4px 8px #fff9,0 10px 18px #ffb6dc99,0 21px 32px #ff149f66}
@keyframes letter-glow-down{0%,100%{text-shadow:0 0 3px #fff9,0 4px 8px #fff7,0 10px 18px #ffb6dc77,0 21px 32px #ff149f44}50%{text-shadow:0 0 5px #fff,0 5px 11px #fff,0 14px 23px #ffd1e8cc,0 29px 40px #ff149f99}}
@media(prefers-reduced-motion:reduce){.intro h1.name-trail{animation:none}}

/* Public presentation. Studio data remains local to its original browser. */
#manage,#task-studio{display:none}html,body,.art-surface,#full,#reader-image{-webkit-touch-callout:none}input,textarea,select,[contenteditable="true"]{-webkit-touch-callout:default}
/* No cursor particles. Batcat, ghost and lettering animations remain. */
.pink-trail{display:none!important;animation:none!important}
.rotation-watermark{position:absolute;right:10px;bottom:8px;z-index:3;color:#fff9;font:12px Georgia,serif;text-shadow:0 1px 4px #000;pointer-events:none}/* Owner review: compact collection tabs and a readable mobile terminal. */
.timeline-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.timeline-tabs button{font:11px monospace;padding:8px 12px}.timeline-tabs .active{background:#ff149f;color:#fff}.timeline-group h3{font-size:18px}.timeline-piece{min-height:100px}.timeline-items{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.timeline-items{grid-template-columns:1fr}.timeline-group{padding-left:18px}.timeline-piece{font-size:14px;padding:16px}.timeline-preview{width:70px;height:80px}.terminal-input textarea{flex-basis:100%;min-width:0;min-height:66px;resize:vertical;overflow-wrap:anywhere}.terminal-input button{margin-left:auto}.terminal-input .shell-address{flex-basis:100%}}

@media(max-width:600px){#in-progress .pc-titlebar>span:nth-of-type(2){display:none}}

.timeline-piece:hover,.timeline-piece:focus-visible{color:var(--ink)}

#about .about-alias{color:#ffd1e8;text-shadow:0 0 3px #ffb6dc99,0 0 7px #ff149f80;animation:about-alias-glow 4s ease-in-out infinite}

#about .about-alias:nth-of-type(2){animation-delay:-2s}
@keyframes about-alias-glow{0%,100%{text-shadow:0 0 2px #ffb6dc80,0 0 6px #ff149f50}50%{text-shadow:0 0 4px #ffb6dccc,0 0 9px #ff149f99}}
@media(prefers-reduced-motion:reduce){#about .about-alias{animation:none}}
