.project-view-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-view-label{color:var(--faint);font:10px monospace;letter-spacing:.12em}.project-view-bar>div{display:flex;flex-wrap:wrap;gap:6px}.project-view-bar button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;transition:background .16s ease-out,color .16s ease-out}.project-view-bar button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}.project-view-bar small{font:10px monospace;opacity:.65}.projects-page .project-card{position:relative;transition:transform .28s cubic-bezier(.22,1,.36,1)}.projects-page .project-card:hover{transform:translateY(-4px)}.projects-page .project-card-art{isolation:isolate;position:relative;background:radial-gradient(ellipse at 65% 15%,rgba(101,146,201,.24),transparent 65%),linear-gradient(135deg,#0d3249,#071321 62%,#231d48)}.projects-page .project-card-art:before{border-color:rgba(135,193,224,.3);transform:rotate(-24deg)}.projects-page .project-card-art:after{border-color:rgba(149,126,214,.27)}.projects-page .project-card-art>span{color:#d9e6ed;font-size:clamp(46px,6vw,74px);text-shadow:0 0 32px rgba(117,157,230,.18)}.project-card-register{position:absolute;top:18px;left:20px;font:8px monospace;letter-spacing:.1em;color:#91afc2}.project-card-open{display:grid;position:absolute;right:18px;bottom:18px;width:36px;height:36px;place-items:center;border:1px solid rgba(165,200,224,.32);color:#d4e3f1;font-size:17px;font-weight:400;transition:transform .22s ease-out,background .22s ease-out}.project-card:hover .project-card-open{transform:rotate(45deg);background:rgba(134,172,220,.12)}.projects-page .project-card-body{border-bottom:1px solid var(--line);padding-bottom:18px}.projects-page .create-project-form{animation:project-form-enter .24s cubic-bezier(.22,1,.36,1) both}@keyframes project-form-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width:600px){.project-view-bar{margin-top:24px;gap:12px}.project-view-bar button{padding-inline:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.project-card-open,.project-view-bar button,.projects-page .project-card{transition:none}.projects-page .create-project-form{animation:none}}