:root{--desktop-a: #cbb3e3;--desktop-b: #f3c9e4;--face: #f4eef8;--face-hi: #fbf8fd;--bevel-light: #ffffff;--bevel-mid: #d9c9ea;--bevel-dark: #8e74a8;--bevel-darkest: #43315e;--title-a: #ff5fb8;--title-b: #9d6bff;--chrome: #e9e6f0;--ink: #2b2140;--ink-soft: #6b5b85;--ok: #1a7f4b;--err: #b3305a;--font-ui: Tahoma, Verdana, Segoe UI, system-ui, sans-serif;--font-mono: "Lucida Console", Monaco, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.45;color:var(--ink);background:radial-gradient(1200px 500px at 85% -10%,#ffd7ef 0%,transparent 60%),linear-gradient(160deg,var(--desktop-a),var(--desktop-b));background-attachment:fixed;min-height:100svh}.desktop{max-width:560px;margin:0 auto;padding:14px 12px 96px}.raised{background:var(--face);box-shadow:inset -1px -1px 0 var(--bevel-darkest),inset 1px 1px 0 var(--bevel-light),inset -2px -2px 0 var(--bevel-dark),inset 2px 2px 0 var(--face-hi)}.sunken{background:#fff;box-shadow:inset 1px 1px 0 var(--bevel-darkest),inset -1px -1px 0 var(--bevel-light),inset 2px 2px 0 var(--bevel-dark),inset -2px -2px 0 var(--face-hi)}.win{margin:0 0 18px;padding:3px}.win+.win{margin-top:18px}.titlebar{display:flex;align-items:center;gap:8px;padding:4px 6px;background:linear-gradient(90deg,var(--title-a),var(--title-b));color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.02em;text-shadow:1px 1px 0 rgba(60,20,90,.45);user-select:none}.titlebar .title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tb-btns{display:flex;gap:3px}.tb-btn{width:18px;height:16px;display:grid;place-items:center;font-family:var(--font-ui);font-size:10px;font-weight:700;color:var(--ink);background:var(--face);box-shadow:inset -1px -1px 0 var(--bevel-darkest),inset 1px 1px 0 var(--bevel-light)}.win-body{padding:12px}.hero .win-body{padding:12px 12px 14px}.hero-photo{display:block;width:100%;height:auto}.hero-frame{padding:3px;margin-bottom:12px}.hero h1{margin:0 0 2px;font-size:26px;line-height:1.1;letter-spacing:.01em}.hero .handle{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);margin:0 0 4px}.hero .tagline{margin:0 0 12px;color:var(--ink-soft)}.btn{display:block;width:100%;padding:12px 14px;font-family:var(--font-ui);font-size:15px;font-weight:700;text-align:center;text-decoration:none;color:var(--ink);background:var(--face);border:0;cursor:pointer;box-shadow:inset -1px -1px 0 var(--bevel-darkest),inset 1px 1px 0 var(--bevel-light),inset -2px -2px 0 var(--bevel-dark),inset 2px 2px 0 var(--face-hi)}.btn:active{box-shadow:inset 1px 1px 0 var(--bevel-darkest),inset -1px -1px 0 var(--bevel-light);transform:translate(1px,1px)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px dotted var(--bevel-darkest);outline-offset:-6px}.btn-primary{background:linear-gradient(180deg,#ff9ad2 0%,var(--title-a) 45%,#a96ae8 100%);color:#fff;font-size:17px;padding:16px 14px;border:2px solid var(--bevel-darkest);border-radius:4px;text-shadow:1px 1px 0 rgba(60,20,90,.45);box-shadow:inset 0 2px #ffd0ea,inset 2px 0 #ffb1de,inset -2px 0 #8a55d8,inset 0 -4px #6f43c4,0 5px 0 var(--bevel-darkest),0 9px 14px #43315e59}@media(hover:hover){.btn-primary:hover{filter:brightness(1.07)}}.btn-primary:active{transform:translateY(5px);box-shadow:inset 0 3px 5px #280f4673,0 0 0 var(--bevel-darkest)}.btn-sub{display:block;margin-top:6px;font-size:11px;font-weight:400;font-family:var(--font-mono);opacity:.9}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.socials .btn{font-size:14px;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:8px}.socials .icon{display:inline-flex;width:16px;height:16px;flex:0 0 16px}.socials .icon svg{width:100%;height:100%}.socials .btn:last-child:nth-child(odd){grid-column:1 / -1}.photo-win{width:88%}.photo-win:nth-of-type(odd){margin-left:auto;transform:rotate(.4deg)}.photo-win:nth-of-type(2n){margin-right:auto;transform:rotate(-.5deg)}.photo-win img{display:block;width:100%;height:auto}.notepad .win-body{font-family:var(--font-mono);font-size:12.5px;line-height:1.6;background:#fff;margin:3px;padding:12px;box-shadow:inset 1px 1px 0 var(--bevel-darkest),inset -1px -1px 0 var(--bevel-light)}.wizard label{display:block;font-size:13px;margin:0 0 8px}.wizard .field{width:100%;padding:11px 10px;font-family:var(--font-mono);font-size:14px;color:var(--ink);border:0;margin-bottom:10px}.wizard .hint{font-size:11.5px;color:var(--ink-soft);margin:10px 0 0;font-family:var(--font-mono)}.form-msg{margin:10px 0 0;font-size:13px;font-weight:700;display:none}.form-msg.ok{display:block;color:var(--ok)}.form-msg.err{display:block;color:var(--err)}.hp{position:absolute;left:-5000px;width:1px;height:1px;opacity:0}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:8px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:var(--chrome);box-shadow:inset 0 1px 0 var(--bevel-light),inset 0 2px 0 var(--face-hi),0 -1px 0 var(--bevel-dark);font-size:12px}.start{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-weight:700;font-size:13px;width:auto}.start .heart{color:var(--title-a)}.task{flex:1;font-family:var(--font-mono);font-size:11px;padding:5px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-soft)}.tray{font-family:var(--font-mono);font-size:12px;padding:5px 10px;min-width:74px;text-align:center}@media(prefers-reduced-motion:no-preference){.hero{animation:winopen .18s ease-out}@keyframes winopen{0%{transform:scale(.975);opacity:.6}to{transform:scale(1);opacity:1}}}@media(min-width:640px){.desktop{padding-top:28px}.hero-frame{max-width:480px;margin-left:auto;margin-right:auto}}