/* First-person office: the program, desktop companion and physical room are separate layers. */
body.in-office{background:#839598;color:#20394b}body.in-office .game-footer{background:#223640;color:#c5d1d3;border:0;font-size:9px;padding:8px 4%;min-height:30px}
.computer-office{position:relative;isolation:isolate;min-height:calc(100svh - 30px);padding:5.5vh 0 28px;overflow:hidden;font-family:var(--game-font);color:#263f50}
.office-environment{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#bac6c9}.office-environment-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.office-environment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1033440a,transparent 60%,#142b3944);pointer-events:none}
.season-spring .office-environment-image{filter:sepia(.08) saturate(.9)}.season-summer .office-environment-image{filter:saturate(1.15) hue-rotate(-8deg)}.season-autumn .office-environment-image{filter:sepia(.22) saturate(.8)}.season-winter .office-environment-image{filter:saturate(.7)}
.season-atmosphere{position:absolute;left:0;top:0;width:19%;height:55%;overflow:hidden;opacity:.7;pointer-events:none}.season-atmosphere i{position:absolute;top:-20px;left:calc(var(--i)*8%);width:4px;height:4px;border-radius:100%;background:#fff;animation:office-fall 10s linear infinite;animation-delay:calc(var(--i)*-.8s)}.season-spring .season-atmosphere i{background:#f7cfdb;width:8px;height:5px;border-radius:80% 0;animation-duration:15s}.season-autumn .season-atmosphere i{background:#cc9557;width:9px;height:5px;border-radius:0 80%;animation-duration:12s}.season-summer .season-atmosphere i{display:none}.season-summer .season-atmosphere{background:linear-gradient(120deg,#fffacb33,transparent)}
.passing-colleague{position:absolute;width:90px;height:280px;right:-120px;top:34%;opacity:.8;filter:blur(.5px);animation:office-pass 30s linear infinite;pointer-events:none}.passing-colleague svg{height:100%;width:100%}.walking-body{animation:office-step .8s ease-in-out infinite alternate}
.desk-scene{position:relative;width:92%;max-width:1580px;margin:0 auto;padding-bottom:72px}.monitor{position:relative;background:linear-gradient(135deg,#526069,#202b33 30%,#34414a 95%);padding:15px 14px 0;border:2px solid #1a252b;border-radius:19px;box-shadow:0 25px 45px #10232d55,inset 0 0 0 1px #8e999d77;z-index:2}.monitor-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;background:#111d25;border-radius:50%;box-shadow:0 0 0 1px #596970}.computer-screen{border:2px solid #101d25;border-radius:5px;overflow:hidden;background:#a2bfc2}.monitor-chin{height:23px;display:flex;justify-content:center;align-items:center;position:relative}.monitor-chin span{font-size:7px;letter-spacing:3px;color:#829096}.monitor-chin>i{position:absolute;right:15px;width:3px;height:3px;background:#a6d3cc;border-radius:50%}
.os-menubar{height:43px;display:flex;align-items:center;padding:0 19px;gap:15px;color:#edf3f6;background:#233e52;box-shadow:0 1px 0 #ffffff11;font-size:12px}.os-menubar svg{width:19px;height:19px}.os-brand{display:flex;align-items:center;gap:10px;color:inherit;background:none;padding:4px 0}.os-brand span{font-size:12px;letter-spacing:.1px}.os-brand b{font-weight:400;color:#bbced8}.os-menubar time{margin:auto;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.os-menubar time span{color:#c4d7df;margin-left:10px}.os-tools{display:flex;align-items:center;gap:12px}.os-tools button{padding:4px;background:none;color:#d1e1e9;display:flex;align-items:center;gap:4px}.os-tools button>span{font-size:8px}.os-tools button:hover{color:#fff}
.desktop-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;padding:20px 18px 16px;background:radial-gradient(ellipse at 90% 85%,#e3d7ae80,transparent 52%),linear-gradient(145deg,#88aeb7,#c7d7d1);min-height:670px}.desktop-workspace:before{content:"";pointer-events:none;position:absolute;right:-220px;bottom:-330px;width:650px;height:650px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 85px #ffffff0a,0 0 0 170px #ffffff0a}
.procurement-window{position:relative;background:#f9fbfb;border:1px solid #f2f9f8;border-radius:7px;overflow:hidden;box-shadow:0 10px 24px #29475530;display:flex;flex-direction:column;min-width:0;z-index:1}
.program-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 17px;height:35px;background:#edf3f4;border-bottom:1px solid #d6e2e6;font-size:10px;color:#466475;letter-spacing:.2px}.program-titlebar>span{display:flex;align-items:center;gap:7px}.program-titlebar svg{width:14px;height:14px}.program-titlebar small{font-size:9px;color:#8b9da8}
.program-layout{display:grid;grid-template-columns:125px minmax(0,1fr);flex:1;min-height:0}.program-sidebar{display:flex;flex-direction:column;padding:20px 9px 14px;background:#edf2f5;border-right:1px solid #dce6e9;gap:6px}.program-sidebar>button{display:flex;align-items:center;gap:9px;background:transparent;padding:12px 9px;border-radius:4px;font-size:11px;text-align:left;min-height:43px;color:#526e7d;white-space:nowrap}.program-sidebar>button svg{width:18px;height:18px;flex-shrink:0}.program-sidebar>button b{font-size:9px;margin-left:auto;opacity:.8}.program-sidebar>button.active{background:#218593;color:#fff;box-shadow:0 2px 6px #21677817}.program-sidebar>button:not(.active):hover{background:#dbe8ec}.employee-card{margin-top:auto;padding:35px 4px 0;display:flex;align-items:center;gap:7px}.employee-card>span{border-radius:50%;background:#d3e1e4;display:grid;place-items:center;width:27px;height:27px;font-size:11px;color:#537a82}.employee-card b{font-size:10px;display:block}.employee-card small{display:block;font-size:7px;color:#8a9da6;margin-top:3px}
.program-main{min-width:0;display:flex;flex-direction:column}.program-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 24px 19px;border-bottom:1px solid #e1e9eb;background:#fcfdfd}.program-header h1{font-size:25px;letter-spacing:-1px;margin:4px 0 0;color:#203d4e}.program-header>div>small{font:8px system-ui;letter-spacing:1.7px;color:#8b9da8}.program-budget{text-align:right;display:grid;grid-template-columns:1fr;gap:2px;flex-shrink:0}.program-header .program-budget small{font-family:var(--game-font);letter-spacing:0;font-size:9px;color:#7c909d}.program-budget strong{font-size:22px;letter-spacing:-.7px;color:#284b5e}.program-budget>span{font-size:9px;color:#8197a3;margin-top:3px}
.program-content{flex:1;min-width:0}.inbox-layout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(255px,1.05fr);height:100%}.inbox-pane{border-right:1px solid #dde7ea;background:#f8fbfc;padding:0 0 13px;min-width:0}.inbox-label{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;font-size:10px;color:#75909f;border-bottom:1px solid #e7edef}.inbox-label b{font-size:10px;color:#5c7d8d;background:#e8f0f3;min-width:19px;padding:2px 4px;text-align:center;border-radius:3px}.inbox-row{display:flex;align-items:center;width:100%;gap:10px;text-align:left;background:transparent;padding:17px 15px;min-height:68px;border-bottom:1px solid #e4ecef;border-left:3px solid transparent;color:#2d4b5d}.inbox-row:hover{background:#edf5f5}.inbox-row.selected{background:#e1f1f0;border-left-color:#228a94;color:#166f7a}.mail-icon{flex-shrink:0;color:#7c95a3}.mail-icon svg{width:20px;height:20px}.selected .mail-icon{color:#24818a}.mail-subject{display:block;min-width:0;flex:1}.mail-subject strong{font-size:12px;display:block;font-weight:600;line-height:1.6;word-break:keep-all}.mail-subject small{display:block;font-size:8px;line-height:1.7;color:#8d9fa8;margin-top:3px}.mail-subject small>span{display:none}.mail-amount{font-size:10px;white-space:nowrap;text-align:right}.mail-amount small{display:block;font-size:8px;color:#8e9fa6;margin-top:7px}.inbox-row.selected .mail-amount small{color:#45888e}.inbox-note{font-size:9px;color:#97a8af;padding:15px 17px 0;line-height:1.9;margin:0}
.request-preview{background:#fff;min-width:0;position:relative}.preview-welcome{height:100%;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 15px;color:#8197a4}.welcome-mark{display:grid;place-items:center;width:55px;height:55px;border:1px solid #e3ebed;border-radius:17px;background:#f3f7f8;margin-bottom:25px;color:#71929d}.welcome-mark svg{width:25px;height:25px}.preview-welcome>small{font-size:9px;color:#879ca7;letter-spacing:1px}.preview-welcome h2{font-size:23px;color:#3c5c6d;line-height:1.5;letter-spacing:-1px;margin:12px 0}.preview-welcome p{font-size:11px;color:#8ca0ac}.welcome-summary{display:flex;align-items:center;gap:12px;border-top:1px solid #e9eff1;margin-top:25px;padding-top:20px}.welcome-summary b{font-size:27px;font-weight:300;color:#507a86}.welcome-summary span{font-size:9px}
.preview-document{padding:20px 22px 22px;animation:document-open .2s ease-out}.request-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:21px;color:#6c94a2}.request-heading>span{font-size:9px;font-weight:600}.request-heading b{font-size:8px;letter-spacing:.5px;margin-left:7px;font-weight:400}.request-heading>small{font-size:8px;color:#a1b0b9}.preview-document h2{font-size:19px;line-height:1.5;letter-spacing:-.8px;color:#24495a;margin-bottom:6px}.request-location{font-size:9px;color:#8b9eaa;margin-bottom:17px}.preview-document blockquote{margin:0 0 21px;padding:12px 14px;border-left:2px solid #84b6b8;background:#eff6f5;font-size:11px;line-height:1.9;word-break:keep-all;color:#557b82}.preview-document h3{font-size:10px;font-weight:600;color:#668492;margin:0 0 10px}.preview-document ol{padding:0;margin:0;list-style:none}.preview-document li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f2;font-size:10px;line-height:1.7;word-break:keep-all}.preview-document li>span{font-size:8px;color:#9bb2bb;padding-top:2px;font-variant-numeric:tabular-nums}.request-budget{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.request-budget>span{font-size:10px;color:#8da1ad}.request-budget strong{font-size:16px;color:#326674;font-weight:600}.request-footnote{font-size:8px;color:#97a8b1;line-height:1.8;margin:15px 0 12px}.start-assignment{width:100%;min-height:43px;padding:11px 12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#218592;color:#fff;border-radius:4px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0c59621a}.start-assignment:hover{background:#176f7d}.start-assignment svg{width:16px;height:16px}
.desktop-helper-slot{position:relative;z-index:2;min-width:0;display:flex;align-items:flex-end;padding-bottom:30px}.desktop-helper{width:100%;display:flex;flex-direction:column;align-items:center}.desktop-bubble{position:relative;background:#f9fdfbf2;padding:16px 15px;border:1px solid #ffffff;box-shadow:0 7px 16px #24464e12;border-radius:13px;margin-bottom:15px;width:100%;animation:document-open .2s ease-out}.desktop-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;width:12px;height:12px;transform:rotate(45deg);background:#f9fdfb;border-right:1px solid #fff;border-bottom:1px solid #fff}.desktop-bubble>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.desktop-bubble strong{font-size:10px;color:#b17a43}.desktop-bubble button{background:transparent;font-size:18px;color:#96abae;width:26px;height:26px;margin:-8px -8px -4px 0;border-radius:50%}.desktop-bubble button:hover{background:#e6eeeb}.desktop-bubble p{font-size:12px;line-height:1.85;font-weight:600;color:#395b65;margin:0}.desktop-bubble small{display:block;font-size:10px;line-height:1.85;color:#81969b;margin-top:10px;word-break:keep-all}
.desktop-pet{position:relative;display:flex;flex-direction:column;align-items:center;background:none;padding:0 15px;max-width:100%;border-radius:18px}.desktop-pet .dali-portrait{width:130px;margin:0;animation:pet-breathe 4s ease-in-out infinite;transform-origin:50% 100%;filter:drop-shadow(0 3px 2px #36595a0d)}.desktop-pet:hover .dali-portrait{filter:drop-shadow(0 0 8px #ffedba88)}.pet-shadow{position:absolute;bottom:25px;left:28%;width:44%;height:8px;border-radius:50%;background:#36595b1c;filter:blur(4px)}.pet-name{font-size:9px;color:#3b626c;display:flex;gap:6px;align-items:center;margin-top:7px}.pet-name i{width:4px;height:4px;background:#5b9d7d;border-radius:50%}.desktop-season{margin-top:38px;padding-top:18px;border-top:1px solid #ffffff55;text-align:center;color:#527b85;width:90%}.desktop-season>span{display:inline-block;font-size:20px;vertical-align:middle;margin-right:6px;opacity:.7}.desktop-season strong{font-size:15px;font-weight:400}.desktop-season small{display:block;font-size:8px;color:#6e949d;letter-spacing:1px;margin-top:7px}
.desktop-calendar{padding:10px 17px 8px;border-top:1px solid #e1eaed;background:#fafcfc}.calendar-seasons,.calendar-dates{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;text-align:center}.calendar-seasons>span{font-size:8px;color:#95a7af;border-bottom:2px solid #adc7d1;padding-bottom:5px;margin-bottom:5px}.calendar-seasons .spring{border-color:#b5d5b7}.calendar-seasons .summer{border-color:#e4d095}.calendar-seasons .autumn{border-color:#daa689}.calendar-dates>span{font-size:10px;color:#8d9da7;padding:4px 0;position:relative;border-radius:3px;font-variant-numeric:tabular-nums}.calendar-dates>.now{background:#248994;color:#fff}.calendar-dates>.done{color:#477d83}.calendar-dates i{position:absolute;bottom:-3px;left:45%;font-style:normal}
.os-taskbar{height:34px;padding:0 15px;background:#243d50;color:#c7dce6;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px}.os-taskbar>div{display:flex;align-items:center;gap:6px}.os-start{font-size:23px;margin-right:12px;color:#e1edef}.os-taskbar button{height:30px;display:flex;align-items:center;gap:7px;background:#ffffff0b;color:#d0e0e8;padding:0 12px;font-size:9px;border-bottom:2px solid #78b4bc}.os-taskbar button svg{width:14px;height:14px}.os-taskbar button+button{background:transparent;border:0}.os-status{font-size:9px}.os-status i{font-style:normal;font-size:5px;color:#91bba7;margin:0 12px}.monitor-stand{position:absolute;bottom:30px;left:43%;width:14%;height:70px;background:linear-gradient(90deg,#243640,#5f6d72 45%,#34434b);z-index:0;clip-path:polygon(22% 0,78% 0,82% 80%,100% 90%,100% 100%,0 100%,0 90%,18% 80%)}.desk-keyboard{position:absolute;bottom:0;left:26%;width:48%;height:38px;transform:perspective(180px) rotateX(30deg);background:#2e3f47;border:4px solid #35444b;border-radius:6px;box-shadow:0 4px 6px #172e3c33;overflow:hidden}.desk-keyboard:before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(90deg,transparent 0 24px,#24343d 24px 28px),repeating-linear-gradient(0deg,#586770 0 6px,#25353e 6px 10px);opacity:.7}.desk-keyboard span{position:absolute;bottom:0;left:32%;width:35%;height:8px;background:#63737b;border:2px solid #2f414a}.desk-mouse{position:absolute;bottom:1px;right:15%;width:37px;height:46px;border-radius:45% 45% 40% 40%;background:linear-gradient(90deg,#31434d,#5c6c72);box-shadow:0 4px 5px #172c3c30;transform:rotate(-12deg)}.desk-mouse:after{content:"";position:absolute;width:2px;height:12px;background:#849299;left:49%;top:6px}.office-status{display:flex;justify-content:space-between;width:90%;margin:0 auto;font-size:8px;color:#f6faf9;text-shadow:0 1px 5px #172d3e}
.app-section-title{padding:25px 26px 12px}.app-section-title>span{font-size:8px;letter-spacing:1.5px;color:#8eabb7}.app-section-title h2{font-size:21px;letter-spacing:-.8px;margin:10px 0}.app-section-title p{font-size:11px;color:#8b9fa9}.calendar-months{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 25px}.calendar-month{background:#f3f7f8;border:1px solid #e1eaed;padding:14px 12px;border-radius:4px}.calendar-month.current{border:1px solid #318e96;background:#e8f4f2;box-shadow:inset 0 3px #318e96}.calendar-month small{font-size:9px;color:#91a6af;display:block}.calendar-month b{display:block;font-size:25px;font-weight:400;color:#536e7f;margin-top:7px}.calendar-month em{font-size:10px;margin-left:5px}.calendar-month p{font-size:9px;color:#8098a5;margin:8px 0;line-height:1.7}.calendar-month>span{font-size:8px;color:#739b9f}.ledger-app .table-wrap{padding:0 22px 25px}.ledger-app table{font-size:11px}.ledger-app th,.ledger-app td{border-color:#e2ecef}.ledger-empty{padding:55px 20px;text-align:center;color:#77929d}.ledger-empty>svg{width:35px;height:35px;margin:0 auto 25px}.ledger-empty h3{font-size:17px;font-weight:400}.ledger-empty p{font-size:11px}.ledger-empty button{background:#e4efef;color:#307c85;padding:12px 20px;border-radius:4px;font-size:11px;margin-top:15px}
@keyframes pet-breathe{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-3px) scaleY(1.012)}}@keyframes office-fall{to{transform:translate(35px,55vh) rotate(180deg)}}@keyframes office-pass{0%,10%{transform:translateX(0)}38%,65%{transform:translateX(-125vw)}66%,100%{transform:translateX(-125vw)}}@keyframes office-step{to{transform:translateY(3px) rotate(.5deg)}}@keyframes document-open{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){.desktop-workspace{grid-template-columns:minmax(0,1fr) 215px;gap:22px;padding:24px}.program-layout{grid-template-columns:145px minmax(0,1fr)}.inbox-row{padding:20px 18px;min-height:78px}.mail-subject strong{font-size:14px}.mail-subject small>span{display:inline}.mail-amount{font-size:12px}.preview-document{padding:24px 30px}.preview-document h2{font-size:22px}.preview-document li{font-size:12px}.preview-document blockquote{font-size:12px}.desktop-bubble p{font-size:14px}.desktop-bubble small{font-size:11px}.desktop-pet .dali-portrait{width:155px}}
@media(max-width:1200px){.desk-scene{width:95%}.desktop-workspace{grid-template-columns:minmax(0,1fr) 145px;gap:12px;padding:14px}.program-layout{grid-template-columns:90px minmax(0,1fr)}.program-sidebar{padding:16px 5px}.program-sidebar>button{font-size:10px;gap:5px;padding:12px 6px}.program-sidebar>button svg{width:15px;height:15px}.program-sidebar>button b{display:none}.employee-card{display:block;text-align:center}.employee-card>span{margin:0 auto 8px}.employee-card small{font-size:6px}.program-header{padding:18px}.program-header h1{font-size:23px}.inbox-layout{grid-template-columns:minmax(190px,.9fr) minmax(230px,1.1fr)}.inbox-row{gap:7px;padding:16px 10px}.mail-subject strong{font-size:11px}.mail-amount{font-size:9px}.mail-icon svg{width:16px}.inbox-note{padding:15px 10px 0;font-size:8px}.preview-document{padding:19px 17px}.preview-document h2{font-size:18px}.desktop-bubble{padding:13px 12px}.desktop-bubble p{font-size:11px}.desktop-bubble small{font-size:9px}.desktop-pet .dali-portrait{width:115px}.desktop-pet{padding:0 10px}.desktop-season{margin-top:25px}}
@media(max-width:980px){.computer-office{padding-top:32px}.desktop-workspace{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px;min-height:0}.desktop-helper-slot{padding:0;display:block}.desktop-helper{display:grid;grid-template-columns:1fr 90px;gap:15px;align-items:center;padding:0 10px;min-height:115px}.desktop-bubble{margin:0;font-size:12px}.desktop-bubble:after{left:auto;right:-6px;bottom:40px;transform:rotate(-45deg)}.desktop-bubble p{font-size:12px}.desktop-bubble small{font-size:10px;margin-top:5px}.desktop-pet .dali-portrait{width:75px}.desktop-pet{padding:0}.desktop-season{display:none}.desktop-helper.quiet{display:flex;align-items:flex-end;min-height:105px}.os-menubar{font-size:10px;padding:0 12px;gap:8px}.os-brand span{font-size:10px}.os-menubar time{font-size:10px}.os-tools{gap:5px}.os-menubar time span{margin-left:4px}.calendar-months{gap:8px;padding:0 17px 20px}.calendar-month{padding:10px 8px}.monitor{padding:12px 9px 0;border-radius:13px}.program-budget strong{font-size:20px}.desktop-calendar{padding:9px 13px 7px}.passing-colleague{width:65px}.office-status{font-size:7px}}
@media(max-width:650px){.computer-office{padding:18px 0 15px}.desk-scene{width:97%;padding-bottom:45px}.monitor{padding:10px 5px 0;border-radius:10px;border-width:1px}.monitor-chin{height:15px}.monitor-chin span{font-size:5px;letter-spacing:2px}.monitor-camera{top:3px;width:3px;height:3px}.os-menubar{height:35px;padding:0 9px;gap:5px}.os-brand{gap:5px}.os-brand svg{width:14px;height:14px}.os-brand span{font-size:8px}.os-brand b{display:none}.os-menubar time{font-size:8px;letter-spacing:0}.os-tools button svg{width:15px;height:15px}.os-tools button>span{display:none}.desktop-workspace{padding:7px;gap:9px}.program-titlebar{padding:8px 10px;height:30px;font-size:8px}.program-titlebar small{font-size:7px}.program-layout{display:flex;flex-direction:column}.program-sidebar{flex-direction:row;padding:6px;border-right:0;border-bottom:1px solid #dce6e9;gap:4px}.program-sidebar>button{flex:1;justify-content:center;font-size:9px;padding:8px 4px;min-height:32px}.employee-card{display:none}.program-header{padding:16px 13px}.program-header h1{font-size:21px}.program-header>div>small{font-size:6px}.program-header .program-budget small{font-size:8px}.program-budget strong{font-size:18px}.program-budget>span{font-size:8px}.inbox-layout{display:flex;flex-direction:column}.inbox-pane{border-right:0;border-bottom:1px solid #dce6e9;padding-bottom:0}.inbox-label{padding:11px 13px;font-size:9px}.inbox-row{padding:13px 12px;min-height:60px;gap:10px}.mail-subject strong{font-size:12px}.mail-subject small{font-size:8px}.mail-amount{font-size:10px}.mail-amount small{font-size:8px}.inbox-note{display:none}.request-preview{scroll-margin-top:10px}.preview-welcome{min-height:190px;padding:23px 15px}.welcome-mark,.welcome-summary{display:none}.preview-welcome h2{font-size:21px;margin:8px 0}.preview-welcome h2 br{display:none}.preview-welcome p{font-size:10px;margin:0}.preview-welcome p br{display:none}.preview-document{padding:21px 17px}.preview-document h2{font-size:21px}.preview-document li{font-size:12px;padding:11px 0}.preview-document blockquote{font-size:12px}.request-location{font-size:10px}.preview-document h3{font-size:11px}.request-heading>span{font-size:10px}.request-footnote{font-size:10px}.start-assignment{min-height:46px;font-size:12px}.desktop-helper{padding:4px 3px 5px;gap:8px;grid-template-columns:1fr 73px}.desktop-bubble{padding:12px}.desktop-bubble p{font-size:11px}.desktop-bubble small{font-size:9px}.desktop-pet .dali-portrait{width:70px}.pet-name{font-size:8px}.desktop-calendar{padding:10px 9px 8px}.calendar-seasons,.calendar-dates{gap:3px}.calendar-seasons>span{font-size:7px}.calendar-dates>span{font-size:9px}.os-taskbar{padding:0 9px;height:30px}.os-taskbar button{font-size:8px;padding:0 7px;height:27px}.os-start{font-size:19px;margin-right:4px}.os-status{font-size:7px}.os-status i{margin:0 5px}.os-taskbar button+button{font-size:8px}.monitor-stand{height:40px;bottom:10px;left:40%;width:20%}.desk-keyboard{height:24px;bottom:0;left:21%;width:57%}.desk-mouse{display:none}.office-status{font-size:7px}.office-status span:last-child{display:none}.calendar-months{grid-template-columns:repeat(3,1fr);padding:0 12px 18px;gap:7px}.calendar-month p{font-size:8px}.app-section-title{padding:20px 16px 10px}.app-section-title h2{font-size:20px}.app-section-title p{font-size:10px}.ledger-app .table-wrap{padding:0 10px 20px}.ledger-app table{font-size:9px}.ledger-empty{padding:30px 15px}.ledger-empty h3{font-size:16px}.ledger-empty p{font-size:10px}}
.computer-screen,.desktop-workspace{overflow:clip}.program-content,.request-preview,.inbox-pane{scrollbar-width:thin;scrollbar-color:#bdcfd5 transparent}
@media(min-width:981px){.start-assignment{position:sticky;bottom:0;z-index:1;box-shadow:0 -9px 0 #fff,0 3px 7px #1b637c15}}
@media(min-width:981px){.desktop-workspace{height:clamp(560px,calc(100svh - 300px),760px);min-height:0}.program-main,.program-content{min-height:0}.program-content{overflow:auto}.request-preview,.inbox-pane{overflow:auto}.preview-welcome{min-height:100%}.inbox-row{min-height:62px;padding-top:13px;padding-bottom:13px}.inbox-note{padding-top:11px}.preview-document{padding-top:17px;padding-bottom:17px}.request-heading{margin-bottom:16px}.preview-document blockquote{margin-bottom:16px}.preview-document li{padding:9px 0}}
@media(prefers-reduced-motion:reduce){.passing-colleague{animation:none;right:0;transform:none}.desktop-pet .dali-portrait,.season-atmosphere i,.walking-body,.preview-document,.desktop-bubble{animation:none}}
/* Site attachments reveal the scene; the investigation reveals the requirements. */
.site-photo{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dce6e7;border-radius:3px}
.site-photo img{position:absolute;display:block;width:300%;height:600%;max-width:none;object-fit:fill;pointer-events:none}
.request-attachment{margin:18px 0 22px}.attachment-open{position:relative;display:block;width:100%;padding:0;background:none;border:1px solid #dce7e8;border-radius:4px;overflow:hidden}.attachment-open>span{position:absolute;right:7px;bottom:7px;padding:5px 8px;background:#153341c9;border-radius:3px;color:#fff;font-size:9px}.attachment-open:hover{outline:2px solid #70a8ad;outline-offset:2px}.request-attachment figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#78909a;font-size:9px}.request-attachment figcaption small{font-size:8px;color:#9aaab0}.site-photo-modal{width:min(900px,94vw)}
.desk-scene{padding-bottom:145px}.desk-peripherals{position:absolute;left:25%;bottom:-5px;width:60%;height:auto;max-width:none;transform:scaleY(.65);transform-origin:center bottom;pointer-events:none;z-index:3;filter:drop-shadow(0 9px 7px #142c3b35)}.monitor-stand{bottom:82px;height:95px}
@media(min-width:981px){.desktop-workspace{height:clamp(560px,calc(100svh - 375px),760px)}}
@media(max-width:650px){.desk-scene{padding-bottom:78px}.desk-peripherals{left:8%;width:85%;bottom:0;transform:scaleY(.7)}.monitor-stand{bottom:35px;height:55px}}
.survey-notebook{width:100%;margin:0 0 24px;padding:17px 18px;background:#fff9e9;border:1px solid #c5c6a9;box-shadow:3px 4px 0 #b1b39833}.survey-notebook>span{font-size:10px;letter-spacing:1px;color:#7d886a}.survey-notebook h4{font-size:13px;margin:12px 0}.survey-notebook p{font-size:12px;line-height:1.8;color:#8b947f;margin:12px 0 0}.survey-notebook ol{padding-left:17px;margin:0}.survey-notebook li{font-size:12px;line-height:1.8;padding:7px 0;border-bottom:1px dashed #d5d4bd}.survey-notebook li:last-child{border:0}.comic-side:has(.survey-notebook) .story-steps{margin-bottom:22px}dialog.site-photo-modal{width:900px;max-width:94vw}
.site-photo-crop{position:absolute;inset:-3%;display:block;overflow:hidden}
@media(min-width:981px){.request-attachment{max-width:350px;margin-left:auto;margin-right:auto}}
.comic-frame>.site-photo{width:100%;height:100%;border-radius:0;aspect-ratio:auto}.comic-frame:has(>.site-photo) .comic-sfx{display:none}
.supplier-dossier{margin-top:22px;padding:23px;background:#f0f2e5;border:1px solid #b7c3a9;box-shadow:4px 4px 0 #bac2a65c}.supplier-dossier .eyebrow{font-size:9px;letter-spacing:1px}.supplier-dossier h2{font-size:21px;margin:12px 0 5px}.supplier-specialty{font-size:11px;color:#71816c;margin:0 0 18px}.supplier-claim{padding:13px;background:#e3e9d6;border-left:2px solid #8d9c77}.supplier-claim small{font-size:9px;color:#6a7b61}.supplier-claim p{font-size:12px;line-height:1.8;margin:8px 0 0}.supplier-record-heading{display:flex;justify-content:space-between;font-size:12px;margin-top:22px}.supplier-record-heading span{color:#738365}.supplier-scope{font-size:9px;color:#85927d;line-height:1.7}.supplier-dossier dl{margin:0}.supplier-dossier dl>div{border-top:1px dashed #b9c5ad;padding:13px 0}.supplier-dossier dt{font-size:11px;display:flex;justify-content:space-between;gap:4px}.supplier-dossier dt span{font-size:9px;color:#87937b}.supplier-dossier dd{margin:8px 0 0;font-size:11px;line-height:1.8;color:#939d89}.supplier-dossier .verified dd{color:#294f39;font-weight:600}.supplier-dossier dl small{font-size:9px;color:#819174;display:block;margin-top:7px;line-height:1.7}.supplier-fiction{font-size:9px;color:#929b87;margin:12px 0 0}.question-budget{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 15px;background:#dce5cb;font-size:11px;line-height:1.7}.question-budget b{white-space:nowrap}.question-budget span{color:#647756}.question-budget.exhausted{background:#eee0bd}.question-form input:disabled,.question-form button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:800px){.supplier-dossier{padding:17px 15px}.supplier-dossier h2{font-size:17px}.question-budget{flex-wrap:wrap;gap:4px}.supplier-dossier dt{flex-wrap:wrap}}

.preview-document .request-description{margin:20px 0;color:#3e5963;font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}.preview-document .request-location{margin-bottom:18px}.preview-document .request-budget{margin:20px 0}.preview-document .request-attachment{margin-top:0}