/* macOS 26 as it looks on a Mac, for the films: a Finder window and a
   context menu. Measured from real captures at 2× (13 pt type → 26 px).
   Colours are the system's own: accent #007AFF, selection #0064E1, labels
   at 85% black. The type is the Mac's own (SF) wherever the page is seen
   on a Mac. */
.mac{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;color:rgba(0,0,0,.85);-webkit-font-smoothing:antialiased}
.mac-win{position:absolute;border-radius:32px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 44px 90px -24px rgba(0,0,0,.32),0 8px 24px rgba(0,0,0,.08);overflow:hidden}
.mac-side{position:absolute;left:16px;top:16px;bottom:16px;width:258px;border-radius:24px;background:#F5F5F5;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.05);padding-top:96px}
.mac-lights{position:absolute;left:24px;top:26px;display:flex;gap:20px}
.mac-lights i{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.mac-lights i:nth-child(1){background:#FF5F57}.mac-lights i:nth-child(2){background:#FEBC2E}.mac-lights i:nth-child(3){background:#28C840}
.mac-side h5{margin:22px 0 4px 32px;font-size:22px;font-weight:600;color:rgba(0,0,0,.5)}
.mac-side p{display:flex;align-items:center;gap:20px;height:58px;margin:0 10px;padding:0 22px;border-radius:14px;font-size:26px;white-space:nowrap}
.mac-side p.on{background:rgba(0,0,0,.075)}
.mac-side p.on svg{color:#007AFF}
.mac-side svg{width:34px;height:34px;flex:none;color:rgba(0,0,0,.75)}
.mac-bar{position:absolute;left:290px;right:16px;top:16px;height:72px;display:flex;align-items:center;gap:20px}
.mac-cap{height:72px;display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:36px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.08)}
.mac-cap b{width:52px;height:52px;display:grid;place-items:center;border-radius:26px}
.mac-cap b.on{background:rgba(0,0,0,.08)}
.mac-cap svg{width:34px;height:34px;color:rgba(0,0,0,.8)}
.mac-cap.dim svg{color:rgba(0,0,0,.3)}
.mac-title{font-size:30px;font-weight:600;margin-left:6px;margin-right:auto}
.mac-items{position:absolute;left:290px;right:0;top:110px;bottom:0}
.mac-item{position:absolute;width:200px;text-align:center;font-size:25px;will-change:transform,opacity}
.mac-art{height:130px;width:150px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:16px}
.mac-item b{display:inline-block;max-width:196px;margin-top:10px;padding:2px 9px;border-radius:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.mac-item.sel .mac-art{background:#DCDCDC}
.mac-item.sel b{background:#0064E1;color:#fff}
.mac-photo{width:120px;height:84px;border-radius:5px;background:url(assets/overview/photo.jpg) center/cover;box-shadow:0 0 0 1px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.18)}
.mac-doc{position:relative;width:88px;height:112px;background:#fff;border-radius:6px;box-shadow:0 0 0 1.5px #D2D2D2,0 3px 8px rgba(0,0,0,.08);clip-path:polygon(-4% -4%,70% -4%,104% 26%,104% 104%,-4% 104%)}
.mac-doc::before{content:"";position:absolute;right:-1px;top:-1px;width:28px;height:28px;background:linear-gradient(225deg,transparent 50%,#E6E6E6 50%);border-bottom-left-radius:4px}
.mac-doc i{position:absolute;left:18px;right:18px;top:34px;height:30px;background:repeating-linear-gradient(#CFCFCF 0 3px,transparent 3px 9px)}
.mac-doc em{position:absolute;left:0;right:0;bottom:12px;font:500 15px/1 -apple-system,"Helvetica Neue",sans-serif;font-style:normal;color:#9A9A9A;letter-spacing:.02em}
.mac-folder{position:relative;width:128px;height:100px}
.mac-folder::before{content:"";position:absolute;left:4px;top:4px;width:50px;height:20px;border-radius:7px 10px 0 0;background:#5FA9EE}
.mac-folder::after{content:"";position:absolute;left:0;right:0;top:14px;bottom:0;border-radius:9px;background:linear-gradient(#8CC8F8,#69B0F0);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 2px 4px rgba(0,60,140,.15)}
.mac-menu{position:absolute;min-width:420px;padding:10px;border-radius:24px;background:rgba(250,250,250,.94);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);box-shadow:0 0 0 1px rgba(0,0,0,.13),0 20px 50px rgba(0,0,0,.2);font-size:26px;transform-origin:0 0;opacity:0}
.mac-menu div{height:48px;display:flex;align-items:center;gap:14px;padding:0 22px;border-radius:12px;white-space:nowrap}
.mac-menu div svg{width:24px;height:24px;margin:0 3px;flex:none;color:rgba(0,0,0,.8)}
.mac-menu div.hi{background:#007AFF;color:#fff}
.mac-menu div.hi svg{color:#fff}
.mac-menu .more{margin-left:auto;width:18px;height:18px}
.mac-menu hr{border:0;border-top:2px solid rgba(0,0,0,.1);margin:8px 22px}