:root{color-scheme:light;font-family:Trebuchet MS,Verdana,sans-serif;line-height:1.4;font-weight:400;--xp-blue-1: #0d64d8;--xp-blue-2: #3c9df8;--xp-blue-3: #245edb;--xp-sky: #7ec8ff;--xp-cloud: #f6fbff;--xp-taskbar: #0b54c5;--xp-taskbar-2: #1d7df2;--xp-green: #2a9d2a;--xp-window-border: #0b4fb3;--xp-window-fill: #ece9d8;--xp-window-inset: #f8f5ea;--xp-panel: #ffffff;--xp-shadow: rgba(16, 42, 89, .28);--xp-text: #10223f;--xp-pink: #ff67b3;--xp-yellow: #ffd95c;--xp-orange: #ff9a3d;--xp-lime: #85da52}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden;color:var(--xp-text);background:#4ca5ff;image-rendering:pixelated}body.is-dragging-window,body.is-dragging-window *{user-select:none;-webkit-user-select:none}body.is-dragging-window{cursor:move}button,a{font:inherit}button:focus-visible,a:focus-visible,.xp-window:focus-visible{outline:3px solid var(--xp-yellow);outline-offset:3px}.xp-shell{min-height:100vh;display:grid;grid-template-rows:1fr 40px}.desktop-surface{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 8px),radial-gradient(circle at 20% 14%,rgba(255,255,255,.95),transparent 13%),radial-gradient(circle at 38% 18%,rgba(255,255,255,.85),transparent 9%),radial-gradient(circle at 68% 16%,rgba(255,255,255,.9),transparent 12%),linear-gradient(180deg,#4fa8ff,#5ab0ff 40%,#54b0ff 52%,#58bc62,#3f933f)}.desktop-decor{position:absolute;inset:0;pointer-events:none}.cloud,.sparkle,.desktop-sticker{position:absolute}.cloud{width:120px;height:38px;border-radius:999px;background:#ffffffb8;box-shadow:22px -12px 0 4px #ffffffc2,58px -6px 0 10px #ffffffbd,94px 0 0 2px #ffffffad;animation:drift-cloud 18s ease-in-out infinite}.cloud-one{top:92px;left:38%}.cloud-two{top:186px;right:12%;transform:scale(.85);animation-duration:22s;animation-delay:-7s}.sparkle{width:16px;height:16px;background:var(--xp-yellow);clip-path:polygon(50% 0%,60% 38%,100% 50%,60% 62%,50% 100%,39% 62%,0% 50%,39% 38%);filter:drop-shadow(0 0 6px rgba(255,246,143,.75));animation:sparkle-pop 2.8s ease-in-out infinite}.sparkle-one{top:106px;right:30%}.sparkle-two{top:220px;left:26%;transform:scale(1.35);animation-delay:.7s}.paw-print{position:absolute;width:34px;height:28px;opacity:.34;background:radial-gradient(circle at 7px 9px,#fff 0 4px,transparent 4.5px),radial-gradient(circle at 16px 5px,#fff 0 4px,transparent 4.5px),radial-gradient(circle at 26px 9px,#fff 0 4px,transparent 4.5px),radial-gradient(circle at 16px 20px,#fff 0 9px,transparent 9.5px);filter:drop-shadow(1px 1px 0 rgba(19,77,122,.2));animation:paw-fade 7s ease-in-out infinite}.paw-print-one{left:45%;bottom:190px;transform:rotate(-18deg)}.paw-print-two{left:51%;bottom:232px;transform:rotate(12deg) scale(.8);animation-delay:1.2s}.paw-print-three{left:58%;bottom:270px;transform:rotate(-10deg) scale(.7);animation-delay:2.4s}.desktop-sticker{padding:8px 12px;border:2px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;font-size:.82rem;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.28);box-shadow:0 8px 18px #1f385f33;opacity:.92;animation:float-sticker 5.2s ease-in-out infinite}.sticker-smile{top:286px;left:52px;background:linear-gradient(180deg,#ff9cce,#f35ba4);transform:rotate(-8deg)}.sticker-star{top:118px;right:54px;background:linear-gradient(180deg,#ffcb61,#ff9c2b);color:#5a2b00;transform:rotate(6deg);animation-delay:.6s}.desktop-icons{position:absolute;top:12px;left:14px;display:grid;gap:6px;z-index:2}.desktop-icon{width:90px;padding:4px;border:1px solid transparent;background:transparent;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.55);display:grid;justify-items:center;gap:4px;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.desktop-icon>span:last-child{line-height:1.12}.desktop-icon:hover{border-color:#ffffff73;background:#2368d13d;transform:translateY(-1px)}.mascot-shortcut .desktop-icon-image{animation:codi-idle 3.6s ease-in-out infinite}.desktop-icon:focus-visible{background:#2368d152;border-color:#fffc}.desktop-icon-image,.folder-icon{position:relative;display:block}.desktop-icon-image{width:42px;height:34px}.codi-logo-img{display:block;width:100%;height:100%;object-fit:contain}.logo-icon{width:58px;height:50px;overflow:visible;border-radius:6px;filter:drop-shadow(2px 2px 0 rgba(20,57,99,.2))}.logo-icon .codi-logo-img{transform:scale(1.68)}.action-icon{width:52px;height:44px;overflow:visible;border-radius:0;background:transparent;filter:drop-shadow(2px 2px 0 rgba(20,57,99,.22))}.codi-action-img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.52)}.tile-action-icon{width:52px;height:44px;overflow:visible;border-radius:0;display:block;background:transparent;filter:drop-shadow(2px 2px 0 rgba(73,112,178,.18))}.tile-action-icon .codi-action-img{transform:scale(1.42)}.desktop-icon-image.folder,.folder-icon{border-radius:4px;background:linear-gradient(180deg,#ffd75e,#e6b631 72%,#c99213);border:1px solid #b57f00}.desktop-icon-image.folder:before,.folder-icon:before{content:"";position:absolute;top:-5px;left:4px;width:18px;height:8px;border-radius:4px 4px 0 0;background:#ffd75e;border:1px solid #b57f00;border-bottom:none}.desktop-icon-image.computer{border-radius:6px;background:linear-gradient(180deg,#d8edf8,#8cb6d4);border:1px solid #4f7192}.desktop-icon-image.dog,.dog-avatar{position:relative;background:linear-gradient(180deg,#fffdf6,#efe4cf 70%,#dcc7a7);border:1px solid #8f7b5f}.desktop-icon-image.dog{width:42px;height:36px;border-radius:2px;box-shadow:2px 2px #5743282e}.desktop-icon-image.dog:before,.desktop-icon-image.dog:after,.dog-avatar:before,.dog-avatar:after{content:"";position:absolute;top:-7px;width:10px;height:12px;background:linear-gradient(180deg,#f3e3c7,#d6bb8d);border:1px solid #8f7b5f}.desktop-icon-image.dog:before,.dog-avatar:before{left:5px}.desktop-icon-image.dog:after,.dog-avatar:after{right:5px}.desktop-icon-image.dog span,.dog-avatar span{display:none}.desktop-icon-image.dog{background-image:radial-gradient(circle at 13px 15px,#2d2d2d 0 2px,transparent 2.5px),radial-gradient(circle at 29px 15px,#2d2d2d 0 2px,transparent 2.5px),radial-gradient(circle at 21px 23px,#5d4630 0 4px,transparent 4.5px),radial-gradient(circle at 21px 27px,#f58bad 0 2px,transparent 2.5px),linear-gradient(180deg,#fffdf6,#efe4cf 70%,#dcc7a7)}.desktop-icon-image.computer:before{content:"";position:absolute;left:8px;right:8px;bottom:-8px;height:6px;border-radius:2px;background:#cfcfcf;border:1px solid #707070}.desktop-icon-image.docs{border-radius:4px;background:linear-gradient(180deg,#fff,#dce7f6);border:1px solid #7d93b0}.desktop-icon-image.docs:before,.desktop-icon-image.docs:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:#8ea1bc}.desktop-icon-image.docs:before{top:12px}.desktop-icon-image.docs:after{top:18px}.desktop-icon-image.mail{border-radius:4px;background:linear-gradient(180deg,#f8f9fd,#cfd8ef);border:1px solid #74829e}.desktop-icon-image.mail:before,.desktop-icon-image.mail:after{content:"";position:absolute;top:9px;width:18px;height:2px;background:#7082a3}.desktop-icon-image.mail:before{left:2px;transform:rotate(28deg)}.desktop-icon-image.mail:after{right:2px;transform:rotate(-28deg)}.desktop-icon-image.guide{border-radius:4px;background:linear-gradient(90deg,transparent 49%,rgba(88,117,150,.35) 49% 51%,transparent 51%),linear-gradient(180deg,#fffef9,#d9ecff);border:1px solid #74829e}.desktop-icon-image.guide:before,.desktop-icon-image.guide:after{content:"";position:absolute;top:8px;width:13px;height:2px;background:#7f93ae;box-shadow:0 7px #9cacbf}.desktop-icon-image.guide:before{left:5px}.desktop-icon-image.guide:after{right:5px}.desktop-icon-image.gear{border-radius:50%;background:radial-gradient(circle,#f8fbff 0 8px,#7aa7ce 8.5px 13px,transparent 13.5px),conic-gradient(from 0deg,#e5eef8 0 12deg,transparent 12deg 30deg,#e5eef8 30deg 42deg,transparent 42deg 60deg,#e5eef8 60deg 72deg,transparent 72deg 90deg,#e5eef8 90deg 102deg,transparent 102deg 120deg,#e5eef8 120deg 132deg,transparent 132deg 150deg,#e5eef8 150deg 162deg,transparent 162deg 180deg,#e5eef8 180deg 192deg,transparent 192deg 210deg,#e5eef8 210deg 222deg,transparent 222deg 240deg,#e5eef8 240deg 252deg,transparent 252deg 270deg,#e5eef8 270deg 282deg,transparent 282deg 300deg,#e5eef8 300deg 312deg,transparent 312deg 330deg,#e5eef8 330deg 342deg,transparent 342deg 360deg);border:1px solid #587596}.desktop-icon-image.paw{width:42px;height:34px;background:radial-gradient(circle at 9px 10px,#ffe6f3 0 4px,transparent 4.5px),radial-gradient(circle at 20px 6px,#ffe6f3 0 4px,transparent 4.5px),radial-gradient(circle at 32px 10px,#ffe6f3 0 4px,transparent 4.5px),radial-gradient(circle at 14px 18px,#ffe6f3 0 4px,transparent 4.5px),radial-gradient(circle at 21px 25px,#ffd0ea 0 10px,transparent 10.5px);filter:drop-shadow(2px 2px 0 rgba(127,73,109,.22))}.desktop-copy{position:absolute;right:56px;top:54px;max-width:360px;padding:18px 20px 16px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:linear-gradient(180deg,#1d59ad80,#2c74ce4d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45);box-shadow:0 14px 28px #16468a38}.desktop-copy h1{margin:0 0 12px;font-size:2rem;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.5)}.desktop-copy p{margin:0;font-size:1rem;line-height:1.45}.desktop-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.desktop-actions button{min-height:36px;padding:8px 13px;border:1px solid rgba(8,63,143,.55);border-radius:4px;background:linear-gradient(180deg,#fffef7,#f2db68);color:#17305f;cursor:pointer;font-weight:700;box-shadow:2px 2px #0c306c52;transition:filter .12s ease,transform .12s ease}.desktop-actions button:nth-child(2){background:linear-gradient(180deg,#fff,#9fe3ff)}.desktop-actions button:hover{filter:brightness(1.04);transform:translateY(-1px)}.desktop-actions button:active{transform:translateY(1px)}.codi-helper{width:100%;margin-top:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.38);border-radius:4px;display:flex;align-items:center;gap:10px;background:#0949995c;color:#fff;cursor:pointer;text-align:left;font-weight:700;box-shadow:2px 2px #0c306c47}.codi-helper .dog-logo{flex:0 0 auto;animation:codi-idle 2.4s ease-in-out infinite}.helper-logo{flex:0 0 auto;width:30px;height:26px;overflow:hidden;border-radius:4px;animation:codi-idle 2.4s ease-in-out infinite}.helper-logo .codi-logo-img{transform:scale(1.72)}.desktop-copy-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:3px 8px;border-radius:999px;background:#0749996b;border:1px solid rgba(255,255,255,.25);text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;box-shadow:2px 2px #0c306c66}.brand-mark{display:inline-block}.logo-mark{width:24px;height:20px;overflow:hidden;border-radius:4px;filter:drop-shadow(1px 1px 0 rgba(12,48,108,.3))}.logo-mark .codi-logo-img{transform:scale(1.8)}.dog-logo{position:relative;width:22px;height:18px;background:linear-gradient(180deg,#fffdf6,#efe4cf 70%,#dcc7a7);border:1px solid #8f7b5f;box-shadow:2px 2px #0c306c2e}.dog-logo:before,.dog-logo:after{content:"";position:absolute;top:-5px;width:6px;height:7px;background:linear-gradient(180deg,#f3e3c7,#d6bb8d);border:1px solid #8f7b5f}.dog-logo:before{left:2px}.dog-logo:after{right:2px}.desktop-copy-notes{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.desktop-copy-notes span{padding:5px 10px;border-radius:2px;background:#ffffff29;border:1px solid rgba(255,255,255,.34);font-size:.78rem;box-shadow:2px 2px #12397652}.window-layer{position:absolute;inset:0}.xp-window{position:absolute;display:grid;grid-template-rows:30px 24px 1fr;padding:3px 3px 0;border:1px solid #0847a8;border-radius:0;background:linear-gradient(180deg,#6fb6ff,#2e7be6 10%,#1959c2 48%,#0a4aa8);box-shadow:0 0 0 1px #afd6ff80,4px 4px #0a398173,8px 8px #102a592e;overflow:hidden;transform-origin:bottom left}.xp-window:focus{outline:none}.xp-window:focus-visible{outline-offset:4px}.xp-window.opening{animation:window-in .18s ease-out}.xp-window.maximized,.xp-window.maximized .xp-titlebar{border-radius:0}.xp-titlebar{padding:4px 4px 4px 8px;border-bottom:1px solid #4f8dd6;border-radius:0;background:linear-gradient(180deg,#2c8cff,#1668df 45%,#0b56c4 52%,#0a4aa8);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:inset 1px 1px #ffffff8c,inset -1px 0 #00205940}.titlebar-label,.window-buttons,.task-button,.system-tray,.start-menu-header{display:flex;align-items:center}.titlebar-label{gap:8px;font-weight:700;font-size:.86rem;text-shadow:0 1px 1px rgba(0,0,0,.45);letter-spacing:.02em}.titlebar-icon,.task-button-icon{width:17px;height:17px;border-radius:0;background:linear-gradient(180deg,#fff,#d1e6ff);color:#0d4ba1;border:1px solid rgba(18,69,143,.55);display:grid;place-items:center;font-size:.7rem;font-weight:700}.mini-icon{position:relative;display:block;width:11px;height:11px}.mini-icon.dog,.mini-icon.mail,.mini-icon.star,.mini-icon.paw,.mini-icon.bone{margin:auto}.mini-icon.dog{background:linear-gradient(180deg,#fffdf6,#efe4cf 70%,#dcc7a7);border:1px solid #8f7b5f}.mini-icon.dog:before,.mini-icon.dog:after{content:"";position:absolute;top:-3px;width:3px;height:4px;background:#e2c79d;border:1px solid #8f7b5f}.mini-icon.dog:before{left:1px}.mini-icon.dog:after{right:1px}.mini-icon.mail{border:1px solid #74829e;background:linear-gradient(180deg,#f8f9fd,#cfd8ef)}.mini-icon.mail:before,.mini-icon.mail:after{content:"";position:absolute;top:4px;width:5px;height:1px;background:#7082a3}.mini-icon.mail:before{left:0;transform:rotate(35deg)}.mini-icon.mail:after{right:0;transform:rotate(-35deg)}.mini-icon.star{background:#ffd95c;clip-path:polygon(50% 0%,60% 38%,100% 50%,60% 62%,50% 100%,39% 62%,0% 50%,39% 38%)}.mini-icon.paw{background:radial-gradient(circle at 2px 3px,#ffcae2 0 1.4px,transparent 1.8px),radial-gradient(circle at 6px 1px,#ffcae2 0 1.4px,transparent 1.8px),radial-gradient(circle at 9px 3px,#ffcae2 0 1.4px,transparent 1.8px),radial-gradient(circle at 4px 5px,#ffcae2 0 1.4px,transparent 1.8px),radial-gradient(circle at 6px 8px,#ff9cc8 0 3px,transparent 3.5px)}.mini-icon.bone{width:12px;height:5px;margin-top:3px;background:#fff4d8;border:1px solid #aa8d60}.mini-icon.bone:before,.mini-icon.bone:after{content:"";position:absolute;top:-2px;width:4px;height:4px;border-radius:50%;background:#fff4d8;border:1px solid #aa8d60}.mini-icon.bone:before{left:-3px;box-shadow:0 5px #fff4d8}.mini-icon.bone:after{right:-3px;box-shadow:0 5px #fff4d8}.mini-icon.guide{border:1px solid #74829e;background:linear-gradient(90deg,#fffef9 0 48%,#8da6c1 48% 52%,#d9ecff 52% 100%)}.mini-icon.gear{border-radius:50%;background:radial-gradient(circle,#ffffff 0 3px,transparent 3.5px),conic-gradient(#7aa7ce 0 18deg,transparent 18deg 36deg,#7aa7ce 36deg 54deg,transparent 54deg 72deg,#7aa7ce 72deg 90deg,transparent 90deg 108deg,#7aa7ce 108deg 126deg,transparent 126deg 144deg,#7aa7ce 144deg 162deg,transparent 162deg 180deg,#7aa7ce 180deg 198deg,transparent 198deg 216deg,#7aa7ce 216deg 234deg,transparent 234deg 252deg,#7aa7ce 252deg 270deg,transparent 270deg 288deg,#7aa7ce 288deg 306deg,transparent 306deg 324deg,#7aa7ce 324deg 342deg,transparent 342deg 360deg)}.window-buttons{gap:3px}.window-button{position:relative;width:22px;height:21px;border:1px solid #ffffff;border-right-color:#1a4f9a;border-bottom-color:#1a4f9a;border-radius:0;background:linear-gradient(180deg,#84bbff,#4a8feb 56%,#2f72d5);cursor:pointer;box-shadow:inset 1px 1px #fff6;transition:filter .12s ease,transform .12s ease}.window-button:hover{filter:brightness(1.06)}.window-button:active{transform:translateY(1px)}.window-button:before,.window-button:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff}.window-button.min:before{width:9px;height:2px;margin-top:4px}.window-button.max:before{width:9px;height:7px;background:transparent;border:2px solid #fff;box-sizing:border-box}.window-button.max.restore:before{width:8px;height:6px;top:54%;left:54%}.window-button.max.restore:after{width:8px;height:6px;background:transparent;border:2px solid #fff;box-sizing:border-box;top:42%;left:42%}.window-button.close{background:linear-gradient(180deg,#ff8f8f,#e15b58 56%,#c53d35);border-right-color:#7f211d;border-bottom-color:#7f211d}.window-button.close:before,.window-button.close:after{width:10px;height:2px}.window-button.close:before{transform:translate(-50%,-50%) rotate(45deg)}.window-button.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.xp-menubar{display:flex;gap:18px;align-items:center;padding:0 10px;border-top:1px solid #fefefe;border-bottom:1px solid #c8c4b5;border-left:1px solid #d7d2bf;border-right:1px solid #d7d2bf;background:linear-gradient(180deg,#fdfcf8,#ebe8da);font-size:.82rem;font-family:Courier New,monospace}.xp-window-body{overflow:auto;background:var(--xp-window-inset);border-top:1px solid #fff;border-left:1px solid #d7d2bf;border-right:1px solid #d7d2bf;border-bottom:1px solid #b6b09c;padding:14px}.resize-handle{position:absolute;z-index:4}.resize-n,.resize-s{left:12px;right:12px;height:10px}.resize-e,.resize-w{top:18px;bottom:12px;width:10px}.resize-n{top:0;cursor:ns-resize}.resize-e{right:0;cursor:ew-resize}.resize-s{bottom:0;cursor:ns-resize}.resize-w{left:0;cursor:ew-resize}.resize-ne,.resize-se,.resize-sw,.resize-nw{width:16px;height:16px}.resize-ne{top:0;right:0;cursor:nesw-resize}.resize-se{right:0;bottom:0;cursor:nwse-resize}.resize-sw{left:0;bottom:0;cursor:nesw-resize}.resize-nw{top:0;left:0;cursor:nwse-resize}.explorer-grid,.case-grid,.service-grid,.guide-grid{display:grid;gap:12px}.explorer-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.folder-tile,.guide-card,.service-grid article,.case-grid article,.contact-note,.brief-grid span,.timeline-list li,.receipt-stack article{border:1px solid #a7b9cf;background:var(--xp-panel);box-shadow:inset 1px 1px #fff;border-radius:0}.folder-tile{padding:12px;text-align:left;display:grid;gap:8px;cursor:pointer;background:radial-gradient(circle at top right,rgba(255,230,131,.45),transparent 28%),linear-gradient(180deg,#fffef9,#f4f7ff);transition:transform .14s ease,box-shadow .14s ease}.folder-tile:hover,.guide-card:hover,.xp-inline-button:hover,.project-brief-link:hover{transform:translateY(-2px);box-shadow:inset 1px 1px #fff,0 6px 14px #4f70a51f}.folder-tile:focus-visible,.guide-card:focus-visible,.xp-inline-button:focus-visible,.task-button:focus-visible,.start-button:focus-visible,.window-button:focus-visible,.start-menu-body button:focus-visible{position:relative;z-index:2}.folder-tile:nth-child(2){background:radial-gradient(circle at top right,rgba(255,170,212,.42),transparent 28%),linear-gradient(180deg,#fffef9,#f6f3ff)}.folder-tile:nth-child(3){background:radial-gradient(circle at top right,rgba(132,218,82,.4),transparent 28%),linear-gradient(180deg,#fffef9,#f4fff3)}.folder-tile:nth-child(4),.folder-tile:nth-child(6){background:radial-gradient(circle at top right,rgba(126,200,255,.34),transparent 28%),linear-gradient(180deg,#fffef9,#f3fbff)}.folder-tile:nth-child(5){background:radial-gradient(circle at top right,rgba(255,154,61,.3),transparent 28%),linear-gradient(180deg,#fffef9,#fff7ef)}.folder-tile em{justify-self:start;padding:3px 8px;border-radius:1px;background:#0d64d81a;color:#0d4ba1;font-size:.72rem;font-style:normal;font-weight:700;box-shadow:2px 2px #4970b238}.folder-tile strong,.case-grid strong,.content-pane h2{color:#12305f}.folder-tile small,.case-grid p,.guide-card p,.service-grid p,.receipt-stack p,.content-pane p,.xp-list{color:#3a5174}.folder-icon{width:28px;height:20px}.status-strip{margin-top:12px;padding:6px 10px;display:flex;justify-content:space-between;border:1px solid #c8c4b5;background:linear-gradient(180deg,#f6f3ea,#e6e1d0);font-size:.76rem}.content-pane h2{margin:0 0 14px;font-size:1.35rem}.fun-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.fun-chip{padding:5px 9px;border-radius:1px;border:1px solid #d1c37c;background:linear-gradient(180deg,#fff7bb,#ffe17a);color:#750;font-size:.74rem;font-weight:700;box-shadow:2px 2px #a88a2b2e}.xp-list{margin:0;padding-left:22px;line-height:1.85}.case-grid article{padding:12px;background:radial-gradient(circle at top right,rgba(126,200,255,.34),transparent 34%),linear-gradient(180deg,#fff,#f4f8ff)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{padding:12px;text-align:left;cursor:pointer;display:grid;gap:8px;background:radial-gradient(circle at top right,rgba(126,200,255,.28),transparent 34%),linear-gradient(180deg,#fff,#f7fbff);transition:transform .14s ease,box-shadow .14s ease}.guide-card p,.guide-card strong{margin:0}.guide-card strong{color:#12305f}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid article,.receipt-stack article{padding:12px;background:radial-gradient(circle at top right,rgba(255,217,92,.28),transparent 34%),linear-gradient(180deg,#fff,#f7fbff)}.service-grid strong,.receipt-stack strong,.timeline-list strong{display:block;margin-bottom:6px;color:#12305f}.xp-inline-button{margin-top:14px;padding:8px 12px;border:1px solid #8aa7ca;border-radius:4px;background:linear-gradient(180deg,#fff,#dcecff);color:#12305f;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.case-badge{display:inline-block;margin-bottom:8px;padding:3px 8px;border-radius:1px;color:#fff;font-size:.7rem;font-weight:700;box-shadow:2px 2px #213d6d2e}.case-badge.blue{background:linear-gradient(180deg,#4ea9ff,#1e78e2)}.case-badge.orange{background:linear-gradient(180deg,#ffb65e,#f2821a)}.case-badge.green{background:linear-gradient(180deg,#8ddd5f,#49a82e)}.case-badge.pink{background:linear-gradient(180deg,#ff8fc8,#e04d98)}.contact-pane{display:grid;gap:14px}.xp-link{color:#0356c0;font-weight:700;text-decoration:underline}.project-brief-link{display:inline-block;justify-self:start;padding:9px 12px;border:1px solid #8aa7ca;border-radius:4px;background:linear-gradient(180deg,#fff,#dcecff);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brief-grid span{padding:9px;background:linear-gradient(180deg,#fffdfc,#f4f8ff);color:#3a5174;font-size:.82rem}.contact-note{padding:12px;background:radial-gradient(circle at top right,rgba(255,172,211,.34),transparent 32%),linear-gradient(180deg,#fffdfc,#fff2f8)}.codi-story-pane{display:grid;gap:14px}.codi-portrait-card,.story-grid article{border:1px solid #a7b9cf;background:linear-gradient(180deg,#fffdf7,#f6f0e2);box-shadow:inset 1px 1px #fff}.codi-portrait-card{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px}.codi-portrait{position:relative;width:84px;height:84px;overflow:hidden;border:2px solid #49aef0;border-radius:6px;background:linear-gradient(180deg,#d9f3ff,#fff);box-shadow:4px 4px #5743282e}.codi-portrait .codi-logo-img{transform:scale(1.35)}.codi-portrait:before,.codi-portrait:after{display:none}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-grid article{padding:12px}.story-grid strong{display:block;margin-bottom:6px;color:#12305f}.timeline-list{margin:0;padding:0;display:grid;gap:10px;list-style:none;counter-reset:timeline}.timeline-list li{position:relative;min-height:62px;padding:11px 12px 11px 52px;background:linear-gradient(90deg,rgba(126,200,255,.2),transparent 32%),linear-gradient(180deg,#fff,#f7fbff);counter-increment:timeline}.timeline-list li:before{content:counter(timeline);position:absolute;left:12px;top:13px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #0b4fb3;background:linear-gradient(180deg,#5ea2f3,#2f73d6);color:#fff;font-weight:700}.timeline-list span{color:#3a5174}.receipt-stack{display:grid;gap:10px}.start-menu{position:absolute;left:0;bottom:0;width:320px;border:1px solid #0f3b8e;border-bottom:none;border-radius:0;overflow:hidden;box-shadow:12px 12px 26px #0000004d;z-index:999;transform-origin:bottom left;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.start-menu.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.96)}.start-menu:not(.hidden){opacity:1;visibility:visible;transform:translateY(0) scale(1)}.start-menu-header{gap:12px;padding:14px;background:linear-gradient(180deg,#2f8dff,#0b63db 55%,#0a4bac);color:#fff}.start-avatar{width:42px;height:42px;border-radius:0;background:linear-gradient(180deg,#fff6b0,#ffb027);color:#7b3c00;display:grid;place-items:center;font-size:1.35rem;font-weight:700}.dog-avatar{width:42px;height:42px;border-radius:0;box-shadow:inset 1px 1px #ffffff80,2px 2px #0f3b8e40;background-image:radial-gradient(circle at 13px 17px,#2d2d2d 0 2px,transparent 2.5px),radial-gradient(circle at 29px 17px,#2d2d2d 0 2px,transparent 2.5px),radial-gradient(circle at 21px 26px,#5d4630 0 5px,transparent 5.5px),radial-gradient(circle at 21px 31px,#f58bad 0 2px,transparent 2.5px),linear-gradient(180deg,#fffdf6,#efe4cf 70%,#dcc7a7)}.logo-avatar{overflow:hidden;border:1px solid rgba(255,255,255,.55);background:linear-gradient(180deg,#d9f3ff,#fff);box-shadow:inset 1px 1px #ffffff80,2px 2px #0f3b8e40}.logo-avatar .codi-logo-img{transform:scale(1.7)}.start-menu-header strong,.start-menu-header span{display:block}.start-menu-body{display:grid;background:linear-gradient(90deg,#fff,#eff4fe 72%,#d3e3fb);padding:10px}.start-menu-body button{padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.start-menu-body button:hover{background:#3b84f529;transform:translate(2px)}.start-menu-footer{padding:8px 12px;border-top:1px solid #b6c8e7;background:linear-gradient(180deg,#edf5ff,#d9e8fb);color:#2b538a;font-size:.75rem}.taskbar{display:grid;grid-template-columns:96px 1fr 92px;align-items:stretch;background:linear-gradient(180deg,var(--xp-taskbar-2),var(--xp-taskbar));border-top:1px solid #7ec2ff}.start-button{border:none;background:linear-gradient(180deg,#41b53b,#2c9e28 60%,#24841f);color:#fff;font-size:1.2rem;font-style:italic;font-weight:700;text-transform:lowercase;cursor:pointer;border-radius:0;box-shadow:inset 1px 1px #ffffff59;transition:filter .12s ease,transform .12s ease}.start-button:hover{filter:brightness(1.06)}.start-button:active{transform:translateY(1px)}.task-buttons{display:flex;gap:4px;align-items:center;padding:4px;overflow-x:auto}.task-button{gap:8px;min-width:140px;max-width:220px;padding:0 10px;height:30px;border:1px solid rgba(255,255,255,.32);border-radius:0;background:linear-gradient(180deg,#5ea2f3,#2f73d6);color:#fff;cursor:pointer;transition:filter .12s ease,transform .12s ease;box-shadow:2px 2px #083e8c47}.task-button.active{background:linear-gradient(180deg,#8fbffb,#5c93e1);color:#0c244e}.task-button span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-button:hover{filter:brightness(1.05)}.task-button:active{transform:translateY(1px)}.system-tray{justify-content:center;gap:10px;color:#fff;font-size:.78rem;background:linear-gradient(180deg,#38b8f2,#0d84d1);border-left:1px solid rgba(255,255,255,.3);font-family:Courier New,monospace}@keyframes window-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-sticker{0%,to{margin-top:0}50%{margin-top:-5px}}@keyframes drift-cloud{0%,to{translate:0 0}50%{translate:24px -4px}}@keyframes sparkle-pop{0%,to{opacity:.7;scale:1}45%{opacity:1;scale:1.22}}@keyframes paw-fade{0%,to{opacity:.18;translate:0 10px}45%{opacity:.46;translate:0 0}}@keyframes codi-idle{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(-2deg)}65%{transform:translateY(0) rotate(2deg)}}@media(max-width:900px){.start-here-shortcut .desktop-icon-image.action-icon{width:56px;height:50px}.start-here-shortcut .start-here-icon{transform:translateY(2px) scale(1.34)}body{overflow:auto}.xp-shell{min-height:100vh;grid-template-rows:1fr auto}.desktop-surface.mobile-surface{overflow:visible;padding:14px 14px 20px}.desktop-icons{position:relative;top:auto;left:auto;z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.desktop-icon{width:100%;min-height:92px;padding:10px 6px;border-radius:8px;background:#1f58a929;border-color:#ffffff2e}.desktop-copy{position:relative;left:auto;right:auto;top:auto;max-width:none;padding:14px 16px;margin-bottom:14px}.desktop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-sticker,.paw-print,.cloud-two,.sparkle-two{display:none}.window-layer{position:relative;inset:auto;display:grid;gap:12px}.xp-window.mobile-window{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0;z-index:auto!important}.xp-window.mobile-window:focus-visible{outline-offset:2px}.xp-window.mobile-window.maximized{border-radius:8px 8px 0 0}.xp-window.mobile-window .xp-titlebar{cursor:default}.xp-window.mobile-window .xp-window-body{max-height:none}.resize-handle{display:none}.start-menu{position:fixed;left:10px;right:10px;bottom:54px;width:auto;border-radius:8px;border-bottom:1px solid #0f3b8e}.taskbar{position:sticky;bottom:0;grid-template-columns:82px 1fr 76px}.task-button{min-width:120px}.system-tray{font-size:.72rem}}@media(max-width:640px){.desktop-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-copy h1{font-size:1.65rem}.desktop-actions{grid-template-columns:1fr}.xp-window-body{padding:12px}.explorer-grid,.case-grid,.guide-grid,.service-grid,.brief-grid,.story-grid,.codi-portrait-card{grid-template-columns:1fr}}
