@font-face{font-family:Galmuri11;src:url('/assets/Galmuri11.woff2') format('woff2');font-display:swap;}
#dc98 { --brand:#2D79EC; --silver:#c0c0c0; --hi:#fff; --mid:#dfdfdf; --shadow:#808080; --edge:#222; width:100%; padding:4px 0; font-family:Galmuri11,"MS Sans Serif",Tahoma,"Apple SD Gothic Neo",sans-serif; color:#171717; color-scheme:light; }
#dc98 * { box-sizing:border-box; }
#dc98 [hidden] { display:none!important; }
#dc98 button { font-family:inherit; font-size:14px; border-radius:0; color:inherit; }
#dc98 .retro-desktop { max-width:400px; margin:auto; background:var(--brand); position:relative; }
#dc98 .desktop-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:20px 19px 0; color:white; font:11px/1.4 Galmuri11,monospace; letter-spacing:1px; }
#dc98 .desktop-heading span:last-child { opacity:.85; }
#dc98 .desktop-icons { display:flex; gap:19px; padding:23px 19px 21px; }
#dc98 .desktop-shortcut { padding:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:9px; border:0; color:white; background:transparent; min-width:76px; min-height:72px; font-size:12px; text-shadow:1px 1px #16418c; }
#dc98 .desktop-shortcut:focus-visible { outline:1px dotted white; outline-offset:4px; }
#dc98 .small-cookie { width:48px; height:48px; object-fit:contain; }
#dc98 .help-icon { width:32px; height:37px; background:#fffde9; color:#123b9f; text-shadow:none; border:2px solid #222; box-shadow:2px 2px #183f84,inset -3px -3px #b5b4a5; font:700 28px/33px monospace; }
#dc98 .window-slot { padding:0 14px; min-height:441px; }
#dc98 .retro-window { background:var(--silver); padding:3px; border-top:2px solid var(--hi); border-left:2px solid var(--hi); border-right:2px solid var(--edge); border-bottom:2px solid var(--edge); box-shadow:inset 1px 1px var(--mid),inset -1px -1px var(--shadow),3px 4px 0 #1b59b2; }
#dc98 .window-title { padding:2px 2px 2px 9px; display:flex; align-items:center; justify-content:space-between; gap:5px; background:linear-gradient(90deg,#123f9c 0%,var(--brand) 100%); color:white; min-height:40px; }
#dc98 .title-name { font-size:14px; line-height:1.4; font-weight:bold; overflow-wrap:anywhere; }
#dc98 .raised { background:var(--silver); color:#171717; border:0; box-shadow:inset 1px 1px var(--hi),inset -1px -1px var(--edge),inset 2px 2px var(--mid),inset -2px -2px var(--shadow); }
#dc98 .raised:active { box-shadow:inset 1px 1px var(--edge),inset -1px -1px var(--hi),inset 2px 2px var(--shadow); }
#dc98 .raised:focus-visible { outline:2px dotted #151515; outline-offset:-6px; }
#dc98 .title-close { height:36px; width:40px; flex-shrink:0; font:700 25px/1 monospace; padding:0; }
#dc98 .window-meta { padding:9px 9px 7px; display:flex; justify-content:space-between; gap:8px; font-size:11px; line-height:1.4; }
#dc98 .meta-count { white-space:nowrap; color:#444; }
#dc98 .window-body { padding:4px 12px 12px; }
#dc98 .inset { box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--hi),inset 2px 2px var(--edge),inset -2px -2px var(--mid); }
#dc98 .cookie-view { background:#5f9df6 url('/assets/windows-wallpaper.jpg') center center/cover no-repeat; position:relative; display:flex; align-items:center; justify-content:center; padding:16px 12px; min-height:226px; }
#dc98 .hero-cookie { width:208px; max-width:100%; height:auto; object-fit:contain; display:block; margin:auto; filter:drop-shadow(3px 7px 2px #112c4966); }
#dc98 h1 { font-size:17px; line-height:1.6; text-align:center; font-weight:normal; margin:19px 0 7px; letter-spacing:-.6px; }
#dc98 .intro-copy { text-align:center; font-size:12px; line-height:1.9; margin:0 auto 18px; max-width:280px; word-break:keep-all; }
#dc98 .open-cookie { min-height:48px; width:100%; padding:12px 18px; display:flex; align-items:center; justify-content:center; gap:17px; font-size:15px; font-weight:bold; outline:1px solid #222; outline-offset:1px; }
#dc98 .under-button { text-align:center; margin:12px 0 2px; font-size:10px; line-height:1.6; color:#464646; }
#dc98 .window-status { display:flex; padding:0 1px 1px; gap:3px; font-size:10px; align-items:stretch; }
#dc98 .window-status .inset { padding:5px 6px; }
#dc98 .status-message { flex:1; }
#dc98 .resize-dots { display:flex; align-items:flex-end; color:#555; }
#dc98 .desktop-caption { padding:25px 14px 23px; color:white; text-align:center; font-size:11px; line-height:1.9; }
#dc98 .desktop-caption span { opacity:.75; font-size:10px; }
#dc98 .taskbar { border-top:2px solid white; background:var(--silver); padding:4px; display:flex; align-items:stretch; gap:5px; }
#dc98 .task-home { display:flex; align-items:center; gap:7px; min-height:39px; padding:6px 9px; font-weight:bold; }
#dc98 .start-mark { width:20px; height:20px; display:grid; grid-template-columns:1fr 1fr; gap:2px; transform:skewY(-8deg); }
#dc98 .start-mark i { background:var(--brand); }
#dc98 .start-mark i:nth-child(2) { background:#f3cb6d; }
#dc98 .start-mark i:nth-child(3) { background:#82b88b; }
#dc98 .start-mark i:nth-child(4) { background:#ee9984; }
#dc98 .task-app { border:0; background:#d7d7d7; text-align:left; padding:5px 9px; font-size:11px; min-width:0; flex:1; }
#dc98 .task-clock { display:flex; align-items:center; padding:4px 9px; font-size:11px; white-space:nowrap; }
#dc98 .fortune-paper { background:#fffef6; padding:19px 18px; }
#dc98 .paper-heading { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:#555; }
#dc98 .paper-heading span:last-child { color:var(--brand); }
#dc98 .fortune-paper h2 { font-size:22px; font-weight:normal; letter-spacing:-.7px; line-height:1.6; margin:24px 0 12px; color:#173e87; }
#dc98 .fortune-paper p { font-size:13px; line-height:1.9; margin:0 0 24px; }
#dc98 .mission { border-top:1px dashed #9a9a9a; padding-top:18px; }
#dc98 .mission-label { background:#e1ecff; color:#123f9c; font-size:11px; padding:4px 5px; display:inline-block; }
#dc98 .mission p { margin:11px 0 20px; }
#dc98 .paper-sign { font-size:10px; color:#626262; text-align:right; }
#dc98 .return-note { font-size:11px; line-height:1.8; margin:14px 0; text-align:center; }
#dc98 .confirm { display:block; padding:12px 16px; min-height:44px; min-width:110px; margin:0 auto; }
#dc98 .loading-screen { padding:35px 5px; text-align:center; min-height:380px; }
#dc98 .loading-cookie { display:block; width:160px; height:160px; object-fit:contain; margin:0 auto; }
#dc98 .loading-screen h2 { font-size:16px; font-weight:normal; margin:20px 0; }
#dc98 .loading-screen p { font-size:11px; }
#dc98 .loading-track { display:flex; padding:4px; height:27px; gap:3px; margin:25px 0 18px; }
#dc98 .loading-track span { flex:1; background:var(--brand); }
#dc98 .loading-screen:not([hidden]) .loading-track { clip-path:inset(0 0 0 0); animation:dc98-load .8s steps(10,end); }
@keyframes dc98-load { from { clip-path:inset(0 95% 0 0); } to { clip-path:inset(0 0 0 0); } }
#dc98 .help-copy { padding:18px; background:#fffef6; margin-bottom:18px; }
#dc98 .help-copy h2 { font-size:17px; line-height:1.7; margin:0 0 20px; }
#dc98 .help-copy p { font-size:13px; line-height:1.9; margin:12px 0; }
#dc98 .help-copy hr { border:0; border-top:1px dashed #999; margin:22px 0; }
#dc98 .desktop-empty { padding:70px 10px 50px; text-align:center; color:white; }
#dc98 .desktop-wordmark { font:bold 58px/.9 monospace; letter-spacing:-5px; display:block; text-align:left; width:230px; margin:auto; opacity:.9; }
#dc98 .desktop-wordmark span { font-size:20px; letter-spacing:0; }
#dc98 .desktop-empty p { margin:28px 0; font-size:12px; }
#dc98 .desktop-reopen { min-height:46px; padding:12px 20px; }
@media(pointer:coarse) { #dc98 .title-close { min-width:44px; min-height:44px; } #dc98 .taskbar button { min-height:44px; } }
@media(max-width:350px) { #dc98 .window-slot { padding:0 9px; } #dc98 .window-body { padding-left:10px; padding-right:10px; } #dc98 .desktop-heading { font-size:10px; } #dc98 .task-clock { padding:4px 6px; } }
@media(prefers-reduced-motion:reduce) { #dc98 .loading-track { animation:none!important; } }

html,body{margin:0;background:#2D79EC!important;color:#171717!important;color-scheme:light!important;min-height:100%;}
body{font-family:Galmuri11,Tahoma,sans-serif!important;}button{cursor:pointer;}button:disabled{cursor:wait;}
#dc98{padding:0;min-height:100dvh;}#dc98 .retro-desktop{min-height:100dvh;display:flex;flex-direction:column;max-width:430px;}
#dc98 .taskbar{margin-top:auto;padding-bottom:max(4px,env(safe-area-inset-bottom));}
#dc98 .title-close{min-height:44px;min-width:44px;}#dc98 .task-home,#dc98 .task-app{min-height:44px;}
#dc98 .desktop-heading{padding-top:max(20px,env(safe-area-inset-top));}
#dc98 .hero-cookie{width:208px;height:auto;}
#dc98 .fortune-paper h1{font-size:22px;font-weight:normal;letter-spacing:-.7px;line-height:1.6;margin:24px 0 12px;color:#173e87;text-align:left;white-space:pre-line;}
#dc98 .fortune-paper h1:focus{outline:none;}
#dc98 .fortune-paper p{word-break:keep-all;overflow-wrap:anywhere;font-size:14px;}
#dc98 .intro-copy{font-size:13px;max-width:285px;}
#dc98 .open-cookie:disabled{color:#626262;outline:none;text-shadow:1px 1px #fff;}
#dc98 .under-button,#dc98 .window-status,#dc98 .desktop-caption span,#dc98 .paper-sign{font-size:11px;}
#dc98 .help-copy h1{text-align:left;font-size:18px;}#dc98 .help-copy h2{font-size:14px;margin:24px 0 8px;}#dc98 .help-copy p{font-size:14px;}
#dc98 .result-actions{display:flex;gap:10px;}#dc98 .result-actions .confirm{flex:1;min-width:0;}
#dc98 .save-note{flex:1;min-height:44px;padding:12px 10px;}
#dc98 .request-error{background:#fff5d4;border:1px solid #836d34;padding:12px;margin-top:16px;text-align:center;}
#dc98 .request-error p{font-size:13px;line-height:1.8;word-break:keep-all;margin:0 0 12px;}
#dc98 .live-notice:empty{display:none;}#dc98 .live-notice{font-size:12px;line-height:1.8;margin:14px 0 0;}
#dc98 .saved-preview{padding:14px 0;line-height:1.8;font-size:12px;}#dc98 .saved-preview img{display:block;width:100%;height:auto;margin-bottom:10px;}#dc98 .saved-preview a{color:#123f9c;text-decoration:underline;}
#dc98 .opening-art{position:relative;}#dc98 .opening-art img{animation:cookie-crack .65s steps(4,end) both;position:relative;z-index:2;}
#dc98 .paper-peek{position:absolute;background:#fffef6;box-shadow:2px 2px #777;padding:10px 16px;left:50%;top:45%;transform:translate(-50%,-50%);font:14px Galmuri11,sans-serif;animation:paper-peek .65s steps(4,end) both;}
@keyframes cookie-crack{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:translateY(-20px) scale(.7);opacity:.4}}
@keyframes paper-peek{from{transform:translate(-50%,-50%) scale(.2)}to{transform:translate(-50%,50%) scale(1)}}
@media(prefers-reduced-motion:reduce){#dc98 .opening-art img,#dc98 .paper-peek{animation:none;}}
@media(min-width:600px){#dc98 .retro-desktop{padding-top:18px;}#dc98 .taskbar{margin-top:auto;}#dc98 .window-slot{padding:0 15px;}}


.fallback-page{max-width:430px;margin:10vh auto;background:#c0c0c0;color:#111;border:3px outset #fff;padding:28px;font-family:Galmuri11,sans-serif}.fallback-page h1{font-size:24px}.fallback-page a,.fallback-page button{display:inline-block;margin-top:20px;padding:12px;background:#2d79ec;color:white}

#dc98 .paper-sign{white-space:pre-line}body{padding:0}#dc98 h1{font-weight:normal}#dc98 button:focus-visible{outline:2px dotted #173e87;outline-offset:3px}

#dc98 .desktop-icons{gap:14px;flex-wrap:wrap;}
#dc98 a.desktop-shortcut{font-size:12px;text-decoration:none;}
#dc98 .dailycookie-link{position:relative;}
#dc98 .taskbar{position:relative;}
#dc98 .cookie-easter-egg{position:absolute;bottom:38px;left:16px;width:64px;height:64px;object-fit:contain;pointer-events:none;z-index:20;image-rendering:pixelated;animation:cookie-hop 1s ease-out both;}
@keyframes cookie-hop{0%{transform:translateY(22px) scale(.35) rotate(-15deg);opacity:0}15%{opacity:1}45%{transform:translateY(-78px) scale(1) rotate(12deg);opacity:1}70%{transform:translateY(-55px) scale(.9) rotate(-7deg);opacity:1}100%{transform:translateY(12px) scale(.4);opacity:0}}
#dc98 .save-instructions{font-size:14px;line-height:1.9;word-break:keep-all;}
#dc98 .saved-preview img{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;}
@media(prefers-reduced-motion:reduce){#dc98 .cookie-easter-egg{animation:cookie-glimpse 1s ease both;transform:translateY(-12px);}}
@keyframes cookie-glimpse{0%,100%{opacity:0}20%,80%{opacity:1}}

#dc98 .desktop-icons{align-items:flex-start;}
#dc98 .desktop-shortcut{justify-content:flex-start;}
#dc98 .desktop-shortcut>span:last-child{line-height:1.5;text-align:center;}
#dc98 .desktop-shortcut .help-icon{margin-top:11px;}
#dc98 .dailycookie-logo{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;}
#dc98 .dailycookie-logo{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(2px 2px 0 #173e87);}