#projects-index-view,#friends-view{min-height:calc(100vh - 78px)}.friends-empty{position:relative;min-height:330px;padding:42px 24px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--ink);border-radius:4px;background-color:#f2eee5;background-image:radial-gradient(rgba(24,38,31,.13) 1px,transparent 1px);background-size:14px 14px;box-shadow:7px 7px 0 var(--purple)}.friends-empty:before{content:'';position:absolute;inset:10px;border:1px dashed rgba(24,38,31,.28);pointer-events:none}.friends-empty h2{position:relative;max-width:620px;margin:10px 0 7px;font-size:31px;letter-spacing:-.045em}.friends-empty>p:not(.empty-kicker){position:relative;max-width:520px;margin:0;line-height:1.55}.empty-kicker{position:relative;margin:16px 0 0!important;padding:5px 8px;background:var(--ink);color:var(--green);font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.12em;opacity:1!important}.empty-scene{position:relative;width:230px;height:105px}.project-scene .retro-folder{position:absolute;left:35px;top:15px;width:158px;height:86px;padding:20px 12px 10px;border:3px solid var(--ink);background:var(--green);box-shadow:7px 7px 0 var(--ink);transform:rotate(-3deg)}.project-scene .retro-folder:before{content:'';position:absolute;left:12px;top:-16px;width:67px;height:17px;border:3px solid var(--ink);border-bottom:0;background:var(--green)}.retro-folder span{font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.retro-folder i{position:absolute;right:13px;bottom:10px;width:29px;height:29px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--paper);font-style:normal;font-weight:900}.project-scene>b{position:absolute;left:7px;bottom:4px;font-size:34px;transform:rotate(-12deg)}.project-scene>em{position:absolute;right:2px;top:0;width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--purple);color:white;font-style:normal;box-shadow:3px 3px 0 var(--ink)}.friends-scene{display:flex;align-items:center;justify-content:center;gap:9px}.friends-scene span{width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--purple);color:white;font-weight:900;box-shadow:4px 4px 0 var(--ink);transform:rotate(-5deg)}.friends-scene span:nth-child(2){background:var(--green);color:var(--ink);transform:translateY(14px) rotate(5deg)}.friends-scene span:nth-child(3){background:var(--orange);transform:rotate(8deg)}.friends-scene i{position:absolute;right:7px;top:0;padding:5px 9px;border:2px solid var(--ink);background:white;font-style:normal;font-weight:900}.empty-action{position:relative;margin-top:20px;padding:13px 18px;border:2px solid var(--ink);border-radius:2px;background:var(--green);box-shadow:4px 4px 0 var(--ink);font-size:11px;font-weight:900}.empty-action:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.app-footer{width:100%;margin-top:90px;padding:48px max(24px,calc((100% - 1240px)/2)) 22px;background:var(--ink);color:var(--white)}.footer-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;align-items:start}.footer-brand{width:max-content;color:white;text-decoration:none;font-size:27px;font-weight:900}.footer-brand small{margin-left:5px;padding:4px 6px;background:var(--green);color:var(--ink);font-size:8px;transform:rotate(-3deg)}.footer-top p{margin:0;font-size:25px;font-weight:800;line-height:1.15;letter-spacing:-.04em}.footer-top nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-top nav button{padding:4px 0;border:0;background:none;color:white;font-size:11px;font-weight:800}.footer-top nav button:hover{color:var(--green)}.footer-bottom{margin-top:44px;padding-top:15px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);font:700 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.55)}@media(max-width:760px){.friends-empty{min-height:390px;padding-inline:18px}.friends-empty h2{font-size:26px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top p{font-size:22px}.footer-top nav{flex-direction:row;gap:18px}.footer-bottom{flex-direction:column}.app-footer{margin-top:60px}}