/* One desktop, adapted to the visitor's screen. */
.os-shell [hidden]{display:none!important}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.portfolio-desktop{overflow:hidden}.os-shell{height:100dvh;min-height:300px;display:flex;position:relative;flex-direction:column;isolation:isolate;background:var(--bg);overflow:hidden}.os-wallpaper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.os-wallpaper-shade{position:absolute;inset:0;background:linear-gradient(90deg,#e7ecfb66,#e7ecfb18 65%),linear-gradient(0deg,#26377124,transparent 60%);z-index:-2}[data-theme=dark] .os-wallpaper-shade{background:linear-gradient(90deg,#0b102756,#0b102718 65%),linear-gradient(0deg,#0b102780,transparent 70%)}
.os-topbar{display:flex;align-items:center;gap:18px;min-height:58px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--line);z-index:50}.os-brand{display:flex;align-items:center;gap:9px;font:700 .8rem/1.5 'Courier New',monospace;letter-spacing:.06em;white-space:nowrap}.os-brand>.ui-icon{color:var(--purple)}.os-edition{color:var(--muted);font-size:.63rem;font-weight:400;letter-spacing:.04em}.os-navigation{display:flex;align-items:center;gap:5px;flex-shrink:0;min-width:0;padding:7px 10px;background:var(--soft);border-bottom:1px solid var(--line)}.os-nav-button,.os-theme,.os-language{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:6px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;text-decoration:none;flex-shrink:0}.os-nav-button:hover,.os-theme:hover,.os-language:hover{color:var(--blue);border-color:var(--blue)}.os-nav-button:disabled{opacity:.4;cursor:default}.os-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;margin-inline-start:8px}.os-crumb{background:transparent;border:0;color:var(--muted);padding:7px 2px;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.os-crumb[aria-current]{color:var(--ink);font-weight:600}.os-crumb-divider{font-size:.75rem;color:var(--muted)}.os-top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.os-language{width:auto;min-width:40px;font-size:.75rem;padding-inline:10px}
.os-stage{position:relative;flex:1;min-height:0}.os-icons{position:absolute;inset-inline-start:18px;top:18px;display:grid;gap:8px;width:100px;z-index:2}.os-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:78px;padding:7px 4px;background:transparent;border:1px solid transparent;border-radius:5px;color:#172349;text-shadow:0 1px 3px #fff;font-size:.75rem;line-height:1.3}.os-icon:hover,.os-icon:focus-visible,.os-icon[aria-pressed=true]{background:#eaf0ffbf;border-color:#a7b8e9}.os-app-symbol{display:grid;place-items:center;width:46px;height:43px;background:var(--surface);color:var(--blue);border:1px solid var(--blue);box-shadow:3px 3px 0 #24376740;clip-path:polygon(0 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% 100%,0 100%);text-shadow:none}.os-app-symbol .ui-icon{width:27px;height:27px}.os-icon:nth-child(even) .os-app-symbol{color:var(--purple);border-color:var(--purple)}[data-theme=dark] .os-icon{color:#f0f3ff;text-shadow:0 1px 3px #08122c}[data-theme=dark] .os-icon:hover,[data-theme=dark] .os-icon:focus-visible,[data-theme=dark] .os-icon[aria-pressed=true]{background:#172342e6;border-color:#697dc4}
.os-window-layer{position:absolute;inset:0;pointer-events:none}.os-window{position:absolute;min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);box-shadow:7px 9px 0 #18284f24,0 15px 50px #15264b40;display:flex;flex-direction:column;pointer-events:auto;border-radius:6px;overflow:hidden}.os-drag-title:focus-visible{outline-offset:-3px}.os-active{border-color:var(--blue);box-shadow:7px 9px 0 #18284f30,0 15px 55px #15264b50}.os-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:43px;background:var(--soft);border-bottom:1px solid var(--line);user-select:none;flex-shrink:0}.os-active .os-titlebar{background:var(--blue);color:var(--on-blue)}.os-drag-title{flex:1;min-width:0;text-align:start;display:flex;align-items:center;gap:9px;padding:9px 12px;background:transparent;border:0;color:inherit;font:700 .77rem/1.5 'Courier New',monospace;touch-action:none;cursor:grab}.os-drag-title:active{cursor:grabbing}.os-drag-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-window-controls{display:flex;gap:4px;padding:4px 6px;flex-shrink:0}.os-window-controls button{border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;width:30px;height:28px;display:grid;place-items:center;padding:4px}.os-window-controls .ui-icon{width:16px;height:16px}.os-window-controls button:hover{background:var(--surface);color:var(--ink)}.os-window-controls [data-action=close]:hover{background:#a52c47;color:#fff;border-color:#a52c47}.os-content{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:30px;scroll-behavior:smooth}.os-content>.section{padding-block:0}.os-content .wrap{width:100%;margin:0}.os-content .section-heading{margin-bottom:28px}.os-content h2{font-size:1.9rem}.os-content .hero-copy h1{font-size:3.2rem}.os-content .hero-copy{padding:8px 0 32px}.os-content .hero-intro{max-width:100%;margin-top:20px}.os-content .hero-alias{margin-top:11px}.os-content .location{margin-top:20px}.os-content .about-grid,.os-content .case-layout{grid-template-columns:1fr;gap:28px}.os-content .about-copy .lead{font-size:1rem}.os-content .hero-copy+.section{border-top:1px solid var(--line);padding-top:30px}.os-content .service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.os-content .service{padding:20px}.service-icon{color:var(--purple);margin-bottom:14px}.service-icon .ui-icon{width:25px;height:25px}.os-content .project-grid{gap:18px}.os-content .project-band{height:78px;padding:20px}.os-content .project-content{padding:20px}.os-content .project-content h3{font-size:1.07rem}.project-symbol .ui-icon{width:37px;height:37px}.os-content .project-content p{font-size:.86rem}.text-link .ui-icon{width:15px;height:15px;margin-inline-start:4px}.os-content .creative-grid{grid-template-columns:1fr;gap:20px}.os-content .creative-section,.os-content .services-section{background:transparent;border:0}.os-content .contact{text-align:start;max-width:100%}.os-content .contact h2{font-size:2rem}.os-content .contact>p{margin:20px 0}.os-content .contact-actions,.os-content .email-row{justify-content:flex-start}.os-content .contact-actions{margin-top:25px}.os-content .email-row{font-size:.8rem}.os-content .experience{border-inline-start:2px solid var(--line)}.button{gap:9px}.copy-button{display:inline-flex;align-items:center;gap:6px}.copy-button .ui-icon{width:15px;height:15px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-card{display:flex;align-items:center;gap:13px;min-height:65px;padding:15px 18px;text-decoration:none;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:.9rem;min-width:0}.social-card:hover{border-color:var(--blue);background:var(--surface)}.social-card>.ui-icon:first-child{width:25px;height:25px;color:var(--blue)}.social-card>.ui-icon:last-child{width:14px;height:14px;margin-inline-start:auto;color:var(--muted)}.social-card>span{overflow-wrap:anywhere}.os-maximized{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;border-radius:3px}
.os-wallpaper-label{position:absolute;inset-inline-end:40px;bottom:35px;display:flex;flex-direction:column;align-items:flex-end;color:#182852;pointer-events:none;text-shadow:0 1px 8px #fff9}.os-wallpaper-label>span:first-child{font:400 2.6rem Georgia,serif;letter-spacing:-.04em}.os-wallpaper-label>span:last-child{font:.73rem 'Courier New',monospace;margin-top:6px}[data-theme=dark] .os-wallpaper-label{color:#e9eeff;text-shadow:0 2px 10px #091128}.os-taskbar{display:flex;align-items:center;gap:12px;padding:7px 16px;min-height:51px;background:var(--surface);border-top:1px solid var(--line);z-index:60;flex-shrink:0}.os-start,.os-task{display:flex;align-items:center;justify-content:center;gap:8px;font:600 .76rem/1.4 'Courier New',monospace;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:8px 12px;min-height:34px;flex-shrink:0}.os-start{color:var(--blue);box-shadow:2px 2px 0 var(--shadow)}.os-start[aria-expanded=true],.os-task[aria-pressed=true]{color:var(--on-blue);background:var(--blue);border-color:var(--blue)}.os-tasks{display:flex;gap:7px;flex:1;min-width:0;overflow-x:auto}.os-task{font-family:Arial,sans-serif;font-weight:400;max-width:180px}.os-task .ui-icon{width:16px;height:16px}.os-task>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-clock{margin-inline-start:auto;font:.8rem 'Courier New',monospace;white-space:nowrap}.os-start-menu{position:absolute;bottom:60px;inset-inline-start:16px;z-index:70;width:280px;max-width:calc(100% - 32px);background:var(--surface);border:1px solid var(--blue);border-radius:6px;box-shadow:5px 6px 0 #18284f35;padding:14px;max-height:calc(100% - 135px);overflow:auto}.os-start-heading{font-size:.94rem;font-weight:600;padding:3px 7px 14px;border-bottom:1px solid var(--line);margin-bottom:9px}.os-start-heading span{display:block;color:var(--purple);font:.7rem 'Courier New',monospace;margin-top:4px}.os-start-item{display:flex;width:100%;align-items:center;gap:15px;color:var(--ink);border:0;background:transparent;font-size:.85rem;padding:8px;border-radius:3px;min-height:45px}.os-start-item .os-app-symbol{width:30px;height:29px;box-shadow:2px 2px 0 var(--shadow)}.os-start-item .ui-icon{width:19px;height:19px}.os-start-item:hover{background:var(--soft)}.os-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.os-content .case-study{padding-block:0}.os-content .case-header{margin-top:27px;margin-bottom:30px}.os-content .case-header h2{font-size:2.2rem}.os-content .stage-panel{padding:22px}.os-content .case-layout{gap:25px}.os-content .case-layout h2{font-size:1.5rem}
/* Tablets keep an app dock below their fitted windows. */
[data-device=tablet] .os-icons{top:auto;bottom:9px;inset-inline:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;gap:7px;padding:5px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 20px #15264b33;z-index:40}[dir=rtl][data-device=tablet] .os-icons{transform:translateX(50%)}[data-device=tablet] .os-icon{width:78px;min-height:66px;font-size:.7rem;text-shadow:none;color:var(--ink);gap:5px;padding:4px}[data-device=tablet] .os-app-symbol{width:35px;height:33px}[data-device=tablet] .os-app-symbol .ui-icon{width:23px;height:23px}[data-device=tablet] .os-maximized{height:calc(100% - 106px)!important;bottom:98px!important}[data-device=tablet] .os-wallpaper-label{bottom:120px}
/* Phones expose the foreground app while retaining other task entries. */
[data-device=mobile] .os-window:not(.os-active){display:none}
/* Phones use a home screen and full-size app windows. */
[data-device=mobile] .os-icons{inset-inline:22px;top:38px;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}[data-device=mobile] .os-icon{min-height:100px;font-size:.8rem;gap:10px}[data-device=mobile] .os-app-symbol{width:57px;height:54px}[data-device=mobile] .os-app-symbol .ui-icon{width:32px;height:32px}[data-device=mobile]:not(.os-home-view) .os-icons,[data-device=mobile]:not(.os-home-view) .os-wallpaper-label{display:none}[data-device=mobile] .os-drag-title{padding-inline:10px}[data-device=mobile] .os-window-controls{gap:3px;padding-inline:4px}[data-device=mobile] .os-window-controls button{width:34px;height:38px}[data-device=mobile] .os-wallpaper-label{inset-inline-end:24px;bottom:25px}[data-device=mobile] .os-wallpaper-label>span:first-child{font-size:2.1rem}[data-device=mobile] .os-content{padding:24px 20px}[data-device=mobile] .os-content .hero-copy h1{font-size:2.45rem}[data-device=mobile] .os-content .service-grid,[data-device=mobile] .os-content .project-grid{grid-template-columns:1fr}[data-device=mobile] .os-content h2{font-size:1.65rem}[data-device=mobile] .os-content .case-header h2{font-size:1.85rem}[data-device=mobile] .social-grid{grid-template-columns:1fr}[data-device=mobile] .os-taskbar{padding:6px 9px;gap:8px;min-height:51px}[data-device=mobile] .os-start,[data-device=mobile] .os-task{font-size:.7rem;padding:8px;min-height:38px}[data-device=mobile] .os-task{max-width:150px}[data-device=mobile] .os-clock{font-size:.7rem}[data-device=mobile] .os-content .hero-actions{flex-wrap:wrap}[data-device=mobile] .os-content .email-row{gap:10px}[data-device=mobile] .os-content .email-address{font-size:.79rem}[data-device=mobile] .os-content .tags{margin-top:16px}
.os-noscript,.os-error-window{position:relative;max-width:760px;margin:12vh auto;padding:32px;background:var(--surface);border:1px solid var(--blue);box-shadow:6px 6px 0 var(--shadow);max-height:76dvh;overflow:auto;width:calc(100% - 32px)}.os-noscript p{margin-block:20px}.os-noscript>a{margin-inline-end:15px}.os-error-window .wrap{width:100%}.os-error-window .not-found{padding-block:20px;min-height:0}
@media(max-width:1099px){.os-topbar{padding-inline:14px;gap:12px}.os-edition{display:none}.os-content{padding:26px}}
@media(max-width:699px){.os-topbar{display:flex;gap:10px;padding:7px 10px;min-height:54px}.os-brand{font-size:.77rem}.os-top-actions{gap:6px}.os-navigation{width:100%;flex-wrap:wrap;padding:6px 8px}.os-breadcrumb{flex-basis:100%;margin-inline-start:0;gap:5px}.os-crumb{font-size:.7rem;min-height:35px}.os-nav-button,.os-theme,.os-language{min-height:38px}.os-nav-button{width:38px}.os-language{padding-inline:8px}.os-content .hero-actions .button{font-size:.8rem}.os-clock{display:none}}
@media(pointer:coarse){.os-nav-button,.os-theme,.os-language,.os-start,.os-task{min-height:44px}.os-nav-button,.os-theme{min-width:44px}.os-window-controls button{width:40px;min-height:44px}.os-drag-title{min-height:50px}.os-crumb{min-height:44px}.os-titlebar .os-drag-title>.ui-icon{display:none}[data-device=mobile] .os-topbar{min-height:58px}}
@media(max-height:580px){[data-device=desktop] .os-icons{grid-template-columns:repeat(2,1fr);width:180px;gap:5px;top:8px}[data-device=mobile] .os-icons{top:8px;gap:8px}[data-device=mobile] .os-icon{min-height:67px;gap:4px}[data-device=mobile] .os-app-symbol{width:38px;height:36px}[data-device=mobile] .os-app-symbol .ui-icon{width:25px;height:25px}[data-device=mobile] .os-wallpaper-label{display:none}[data-device=mobile] .os-content{padding:16px}}
@media(prefers-reduced-motion:reduce){.os-content{scroll-behavior:auto}}
/* The music app stays open or minimized independently of playback. */
.os-sound-toggle,.os-music-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:6px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;flex-shrink:0}.os-sound-toggle[aria-pressed=false]{color:var(--muted)}.os-music-panel{max-width:480px;margin:auto}.os-music-cover{display:flex;align-items:center;justify-content:space-between;padding:28px;background:var(--soft);border:1px solid var(--line);box-shadow:4px 4px 0 var(--shadow);margin-bottom:26px;color:var(--purple)}.os-music-cover>.ui-icon{width:58px;height:58px}.os-equalizer{display:flex;align-items:center;gap:6px;height:48px}.os-equalizer span{display:block;width:7px;height:12px;background:var(--blue)}.os-equalizer span:nth-child(2),.os-equalizer span:nth-child(4){height:24px}.os-equalizer span:nth-child(3){height:36px}.os-music-panel[data-playing=true] .os-equalizer span{animation:music-bars .8s ease-in-out infinite alternate}.os-equalizer span:nth-child(2){animation-delay:-.2s!important}.os-equalizer span:nth-child(3){animation-delay:-.5s!important}.os-equalizer span:nth-child(4){animation-delay:-.3s!important}.os-equalizer span:nth-child(5){animation-delay:-.6s!important}.os-music-mood{margin-top:8px;font-size:.85rem}.os-player-label{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-top:26px;margin-bottom:8px}.os-music-seek,.os-music-volume{width:100%;accent-color:var(--blue);min-height:28px;display:block}.os-music-time{display:flex;justify-content:space-between;color:var(--muted);font:.73rem 'Courier New',monospace}.os-music-controls{display:flex;align-items:center;gap:8px;margin-top:20px}.os-music-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px}.os-music-controls .os-music-play{flex:1;background:var(--blue);color:var(--on-blue);border-color:var(--blue);font-size:.9rem}.os-music-playlist{display:grid;gap:8px;margin-top:24px}.os-music-playlist button,.os-music-sounds{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:4px;font-size:.84rem;text-align:start}.os-music-playlist [aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.os-music-sounds{margin-top:24px;background:var(--surface)}.os-music-note,.os-music-status{font-size:.75rem;margin-top:15px}.os-music-status:empty{display:none}.os-music-status{color:var(--purple)}
@keyframes music-bars{to{transform:scaleY(.4)}}
@media(max-height:740px) and (min-width:1100px){.os-icons{grid-template-columns:repeat(2,1fr);width:180px;gap:5px;top:8px}}
[data-device=tablet] .os-icon{width:72px}[data-device=tablet] .os-icons{gap:5px}[data-device=mobile] .os-icons{gap:16px 12px;top:24px}[data-device=mobile] .os-icon{min-height:90px}
@media(max-height:580px){[data-device=mobile] .os-icons{top:8px;gap:8px}[data-device=mobile] .os-icon{min-height:67px}}
@media(pointer:coarse){.os-sound-toggle,.os-music-toggle{min-height:44px;min-width:44px}.os-music-seek,.os-music-volume{min-height:44px}}
.os-tray{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-inline-start:auto;padding-inline-start:10px;border-inline-start:1px solid var(--line)}.os-tray .os-clock{margin-inline-start:6px}.os-music-toggle,.os-audio-toggle,.os-music-mute,.os-audio-close{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:6px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;flex-shrink:0}.os-music-toggle[aria-pressed=true],.os-audio-toggle[aria-expanded=true]{color:var(--blue);border-color:var(--blue)}.os-audio-settings{position:absolute;bottom:64px;inset-inline-end:16px;z-index:75;width:300px;max-width:calc(100% - 32px);padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:4px 5px 0 var(--shadow)}.os-tray-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;color:var(--ink)}.os-tray-volume-row{display:flex;align-items:center;gap:12px}.os-tray-volume{display:block;min-width:0;width:100%;min-height:36px;accent-color:var(--blue)}.os-tray-player,.os-audio-settings .os-sound-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px;min-height:44px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:.8rem;text-align:start}.os-tray-player{margin-top:12px}.os-audio-settings .os-sound-toggle{margin-top:16px}.os-audio-settings .os-player-label{margin-top:20px}.os-audio-settings .os-sound-toggle[aria-pressed=false]{color:var(--muted)}
@media(max-width:699px){.os-tray{padding-inline-start:6px;gap:4px}.os-audio-settings{inset-inline-end:9px;max-width:calc(100% - 18px);bottom:61px}}
@media(pointer:coarse){.os-audio-toggle,.os-music-mute,.os-audio-close{min-height:44px;min-width:44px}.os-tray-volume{min-height:44px}}
.os-audio-settings{max-height:calc(100% - 128px);overflow:auto}
.service-category{display:block;text-decoration:none;color:var(--ink)}.service-category .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px}.service-category:hover{border-color:var(--blue)}.service-detail>.eyebrow{display:block;margin-top:28px}.service-detail>h2{display:flex;align-items:center;gap:12px;margin-top:12px}.service-detail>h2 .ui-icon{width:28px;height:28px;flex-shrink:0;color:var(--purple)}.service-list-title{margin-top:36px;margin-bottom:16px}.service-offer-grid,.service-delivery-grid,.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-offer{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:4px}.service-offer h3,.profile-details h3,.service-delivery-grid h3{font-size:1rem;line-height:1.5}.service-offer p,.profile-details p{font-size:.88rem;margin-top:10px}.service-delivery-grid{margin-top:30px;gap:24px}.service-delivery-grid ul{padding-inline-start:20px;line-height:1.8;font-size:.87rem;margin-top:12px}.service-detail>.button{margin-top:20px}.profile-details{margin-top:38px;padding-top:30px;border-top:1px solid var(--line);gap:30px}.profile-tools{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.profile-tools>h3{font-size:1rem}.profile-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.profile-tool-grid h4{font-size:.82rem;color:var(--purple)}.profile-tool-grid p{font-size:.8rem;margin-top:8px;line-height:1.8;overflow-wrap:anywhere}

[data-theme=light]{--danger:#a51d48}[data-theme=dark]{--danger:#ff93b3}
@media(max-width:699px){.service-offer-grid,.service-delivery-grid,.profile-details,.profile-tool-grid{grid-template-columns:1fr}.service-offer{padding:18px}}
@media(prefers-reduced-motion:reduce){.os-music-panel .os-equalizer span{animation:none!important}}

@media(max-width:699px){.os-brand>.ui-icon{display:none}}

/* Window content owns the full scroll area; only the inner page is bounded. */
:root{--chrome:#f7f8ff;--chrome-active:#3359d7;--window-shadow:0 2px 4px #14245012,0 18px 54px #14245029}
:root[data-theme=dark]{--chrome:#19233f;--chrome-active:#243c83;--window-shadow:0 2px 4px #03081b44,0 20px 60px #03081b70}
.os-shell{font-family:Arial,Helvetica,sans-serif}
.os-topbar,.os-taskbar{background:var(--chrome)}
.os-topbar{min-height:54px;padding-inline:22px}
.os-edition{letter-spacing:.1em;margin-inline-start:9px}
.os-window{border-radius:9px;box-shadow:var(--window-shadow)}
.os-active{border-color:var(--blue);box-shadow:var(--window-shadow),0 0 0 1px #7390ed26}
.os-titlebar{min-height:45px;background:var(--chrome)}
.os-active .os-titlebar{background:var(--chrome-active);color:#fff;border-bottom-color:#7390ed40}
.os-drag-title{font-size:.8rem;font-weight:600;letter-spacing:.025em;padding:10px 14px}
.os-window-controls{gap:3px;padding-inline:7px}
.os-window-controls button{border-color:transparent;width:32px;height:29px;border-radius:4px}
.os-window-controls button:hover{background:#ffffff20;color:inherit}
.os-window-controls [data-action=close]:hover{background:#b73858;color:#fff}
.os-navigation{background:var(--chrome);padding:8px 12px;gap:6px}
.os-nav-button{background:transparent;border-color:transparent;border-radius:5px}
.os-nav-button:hover:not(:disabled){background:var(--soft);border-color:var(--line)}
.os-nav-button:disabled{opacity:.3}
.os-breadcrumb{gap:9px;margin-inline-start:10px}
.os-crumb{font-size:.78rem}
.os-content,[data-device] .os-content{padding:0;width:100%;max-width:none;margin:0;flex:1 1 0;container-type:inline-size;container-name:app-window;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.os-content::-webkit-scrollbar{width:10px;height:10px}
.os-content::-webkit-scrollbar-track{background:transparent}
.os-content::-webkit-scrollbar-thumb{border:3px solid var(--surface);border-radius:10px;background:var(--line)}
.os-content::-webkit-scrollbar-thumb:hover{background:var(--blue)}
.os-view{width:100%;max-width:1440px;margin-inline:auto;padding:30px;min-height:100%}
@supports(padding:1cqw){.os-view{padding:clamp(24px,2.5cqw,44px)}}
.os-view .section{padding-block:0}
.os-content .section-heading{max-width:760px;margin-bottom:28px}
.os-content .section-heading p{max-width:68ch;line-height:1.75;margin-top:15px}
.os-content h2{font-size:2rem;line-height:1.2}
.os-content p{line-height:1.75}
.os-content .eyebrow{font-size:.69rem;letter-spacing:.13em}
.os-content .hero-copy{padding:0}
.os-content .hero-copy h1{font-size:3.3rem;line-height:1.08}
.os-content .hero-intro{font-size:1.04rem;max-width:58ch;margin-top:22px;line-height:1.8}
.os-content .hero-alias{font-size:.92rem;margin-top:14px}
.os-content .hero-actions{margin-top:26px;gap:12px}
.os-content .location{margin-top:22px;color:var(--muted)}
.os-profile-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;margin-bottom:34px}
.os-profile-art{height:190px;min-width:0;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--soft);isolation:isolate}
.os-profile-art>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.os-profile-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b1533f2,#0b153360 58%,#0b153308)}
.os-profile-art figcaption{position:absolute;inset-inline:24px;bottom:22px;display:flex;flex-direction:column;gap:7px;color:#f4f6ff}
.os-profile-art-label{font:600 .64rem/1.5 'Courier New',monospace;letter-spacing:.14em;color:#d0c2ff}
.os-profile-art figcaption strong{font:400 1.45rem/1.2 Georgia,serif;max-width:24ch}
.os-profile-art figcaption>span:last-child{font-size:.7rem;line-height:1.6;color:#dce5ff}
.os-profile-seal{position:absolute;inset-inline-end:20px;top:15px;color:#e4d4ff;font:2rem Georgia,serif;text-shadow:0 2px 8px #11234f}
.os-view[data-page=profile]>#about{padding-top:32px;border-top:1px solid var(--line)}
.os-content .about-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.os-content .about-copy>p{max-width:70ch}
.os-content .personal-note{padding-top:20px;margin-top:24px;gap:12px}
.os-content .personal-note p{font-size:.88rem}
.os-content .experience{background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:24px}
.os-content .experience>h3{font-size:.96rem;margin-bottom:24px}
.os-content .experience li{position:relative;padding-inline-start:17px;border-inline-start:2px solid var(--line)}
.os-content .experience li:before{content:'';position:absolute;inset-inline-start:-5px;top:6px;width:8px;height:8px;background:var(--purple);border:2px solid var(--soft)}
.os-content .experience h4{font-size:.88rem;line-height:1.5}
.os-content .experience p{font-size:.82rem;margin-top:7px}
.os-content .experience-meta{font-size:.73rem;line-height:1.6}
.profile-details{gap:24px;margin-top:32px;padding-top:28px}
.profile-details section{padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.profile-tools{margin-top:28px;padding-top:26px}
.os-content .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.os-content .service,.os-content .project-card,.os-content .creative-card,.social-card,.service-offer{border-radius:7px;box-shadow:none}
.os-content .service{padding:23px;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s}
.service-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:7px;background:var(--soft);color:var(--purple);margin-bottom:19px}
.service-icon .ui-icon{width:23px;height:23px}
.os-content .service h3{font-size:1.02rem;line-height:1.4}
.os-content .service p{font-size:.87rem;margin-top:11px}
.service-category .text-link{margin-top:20px;font-size:.8rem;text-decoration:none}
.service-category:hover{transform:translateY(-2px);box-shadow:0 7px 18px #24376715}
.os-content .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.os-content .project-card{overflow:hidden}
.os-content .project-band{height:100px;padding:24px;background:linear-gradient(115deg,var(--soft),var(--surface))}
.os-content .project-content{padding:24px}
.os-content .project-content h3{font-size:1.15rem;line-height:1.4}
.os-content .project-content p{font-size:.88rem}
.os-content .tags{gap:6px;margin-top:18px}
.os-content .tags span{background:var(--soft);border-color:transparent;border-radius:4px;font-size:.66rem;padding:4px 8px}
.os-content .project-status{font-size:.76rem;margin-top:18px}
.os-content .text-link{font-size:.81rem}
.os-content .button{border-radius:5px;box-shadow:0 2px 0 var(--shadow);padding:11px 18px;min-height:45px}
.os-content .button:hover{box-shadow:0 4px 0 var(--shadow)}
.os-content .creative-grid{gap:20px}
.os-content .creative-card{padding:25px}
.social-grid{gap:14px}
.social-card{padding:18px;min-height:73px;font-size:.88rem;transition:border-color .15s,background .15s}
.social-card>.ui-icon:first-child{width:23px;height:23px}
.service-detail>h2{line-height:1.25;max-width:30ch}
.service-detail>.lead{font-size:1.02rem;max-width:72ch;margin-top:18px}
.service-detail>.scope-note{max-width:80ch}
.service-offer-grid{gap:18px}
.service-offer{padding:24px;background:var(--soft)}
.service-offer h3{font-size:.97rem}
.service-offer p{font-size:.87rem}
.service-delivery-grid>section{padding:24px;border:1px solid var(--line);border-radius:7px}
.os-content .case-header{max-width:880px;margin-top:30px;margin-bottom:32px}
.os-content .case-header h2{font-size:2.5rem}
.os-content .case-layout{gap:28px}
.os-content .case-layout h2{font-size:1.5rem}
.os-content .stage-panel{border-radius:7px;padding:25px}
.os-maximized{inset:8px!important;border-radius:7px}
.os-maximized .os-content{width:100%;max-width:none;margin:0}
.os-app-symbol{border-radius:5px;box-shadow:2px 3px 0 #24376730}
.os-icon{border-radius:7px}
.os-taskbar{gap:10px;padding:8px 16px;min-height:54px}
.os-task,.os-start{border-radius:5px;box-shadow:none}
.os-task[aria-pressed=true]{background:var(--chrome-active);color:#fff;border-color:var(--chrome-active)}
.os-start-menu,.os-audio-settings{border-radius:9px;box-shadow:var(--window-shadow)}
.os-start-item{border-radius:5px}
.os-music-cover{border-radius:7px;box-shadow:none;background:linear-gradient(130deg,var(--soft),var(--surface))}



/* Grids follow the actual window width, including a maximized tablet window. */
@container app-window (min-width:880px){
  .os-profile-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;margin-bottom:40px}
  .os-profile-art{height:340px}
  .os-profile-art figcaption strong{font-size:1.8rem}
  .os-content .hero-copy h1{font-size:4rem}
  .os-content .about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
  .os-content .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .os-content .creative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .os-content .case-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}
  .os-content .case-header h2{font-size:3rem}
  .os-content .contact{max-width:840px;margin:32px auto}
}
@container app-window (min-width:1200px){
  .os-profile-intro{gap:64px}
  .os-profile-art{height:370px}
  .os-content .hero-copy h1{font-size:4.5rem}
  .os-content .hero-intro{font-size:1.13rem}
  .os-content .service-grid,.service-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container app-window (max-width:620px){
  .os-view{padding:24px 20px}
  .os-content .hero-copy h1{font-size:2.75rem}
  .os-content h2{font-size:1.8rem}
  .os-content .hero-intro{font-size:.98rem}
  .os-content .service-grid,.os-content .project-grid,.social-grid,.service-offer-grid,.service-delivery-grid,.profile-details,.profile-tool-grid{grid-template-columns:minmax(0,1fr)}
  .os-content .case-header h2{font-size:2rem}
  .os-content .experience{padding:20px}
  .os-profile-art{height:170px}
  .os-profile-art figcaption{inset-inline:18px;bottom:18px}
  .os-content .project-content,.service-offer,.service-delivery-grid>section{padding:20px}
  
}
@container app-window (max-width:380px){
  .os-view{padding:22px 16px}
  .os-content .hero-copy h1{font-size:2.4rem}
  .os-content .hero-actions{gap:10px}
  .os-content .hero-actions .button{width:100%;font-size:.81rem}
  .os-profile-art figcaption strong{font-size:1.25rem}
}
[dir=rtl] .os-profile-art figcaption strong{font-family:Tahoma,Arial,sans-serif;line-height:1.6;font-size:1.4rem}
@media(max-width:699px){.os-topbar{padding-inline:12px}.os-navigation{padding:6px 8px}.os-breadcrumb{margin-inline-start:0}.os-taskbar{padding:6px 9px}.os-window{border-radius:7px}}
@media(pointer:coarse){.os-window-controls button{min-width:40px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.service-category:hover{transform:none}}

.starfall-game{max-width:880px;margin-inline:auto}
.starfall-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.starfall-heading .eyebrow{margin-bottom:7px}
.starfall-heading h2{font-size:2rem;letter-spacing:-.025em}
.starfall-pause{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink);font-size:.76rem}
.starfall-pause[aria-pressed=true]{border-color:var(--purple);color:var(--purple)}
.starfall-hud{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 15px;background:#1c2543;color:#e5ebff;border:1px solid #40537d;border-bottom:0;border-radius:7px 7px 0 0;font:.77rem/1.5 'Courier New',monospace;font-variant-numeric:tabular-nums}
.starfall-health{color:#ffb1c8}.starfall-coins{color:#efd3a4}.starfall-blade{color:#bdd0ff}.starfall-stamina{color:#cab5f4}
.starfall-stage{position:relative;display:grid;place-items:center;background:#142536;min-height:180px;border:1px solid #40537d;overflow:hidden;isolation:isolate}
.starfall-canvas{display:block;width:100%;height:auto;image-rendering:pixelated;outline-offset:-3px!important;max-width:none;touch-action:none}
.starfall-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:#0a142a8c;backdrop-filter:blur(2px);direction:inherit}
.starfall-overlay-card{width:min(100%,480px);max-height:100%;overflow:auto;padding:26px;border:1px solid #809ad6;background:#151e39f5;box-shadow:0 8px 40px #08132680;border-radius:8px;color:#edf1ff;text-align:start}
.starfall-overlay-kicker{display:block;font:.67rem/1.6 'Courier New',monospace;letter-spacing:.12em;color:#c5b3ed;margin-bottom:11px}
.starfall-overlay-card h3{font:400 1.85rem/1.2 Georgia,serif;color:#f4f2ff}
.os-content .starfall-overlay-card p{font-size:.88rem;line-height:1.7;margin-top:15px;color:#c6d3ef}
.starfall-overlay-card .button{margin-top:22px;background:#a8bdff;color:#142442;border-color:#a8bdff;box-shadow:0 2px 0 #080e24}
.starfall-location{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;padding:11px 15px}
.starfall-area{font-size:.81rem;font-weight:600}.starfall-save{font-size:.67rem;color:var(--muted)}
.starfall-quest{margin-top:19px;padding:14px 17px;border-inline-start:3px solid var(--purple);background:var(--soft);border-radius:0 5px 5px 0}
.starfall-quest>span{font:.64rem/1.5 'Courier New',monospace;letter-spacing:.08em;color:var(--purple)}
.starfall-quest p{font-size:.84rem;margin-top:5px}
.starfall-status{font-size:.75rem;min-height:1.7em;margin-top:9px}
.starfall-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:20px;border:1px solid var(--line);background:var(--soft);border-radius:7px}
.starfall-dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,38px);gap:4px;flex-shrink:0}
.starfall-dpad button,.starfall-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;touch-action:none;user-select:none;-webkit-user-select:none}
.starfall-dpad button{font-size:1.15rem;min-height:38px}
.starfall-dpad [data-rpg-move=up]{grid-column:2;grid-row:1}.starfall-dpad [data-rpg-move=left]{grid-column:1;grid-row:2}.starfall-dpad [data-rpg-move=right]{grid-column:3;grid-row:2}.starfall-dpad [data-rpg-move=down]{grid-column:2;grid-row:3}
.starfall-dpad>span{grid-column:2;grid-row:2;display:grid;place-items:center;color:var(--purple);font-size:1.3rem}
.starfall-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;max-width:440px}
.starfall-actions button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:14px 8px;font-size:1.2rem;min-height:88px}
.starfall-actions [data-rpg=attack]{border-color:var(--blue);color:var(--blue)}
.starfall-actions span{font-size:.76rem;font-weight:600}.starfall-actions small{font:.6rem/1.5 'Courier New',monospace;color:var(--muted)}
.starfall-dpad button:hover,.starfall-actions button:hover{border-color:var(--blue)}
.starfall-dpad button:active,.starfall-actions button:active{background:var(--blue);color:var(--on-blue)}
.starfall-help{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem}
.starfall-help summary{padding:8px 0;color:var(--blue);cursor:pointer}.starfall-help p{font-size:.81rem;margin-top:12px}
[dir=rtl] .starfall-overlay-card{direction:rtl}[dir=rtl] .starfall-overlay-card h3{font-family:Tahoma,Arial,sans-serif;font-size:1.5rem;line-height:1.6}
@container app-window (max-width:620px){
  .starfall-controls{padding:14px;gap:14px;flex-direction:column}
  .starfall-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}
  .starfall-dpad button{min-height:44px}.starfall-actions{width:100%;max-width:400px;gap:8px}
  .starfall-actions button{min-height:80px;padding:12px 6px}
  .starfall-overlay{padding:14px}.starfall-overlay-card{padding:20px}.starfall-overlay-card h3{font-size:1.4rem}
  .os-content .starfall-overlay-card p{font-size:.81rem;margin-top:10px}.starfall-overlay-card .button{margin-top:16px}
  .starfall-game[data-phase=intro] .starfall-stage,.starfall-game[data-phase=dialog] .starfall-stage,.starfall-game[data-phase=won] .starfall-stage,.starfall-game[data-phase=lost] .starfall-stage{min-height:300px}
  .starfall-heading h2{font-size:1.65rem}.starfall-heading{gap:8px}.starfall-pause{padding:8px}
  .starfall-pause>span{display:none}.starfall-hud{font-size:.67rem;padding:10px;gap:7px}.starfall-location{padding:10px;align-items:flex-start;flex-direction:column;gap:3px}
}
@media(pointer:coarse){.starfall-pause,.starfall-dpad button{min-height:44px}}

/* Desktop tools, personal mark, and the archive. */
.os-search-toggle,.os-settings-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:5px;padding:6px 10px;font-size:.75rem}
.os-search-toggle:hover,.os-settings-toggle:hover{border-color:var(--blue);color:var(--blue)}
.os-search-toggle kbd{font:400 .63rem 'Courier New',monospace;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:8px}
.os-settings-toggle{width:36px;padding:6px}.os-brand>.ui-icon{width:26px;height:26px}
.os-personal-emblem{display:flex;align-items:center;gap:10px;color:var(--purple);font:700 .76rem 'Courier New',monospace;letter-spacing:.16em;margin-bottom:22px}
.os-personal-emblem .ui-icon{width:37px;height:37px}.identity-focus{display:flex;flex-wrap:wrap;gap:6px;margin-top:21px}
.identity-focus span{font-size:.73rem;color:var(--blue);border:1px solid var(--line);background:var(--soft);padding:6px 9px;border-radius:4px}
.os-window-menu{position:absolute;top:44px;inset-inline-end:9px;z-index:10;width:250px;max-width:calc(100% - 18px);max-height:calc(100% - 64px);overflow:auto;padding:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:var(--window-shadow)}
.os-window-menu button{min-height:38px;font-size:.72rem;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink)}
.os-window-menu button:hover{border-color:var(--blue);color:var(--blue)}
.os-window-menu [data-window-layout=center]{grid-column:1/-1}
.os-resize-handle{position:absolute;z-index:11;width:18px;height:18px;border:0;background:transparent;padding:0;touch-action:none;color:var(--muted)}
.os-resize-handle::after{content:'';position:absolute;width:6px;height:6px;border:1px solid currentColor;opacity:.5}
.os-resize-handle:hover::after,.os-resize-handle:focus-visible::after{opacity:1;color:var(--blue)}
.os-resize-handle[data-resize=nw]{top:0;left:0;cursor:nwse-resize}.os-resize-handle[data-resize=ne]{top:0;right:0;cursor:nesw-resize}.os-resize-handle[data-resize=sw]{bottom:0;left:0;cursor:nesw-resize}.os-resize-handle[data-resize=se]{bottom:0;right:0;cursor:nwse-resize}
.os-resize-handle[data-resize=nw]::after{top:3px;left:3px;border-right:0;border-bottom:0}.os-resize-handle[data-resize=ne]::after{top:3px;right:3px;border-left:0;border-bottom:0}.os-resize-handle[data-resize=sw]::after{bottom:3px;left:3px;border-right:0;border-top:0}.os-resize-handle[data-resize=se]::after{bottom:3px;right:3px;border-left:0;border-top:0}
.os-maximized .os-resize-handle{display:none}
.os-search-overlay{position:absolute;inset:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:clamp(20px,10vh,100px) 16px 20px;background:#0c173780;backdrop-filter:blur(8px)}
.os-search-dialog{width:680px;max-width:100%;max-height:100%;display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--window-shadow)}
.os-search-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.os-search-dialog h2{font-size:1.5rem}
.os-search-close{display:grid;place-items:center;width:38px;min-height:38px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:5px}
.os-search-dialog label{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.os-search-field{display:flex;align-items:center;gap:10px;padding:0 13px;background:var(--soft);border:1px solid var(--blue);border-radius:6px;flex-shrink:0}.os-search-field>.ui-icon{color:var(--purple)}
.os-search-field input{width:100%;min-width:0;min-height:48px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.9rem}
.os-search-field input:focus-visible{outline-offset:-3px}
.os-search-results{margin-top:14px;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px}
.os-search-results button{display:flex;align-items:center;gap:13px;text-align:start;width:100%;padding:12px;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:6px}
.os-search-results button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.os-search-results b{font-size:.87rem;line-height:1.5;font-weight:500}.os-search-results small{font-size:.7rem;color:var(--muted)}
.os-search-results button>.ui-icon:first-child{color:var(--purple);flex-shrink:0}.os-search-results button>.ui-icon:last-child{width:15px;color:var(--muted);flex-shrink:0}
.os-search-results button:hover,.os-search-results button[aria-pressed=true]{border-color:var(--line);background:var(--soft)}
.os-search-dialog footer{font-size:.67rem;color:var(--muted);margin-top:15px;line-height:1.7}.os-search-empty{font-size:.88rem;margin:20px 0}
.journal-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.journal-filters button,.journal-bookmark,.note-byline button{display:inline-flex;align-items:center;gap:7px;min-height:38px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:7px 11px;font-size:.74rem}
.journal-filters button[aria-pressed=true],.journal-bookmark[aria-pressed=true],.note-byline button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.journal-card{padding:24px;border:1px solid var(--line);border-radius:7px;background:var(--soft);display:flex;flex-direction:column;align-items:flex-start}
.journal-card>a{color:var(--ink);text-decoration:none;display:block;flex:1}.journal-card h3{font:400 1.25rem/1.4 Georgia,serif;margin:12px 0}.journal-card p{font-size:.86rem;line-height:1.8;color:var(--muted)}.journal-card .journal-bookmark{margin-top:22px;background:var(--surface)}
.journal-card .ui-icon,.note-byline .ui-icon{width:16px;height:16px}.journal-empty{font-size:.85rem;color:var(--muted);padding:24px 0}
.journal-note{max-width:780px;margin-inline:auto}.journal-note h2{font-size:2.2rem;line-height:1.25;margin-top:14px}.note-byline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:24px 0;color:var(--muted);font-size:.76rem}
.journal-prose{font-size:.98rem;line-height:1.9}.journal-prose p{margin-top:20px}.journal-note .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:30px}
.archive-discovery{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:22px;border-top:1px dashed var(--line);color:var(--muted);font-size:.7rem;flex-wrap:wrap}
.archive-discovery button{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--line);background:var(--soft);color:var(--purple);border-radius:6px;padding:8px 12px;font-size:.72rem}.archive-discovery .ui-icon{width:17px;height:17px}.archive-discovery button:disabled{color:var(--muted);opacity:.8;cursor:default}
.desktop-tools,.archive-progress,.desktop-wallpapers{padding-top:26px;margin-top:26px;border-top:1px solid var(--line)}.os-settings-panel h3{font-size:1rem;margin-bottom:15px}.os-settings-panel p{font-size:.86rem;line-height:1.8;color:var(--muted)}.desktop-tools>div{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.desktop-tools button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:5px;font-size:.75rem}.desktop-tools button:disabled{opacity:.4;cursor:default}.desktop-tools button .ui-icon{width:16px;height:16px}
.archive-badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.archive-badges span{padding:8px 11px;font-size:.72rem;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--soft)}.archive-badges [data-earned=true]{color:var(--purple);border-color:var(--purple)}
.wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wallpaper-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:7px;text-align:start}.wallpaper-grid b{font-size:.78rem}.wallpaper-grid small{font-size:.68rem;color:var(--muted)}.wallpaper-grid button:disabled{opacity:.55;cursor:default}.wallpaper-grid button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.wallpaper-swatch{width:100%;height:68px;display:block;border-radius:4px;background:linear-gradient(150deg,#cbdff9,#7987c3,#4a5377)}
[data-wallpaper=blue] .wallpaper-swatch{background:radial-gradient(ellipse at 75% 15%,#779efd,transparent 50%),linear-gradient(140deg,#2347a5,#101e50)}
[data-wallpaper=purple] .wallpaper-swatch{background:radial-gradient(ellipse at 80% 25%,#d6b8ff,transparent 30%),linear-gradient(150deg,#393281,#18133e)}
[data-wallpaper=starlight] .wallpaper-swatch{background:radial-gradient(circle at 30% 40%,#f3e4ff 0 1px,transparent 2px),radial-gradient(circle at 70% 25%,#aee5ff 0 1px,transparent 2px),linear-gradient(140deg,#1c4769,#2d174e)}
.os-shell[data-wallpaper=blue] .os-wallpaper,.os-shell[data-wallpaper=purple] .os-wallpaper,.os-shell[data-wallpaper=starlight] .os-wallpaper{opacity:0}
.os-shell[data-wallpaper=blue]{background:radial-gradient(ellipse at 80% 20%,#93bcff,transparent 55%),linear-gradient(150deg,#dbe8ff,#9fb6e9 55%,#718dd0)}
.os-shell[data-wallpaper=purple]{background:radial-gradient(ellipse at 80% 15%,#f1dcff,transparent 40%),linear-gradient(150deg,#e1d9ff,#b4a5e3 65%,#847ec7)}
.os-shell[data-wallpaper=starlight]{background:radial-gradient(circle at 17% 23%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 35%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 85% 10%,#bfebef,transparent 50%),linear-gradient(135deg,#d2e5fa,#b9b7e7)}
[data-theme=dark] .os-shell[data-wallpaper=blue]{background:radial-gradient(ellipse at 80% 20%,#365fa5,transparent 55%),linear-gradient(150deg,#14274f,#101b3a 65%,#0b1530)}
[data-theme=dark] .os-shell[data-wallpaper=purple]{background:radial-gradient(ellipse at 80% 15%,#625395,transparent 45%),linear-gradient(150deg,#282148,#181a3a 65%,#11132b)}
[data-theme=dark] .os-shell[data-wallpaper=starlight]{background:radial-gradient(circle at 17% 23%,#d7e5ff 0 1px,transparent 2px),radial-gradient(circle at 76% 35%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 80% 10%,#254e64,transparent 50%),linear-gradient(135deg,#122a46,#1f163a)}
.consultation-card{margin-top:34px;padding:24px;border:1px solid var(--line);background:var(--soft);border-radius:7px}.consultation-card>.ui-icon{color:var(--purple);width:27px;height:27px}.consultation-card h3{font-size:1.25rem;margin:12px 0}.consultation-card p{font-size:.89rem;line-height:1.8;margin-bottom:18px}
@media(min-width:1100px) and (max-height:1050px){.os-icons{grid-template-columns:repeat(2,minmax(0,1fr));width:184px;gap:7px}.os-icon{font-size:.7rem}}
@media(min-width:700px) and (max-width:1099px){.os-icons{width:calc(100% - 24px);max-width:800px;display:flex;overflow-x:auto;justify-content:flex-start;gap:5px;scrollbar-width:thin}.os-icon{flex:0 0 66px;min-width:0;font-size:.68rem}}
@media(max-width:699px){.os-topbar{padding-inline:10px;gap:7px}.os-top-actions{gap:5px}.os-edition{display:none}.os-search-toggle{width:36px;padding:6px}.os-search-toggle span,.os-search-toggle kbd{display:none}.os-brand>.ui-icon{display:block;width:23px;height:23px}.os-brand{font-size:.71rem;gap:5px}.os-window-controls{gap:0;padding-inline:4px}.os-window-controls button{width:29px}.os-drag-title{padding-inline:9px;gap:6px;font-size:.72rem}.os-drag-title>.ui-icon{width:17px;height:17px;flex-shrink:0}.os-resize-handle{width:22px;height:22px}.os-search-dialog{padding:17px}.os-search-dialog h2{font-size:1.35rem}.os-search-dialog footer{font-size:.62rem}}
@container app-window (max-width:620px){.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-card{padding:20px}.journal-note h2{font-size:1.8rem}.consultation-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.os-search-overlay{backdrop-filter:none}}
.journal-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:22px;width:100%}.journal-card-actions .journal-bookmark{margin-top:0}.journal-card h3 a{text-decoration:none}.journal-card h3 a:hover{color:var(--blue)}