:root{--ink:#314538;--green:#345743;--paper:#f7f5e9;--chrome:#e9e9d9;--line:#657563;--muted:#6c7567;--orange:#d98560;--desktop:#dce6dc;--shadow:5px 5px 0 #31453824;font-family:"Courier New",monospace;color:var(--ink);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background-color:var(--desktop);background-image:radial-gradient(#9bad982b .8px,transparent .8px);background-size:6px 6px;min-height:100dvh;font-size:14px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible{outline:2px dashed var(--green);outline-offset:4px}button,dialog{border-radius:0}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translate(1px,1px)}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}svg{shape-rendering:crispEdges}button svg{pointer-events:none}.desktop-header{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #94a891;background:#dce6dce8;gap:16px}.system-name{font-weight:bold;display:flex;align-items:center;gap:10px;font-size:15px;white-space:nowrap}.system-mark{font-size:28px}.header-right{display:flex;align-items:center;gap:22px;font-size:11px;color:#52644f}.header-right #mode{border:1px dashed #7c8c70;padding:5px 8px}.desktop{min-height:calc(100dvh - 109px);display:grid;grid-template-columns:142px 1fr;padding:42px 50px 50px 24px;gap:24px;align-items:center}.shortcuts{align-self:start;display:flex;flex-direction:column;gap:33px;padding-top:8px}.shortcut{border:1px solid transparent;background:none;display:flex;align-items:center;flex-direction:column;gap:11px;padding:8px 3px;width:118px;font-size:12px;line-height:1.5}.shortcut:hover{background:#eff3e840;border:1px dashed #99aa93}.shortcut svg{width:44px;height:44px;filter:drop-shadow(2px 3px 0 #31453815)}.workspace{position:relative;width:min(100%,950px);margin:0 auto;padding:30px 60px 36px 0}.window{border:2px solid var(--ink);background:var(--chrome);padding:4px;box-shadow:var(--shadow)}.main-window{position:relative;z-index:2;min-height:524px;animation:arrive .35s ease-out}.window-under{position:absolute;left:20px;right:40px;top:10px;height:450px;border:1px solid #829380;background:#d1dbc9;box-shadow:3px 3px 0 #63755c18}.window-under span{display:block;padding:7px 12px;border-bottom:1px solid #829380;background:#b5c4ab;font-size:11px;color:#476041}.titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:var(--paper);padding:4px 5px 4px 10px;gap:10px;min-height:30px;font-size:12px;font-weight:bold}.window-controls{display:flex;gap:4px}.window-controls button,.dialog-x{border:1px solid #253b2d;background:var(--chrome);color:var(--ink);box-shadow:inset 1px 1px #fff,inset -1px -1px #a4ad98;width:23px;height:21px;font-size:19px;line-height:14px;padding:0}.menubar{display:flex;align-items:center;gap:18px;height:37px;padding:0 11px;border-bottom:1px solid #9ea78f}.menubar button{border:0;background:none;padding:3px 0;font-size:12px}.menubar button:first-letter{text-decoration:underline;text-underline-offset:3px}.menubar>span{margin-left:auto;font-size:10px;color:#69735e}.screen{background:var(--paper);min-height:413px;border:1px solid #a7af9c;border-top:0;position:relative;overflow:hidden}.window-status{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:6px 6px 3px;border:1px solid #a8af9e;box-shadow:inset 1px 1px #ced3c3;font-size:10px;color:#65705e}.hero{padding:31px 36px 28px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#64705b;margin-bottom:20px}.state-dot{width:7px;height:7px;background:#d08957;box-shadow:0 0 0 2px #d0895720}.hero-content{display:grid;grid-template-columns:1fr 167px;gap:10px;align-items:center}.hero h1{font-family:"Courier New",monospace;font-weight:bold;font-size:clamp(42px,4.8vw,65px);letter-spacing:-4px;line-height:1.04;margin:0 0 22px}.hero h1 span{display:block}.hero-description{font-size:13px;line-height:1.8;max-width:360px;margin:0;color:#61705d}.folder-art{position:relative;height:170px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg)}.folder-art>svg{width:150px;height:130px;filter:drop-shadow(5px 6px 0 #31453825)}.folder-art .folder-label{position:absolute;top:92px;left:19px;transform:rotate(7deg);font-size:11px;background:#f7f5e9;border:1px solid var(--ink);padding:7px 9px;white-space:nowrap;box-shadow:2px 2px 0 #31453820}.folder-cursor{position:absolute;right:4px;bottom:9px;width:35px;height:44px;background:var(--ink);clip-path:polygon(0 0,0 83%,24% 65%,40% 100%,59% 91%,43% 59%,77% 59%);transform:rotate(7deg)}.hero-footer{display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:24px;border-top:1px dashed #b6bdab}.retro-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:43px;padding:10px 17px;background:var(--chrome);border:1px solid var(--ink);box-shadow:inset 1px 1px #fff,2px 2px 0 var(--ink);font-size:12px;font-weight:bold;line-height:1.5}.retro-button.primary{background:var(--green);color:var(--paper);box-shadow:inset 1px 1px #6c8671,2px 2px 0 #243c2d}.hero-footer>span{font-size:10px;color:#75816a;line-height:1.7;max-width:136px}.sticky-note{position:absolute;z-index:3;width:172px;right:-25px;top:104px;transform:rotate(6deg);background:#eee4b4;border:1px solid #b7af82;padding:24px 19px 17px;box-shadow:4px 5px 0 #34483815;font-size:15px;line-height:1.5;pointer-events:none}.sticky-note p{margin:7px 0 14px}.note-pin{position:absolute;top:3px;left:76px;font-size:19px;color:#948e67}.note-crossed{font-size:12px;text-decoration:line-through;color:#8a8561;display:block}.note-bottom{display:block;font-size:12px;transform:rotate(-5deg);margin-top:5px}.desktop-footnote{font-size:10px;color:#677d66;margin:21px 0 0 5px}.taskbar{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:6px 10px;background:#e0e4d6;border-top:2px solid #f9faee;box-shadow:0 -1px var(--line);height:52px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.start-button,.task-button{display:flex;align-items:center;gap:9px;height:35px;border:1px solid #74826d;background:var(--chrome);box-shadow:inset 1px 1px #fff,inset -1px -1px #a1ad97;padding:0 12px;font-size:12px}.start-button{font-weight:bold}.start-button span{font-size:23px}.task-button{width:190px;background:#d3deca;box-shadow:inset 1px 1px #a1ad97,inset -1px -1px #fff}.task-button svg{width:22px;height:22px}.taskbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;height:34px;border:1px solid #a3af97;box-shadow:inset 1px 1px #b7c1af;padding:0 12px;font-size:12px}.tiny-heart{font-size:20px}.dialog{width:min(420px,calc(100% - 32px));padding:4px;color:var(--ink)}.dialog::backdrop{background:#2f403847;backdrop-filter:blur(1px)}.dialog-body{padding:24px 16px 12px;display:flex;gap:18px}.dialog-icon{width:43px;height:43px;flex-shrink:0}.dialog h2{font-size:17px;line-height:1.35;margin:1px 0 10px;letter-spacing:-.6px}.dialog p{font-size:12px;line-height:1.8;white-space:pre-line;margin:0}.dialog-actions{display:flex;justify-content:flex-end;padding:10px 18px 19px}.dialog-actions button{min-width:105px}.explorer{padding:25px 30px 28px}.path{font-size:11px;background:#eeeee0;border:1px solid #a5af98;padding:9px 12px;color:#687660;margin-bottom:25px}.explorer h1,.sending h1,.complete h1{font-size:31px;letter-spacing:-1.8px;line-height:1.15;margin:0 0 13px}.explorer .lead,.sending .lead{font-size:12px;line-height:1.8;color:#6b755f;margin:0}.file-list{margin-top:23px;border-top:1px solid #c3c9b7}.file-item{display:flex;align-items:center;gap:17px;width:100%;padding:15px 8px;border:0;border-bottom:1px solid #c3c9b7;background:none;text-align:left}.file-item svg{width:33px;height:35px;flex-shrink:0}.file-item strong{display:block;font-size:12px;margin-bottom:5px;font-weight:normal}.file-item small{font-size:10px;color:#6f7d64}.file-item .file-state{margin-left:auto;font-size:10px;color:#75846a;white-space:nowrap}.file-item .file-state.done{color:var(--green)}.file-item.gift-ready{background:#e8eddb}.file-item.gift-ready strong{font-weight:bold}.back-button{border:0;padding:0;background:none;font-size:11px;color:#62745c;margin-top:23px;text-decoration:underline;text-underline-offset:4px}.sending,.complete{padding:32px 35px}.sending-head{display:flex;align-items:center;gap:23px;margin:0 0 29px}.sending-head>svg{width:57px;height:57px;flex-shrink:0}.transfer{margin-top:25px;border:1px solid var(--line);padding:5px;background:#e2e5d5}.transfer-track{height:22px;display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.transfer-track span{background:#d3d9c8}.transfer-track span.filled{background:var(--green)}.transfer-labels{display:flex;justify-content:space-between;font-size:11px;margin-top:11px}.console{font-size:11px;line-height:2;background:#eeeee1;border:1px solid #c2c9b5;padding:14px 16px;margin-top:26px;min-height:98px;color:#697760}.console .active-line{color:var(--green)}.complete{text-align:center;padding-top:27px}.complete .heart{width:58px;height:58px;margin:1px 0 17px;filter:drop-shadow(3px 3px 0 #31453818)}.complete h1{font-size:35px}.complete p{font-size:12px;line-height:1.8;color:#6f7b63;max-width:370px;margin:15px auto}.receipt{display:inline-block;border:1px dashed #9fac90;background:#edeee0;padding:9px 15px;font-size:11px;margin:7px 0 10px}.complete .final-note{color:var(--ink);font-size:16px;font-weight:bold;margin:16px auto 22px}.complete .actions{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap}.complete .actions .back-button{margin:0}.error-panel{padding:37px 30px;min-height:410px}.error-panel svg{width:48px;height:48px;margin-bottom:22px}.error-panel h1{font-size:29px;letter-spacing:-1.6px;margin:0 0 18px}.error-panel p{font-size:12px;line-height:1.9;margin-bottom:24px;max-width:380px}.error-panel .retro-button{margin-right:12px}.noscript{padding:20px;background:var(--paper)}body.pretty{--desktop:#e4dcd5;background-image:radial-gradient(#b8999029 .8px,transparent .8px)}.screen.fade-in{animation:screen-in .22s ease-out}.window.minimized{display:none}.workspace:has(.minimized) .sticky-note,.workspace:has(.minimized) .window-under{display:none}
.love-letter{max-width:410px;margin:18px auto 25px;padding-top:10px;border-top:1px dashed #b6bdab}.complete .love-letter p{color:var(--ink)}.complete .love-letter .anniversary{font-size:16px;font-weight:bold;line-height:1.65;margin:20px auto 11px}.complete .love-letter .final-note{font-size:25px;letter-spacing:-1px;margin:22px auto 6px}
@keyframes arrive{from{transform:translateY(9px);opacity:0}to{transform:none;opacity:1}}@keyframes screen-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.desktop{padding-right:100px}.workspace{width:1000px}.hero{padding:37px 44px}.screen{min-height:430px}.hero h1{font-size:72px}}
@media(max-width:1000px){.desktop{grid-template-columns:100px 1fr;padding:30px 22px 60px 10px;gap:13px}.shortcut{width:95px;font-size:11px}.workspace{padding-right:25px}.sticky-note{right:-9px;top:123px;width:127px;font-size:12px;padding:17px 11px;transform:rotate(5deg)}.note-pin{left:55px}.hero{padding:26px}.hero-content{grid-template-columns:1fr 125px}.folder-art>svg{width:118px}.folder-art .folder-label{left:1px;top:90px;font-size:9px}.folder-cursor{right:0;width:28px;height:38px}.hero h1{font-size:48px}.hero-description{max-width:280px}.window-under{right:6px}}
@media(max-width:700px){.desktop-header{height:49px;padding:0 16px}.system-name{font-size:12px;gap:6px}.system-mark{font-size:23px}.header-status{display:none}.header-right{font-size:9px}.header-right #mode{padding:4px 6px}.desktop{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:calc(100dvh - 101px);padding:17px 14px 85px;gap:8px}.shortcuts{flex-direction:row;gap:18px;padding:0;align-self:auto;margin-bottom:14px}.shortcut{width:83px;padding:3px 0;gap:6px;font-size:9px}.shortcut svg{width:31px;height:31px}.workspace{padding:14px 0 0;width:100%;max-width:510px}.window-under{top:0;left:11px;right:8px;height:390px}.window-under span{font-size:8px;padding:3px 7px}.main-window{min-height:0}.titlebar{font-size:10px;min-height:30px;padding-left:7px}.menubar{gap:18px;padding:0 8px;height:35px}.menubar button{font-size:11px}.menubar>span{font-size:8px}.screen{min-height:409px}.hero{padding:24px 21px 23px}.eyebrow{font-size:9px;margin-bottom:26px}.hero-content{grid-template-columns:1fr 84px;gap:3px;align-items:start}.hero h1{font-size:42px;letter-spacing:-3.2px;margin-bottom:21px}.hero-description{font-size:11px;line-height:1.85;max-width:240px}.folder-art{height:118px;margin-top:20px;transform:rotate(-8deg)}.folder-art>svg{width:78px;height:78px}.folder-art .folder-label{top:68px;left:-7px;font-size:7px;padding:4px 6px}.folder-cursor{height:28px;width:22px;right:-2px;bottom:7px}.hero-footer{margin-top:26px;padding-top:21px;flex-direction:column;align-items:flex-start;gap:13px}.hero-footer>span{max-width:none;font-size:9px}.retro-button{font-size:11px;min-height:44px;padding:10px 14px}.sticky-note{display:none}.desktop-footnote{font-size:9px;margin-top:16px}.window-status{font-size:8px;padding:5px 4px}.taskbar{gap:7px}.task-button{width:150px;font-size:10px;padding:0 9px}.taskbar-right{padding:0 8px;gap:8px;font-size:11px}.start-button{font-size:11px;padding:0 9px}.explorer{padding:21px 18px}.explorer h1,.sending h1{font-size:27px}.explorer .lead,.sending .lead{font-size:11px}.path{font-size:9px;margin-bottom:22px;padding:8px}.file-item{gap:10px;padding:15px 1px}.file-item strong{font-size:11px}.file-item small,.file-item .file-state{font-size:9px}.file-item svg{width:28px}.sending,.complete{padding:28px 19px}.sending-head{gap:16px}.sending-head>svg{width:43px;height:43px}.transfer-track{gap:2px}.transfer-labels,.console{font-size:10px}.complete h1{font-size:29px}.complete p{font-size:11px}.complete .final-note{font-size:15px}.error-panel{padding:30px 20px}.error-panel h1{font-size:27px}.dialog-body{gap:13px;padding-left:13px}.dialog-icon{width:35px;height:35px}}
@media(max-width:700px){.hero-content{display:block;position:relative}.hero h1{font-size:clamp(31px,9.8vw,40px);letter-spacing:-2.5px}.hero-description{padding-right:68px;max-width:100%;min-height:90px}.folder-art{position:absolute;right:0;top:110px;margin:0;width:75px;height:98px}.folder-art .folder-label{top:58px}.folder-cursor{bottom:0}.hero-footer{margin-top:19px}}
@media(max-width:360px){.hero{padding:22px 16px}.folder-art{top:105px;width:62px}.folder-art>svg{width:65px}.folder-art .folder-label{font-size:6px}.menubar{gap:13px}.task-button{width:124px}.header-right #mode{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}