@media(min-width:1700px) {
  .desktop-intro {
    right:12%;
    top:24%;
  }
  .desktop-icons {
    top:50px;
    left:46px;
  }
}

@media(max-width:1050px) {
  .desktop-intro {
    right:7%;
    width:390px;
  }
  .system-icons {
    gap:12px;
  }

  .dock {
    max-width:calc(100% - 30px);
  }
  .dock-item {
    width:49px;
  }
  .desktop-intro h1 {
    font-size:49px;
  }
}

@media(max-width:700px) {
  :root {
    --top:48px;
    --bottom:101px;
  }
  .system-bar {
    padding:0 15px;
  }
  .panel-left {
    gap:17px;
  }

  .panel-button {
    font-size:12px;
    min-height:44px;
  }
  .places-toggle,.system-icons {
    display:none;
  }
  .clock {
    position:static;
    transform:none;
    font-size:11px;
  }
  .desktop-icons {
    left:22px;
    right:22px;
    top:auto;
    bottom:134px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
  }
  .desktop-icon {
    width:100%;
    min-height:94px;
    font-size:12px;
    padding:9px 2px;
    gap:11px;
  }
  .desktop-icon .app-icon {
    width:52px;
    height:52px;
  }
  .desktop-intro {
    top:12%;
    right:auto;
    left:9%;
    width:82%;
  }
  .desktop-intro h1 {
    font-size:clamp(32px,8vw,53px);
    letter-spacing:-1.8px;
  }

  .intro-title {
    font-size:10px;
    letter-spacing:1.8px;
    margin-top:19px;
  }

  .dock {
    height:73px;
    bottom:max(16px,env(safe-area-inset-bottom));
    padding:8px 9px 12px;
    gap:5px;
    border-radius:19px;
    overflow-x:auto;
    overflow-y:hidden;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .dock-item {
    width:47px;
    height:52px;
  }
  .dock-item .app-icon {
    width:43px;
    height:43px;
    border-radius:11px;
  }
  .dock-item .app-icon svg {
    width:27px;
    height:27px;
  }
  .dock-tooltip {
    display:none;
  }
  .dock-divider {
    margin:0 3px;
    flex:none;
  }
  .dock-item:hover .app-icon {
    transform:none;
  }
  #windows {
    inset:6px 7px var(--bottom);
  }
  .window {
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0;
    backdrop-filter:none;
    background:#19222c;
    border-radius:11px;
  }
  .titlebar {
    min-height:51px;
    padding-left:13px;
  }
  .window-title {
    font-size:12px;
  }
  .window-control {
    width:44px;
    height:44px;
    min-width:44px;
  }
  .maximize-control {
    display:none;
  }
  .window-controls {
    gap:0;
    margin-left:3px;
  }
  .files-sidebar {
    width:64px;
    padding:18px 7px;
  }
  .sidebar-heading,.sidebar-button>span:not(.inline-icon),.sidebar-footer {
    display:none;
  }
  .sidebar-button {
    justify-content:center;
    padding:10px 0;
    min-height:44px;
  }
  .sidebar-button .inline-icon {
    width:20px;
    height:20px;
  }
  .files-toolbar {
    padding:0 6px;
    min-height:53px;
    height:53px;
    gap:0;
  }
  .files-toolbar .icon-button {
    min-width:44px;
    width:44px;
    height:44px;
  }
  .breadcrumbs {
    padding-left:2px;
    gap:7px;
    font-size:11px;
  }
  .breadcrumb {
    font-size:11px;
    gap:5px;
  }
  .breadcrumb .inline-icon {
    display:none;
  }
  .files-view {
    padding:22px 14px;
  }
  .folder-heading h3 {
    font-size:21px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1px;
  }
  .file-grid {
    grid-template-columns:1fr;
    gap:10px;
  }
  .file-item,.project-item {
    min-height:91px;
    display:grid;
    grid-template-columns:40px 1fr;
    grid-template-rows:auto auto;
    padding:15px 12px;
    column-gap:12px;
  }
  .file-item .app-icon {
    grid-row:1/3;
    width:39px;
    height:39px;
    margin:0;
  }
  .file-name {
    font-size:12px;
  }
  .file-meta {
    font-size:10px;
  }
  .file-open {
    display:none;
  }
  .files-status {
    font-size:9px;
    padding:8px 13px;
  }
  .notifications {
    bottom:106px;
    right:16px;
  }
  .notification .icon-button {
    min-width:36px;
    height:36px;
  }
  .menu-item {
    min-height:44px;
  }
  .popup-menu {
    max-height:calc(100dvh - 70px);
    overflow:auto;
  }
  .icon-button {
    min-width:44px;
    height:44px;
  }
  .button {
    min-height:44px;
  }
}

@media(max-width:700px) and (max-height:740px) {
  .desktop-intro {
    top:7%;
  }

  .intro-title {
    margin-top:16px;
  }
  .desktop-icons {
    bottom:125px;
  }

}

@media(max-height:610px) {
  .desktop-intro {
    top:8%;
  }

  .desktop-icons {
    gap:3px;
    top:12px;
  }
  .desktop-icon {
    min-height:81px;
  }
  .desktop-icon .app-icon {
    width:42px;
    height:42px;
  }

}

@media(max-width:700px) and (max-height:610px) {
  .desktop-icons {
    left:12px;
    right:auto;
    top:12px;
    bottom:auto;
    display:flex;
    flex-direction:column;
    width:72px;
  }
  .desktop-icon {
    min-height:66px;
    gap:3px;
    font-size:10px;
  }
  .desktop-icon .app-icon {
    width:35px;
    height:35px;
  }
  .desktop-icon .app-icon svg {
    width:22px;
    height:22px;
  }
  .desktop-intro {
    left:29%;
    width:67%;
    top:9%;
  }
  .desktop-intro h1 {
    font-size:32px;
  }

  .intro-title {
    font-size:9px;
  }

}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

@media(max-width:700px) {
  .project-preview {
    min-height:180px;
  }
  .preview-fallback {
    padding:20px;
    gap:18px;
  }
  .preview-fallback>.app-icon {
    width:59px;
    height:59px;
    border-radius:15px;
  }
  .preview-fallback>.app-icon svg {
    width:33px;
    height:33px;
  }
  .preview-name {
    font-size:22px;
  }
  .preview-caption .eyebrow {
    font-size:8px;
  }
  .preview-note {
    font-size:9px;
    left:18px;
  }
  .project-body {
    padding:23px 20px;
  }
  .project-heading h3 {
    font-size:24px;
  }
  .project-description {
    font-size:14px;
  }
  .feature-list {
    grid-template-columns:1fr;
    gap:13px;
  }
  .feature-list li {
    font-size:13px;
  }
  .project-actions .button {
    font-size:12px;
  }
  .project-actions .text-button {
    margin-left:0;
  }
  .about-app {
    padding:27px 23px;
  }
  .about-identity h3 {
    font-size:25px;
  }
  .about-bio {
    font-size:14px;
  }
  .system-detail {
    grid-template-columns:85px 1fr;
    font-size:12px;
  }
  .system-detail .tag {
    font-size:11px;
  }
  .about-actions .button {
    font-size:12px;
  }
  .contacts-app {
    padding:28px 22px;
  }
  .contacts-heading h3 {
    font-size:31px;
  }
  .contact-row {
    gap:12px;
    min-height:79px;
  }
  .contact-label {
    font-size:12px;
  }
  .contact-value {
    font-size:13px;
  }
  .contact-open {
    min-height:44px;
    min-width:44px;
  }
  .resume-placeholder {
    padding:30px 20px;
  }
  .resume-placeholder h3 {
    font-size:23px;
  }
  .resume-toolbar .button {
    min-height:44px;
  }
}

@media(max-width:380px) {
  .files-toolbar>.icon-button:nth-child(2) {
    display:none;
  }
}