*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Prompt,system-ui,sans-serif}body{font-family:Inter,Prompt,system-ui,sans-serif;font-weight:400;background:#f3f4f6;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[data-theme=warm] body{background:#f0ebe3;color:#2c2018}::selection{background:#3b82f626;color:#111827}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b73}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61f!important;transition:border-color .15s,box-shadow .15s}[data-theme=warm] .nav{background:#281c16f7;border-bottom:1px solid rgba(245,200,150,.08);box-shadow:0 2px 16px #2c1f1838}[data-theme=warm] .nav-brand{color:#f5dfc8}[data-theme=warm] .nav-brand:hover{color:#fff}[data-theme=warm] .nav-search-input{border-color:#4a3328;background:#3d2b22;color:#f0e0d0}[data-theme=warm] .nav-search-input::placeholder{color:#7a5a4a}[data-theme=warm] .nav-search-input:focus{border-color:#9a6850!important;background:#4a3228;box-shadow:0 0 0 3px #9a68502e!important}[data-theme=warm] .nav-link{color:#b09080}[data-theme=warm] .nav-link:hover{color:#f0d8c0;background:#f5c89617}[data-theme=warm] .nav-link.active{color:#f5dfc8;background:#f5c8962b;box-shadow:0 0 0 1px #f5c8961a inset}[data-theme=warm] .nav-logout{border-color:#4a3328;color:#9a7060}[data-theme=warm] .nav-logout:hover{border-color:#7a5040;color:#f0d8c0;background:#f5c89614}[data-theme=warm] .nav-links{border-top-color:#3d2b22}[data-theme=warm] .footer{background:linear-gradient(90deg,#e4dbd0,#ede8e0,#e4dbd0);border-top-color:#d2c8bc;color:#b5a898}[data-theme=warm] .project-card:hover{box-shadow:0 12px 36px #3c230f21,0 2px 8px #3c230f0f!important}[data-theme=warm] .login-key:hover{background:#f0e8de!important;border-color:#c8b5a2!important}[data-theme=warm] .login-key:active{background:#e8ddd4!important}[data-theme=warm] .login-enter:hover{background:#3d2b22!important}[data-theme=warm] .login-enter:active{background:#1e120c!important}.nav{display:flex;align-items:center;padding:0 24px;height:54px;background:#1e293b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;gap:12px;position:sticky;top:0;z-index:10;box-shadow:0 1px #ffffff0f,0 4px 20px #00000040;border-bottom:1px solid rgba(255,255,255,.06)}.nav-brand{font-weight:700;font-size:15px;letter-spacing:.06em;flex-shrink:0;color:#f1f5f9;transition:color .15s;text-transform:uppercase}.nav-brand:hover{color:#fff}.nav-search{flex:1;max-width:260px}.nav-search-input{width:100%;padding:6px 14px;border-radius:6px;border:1px solid #334155;background:#273548;color:#e2e8f0;font-size:13px;font-family:inherit;outline:none}.nav-search-input::placeholder{color:#64748b}.nav-search-input:focus{border-color:#3b82f6!important;background:#2d3f55;box-shadow:0 0 0 3px #3b82f62e!important}.nav-links{display:flex;gap:2px;margin-left:auto}.nav-link{background:none;border:none;color:#94a3b8;font-size:13.5px;font-weight:500;cursor:pointer;padding:6px 14px;border-radius:6px;font-family:inherit;transition:color .15s,background .15s;letter-spacing:.01em}.nav-link:hover{color:#e2e8f0;background:#ffffff12}.nav-link.active{color:#f1f5f9;background:#3b82f62e;box-shadow:0 0 0 1px #3b82f626 inset}.nav-logout{background:none;border:1px solid #334155;color:#64748b;font-size:13px;cursor:pointer;padding:5px 14px;border-radius:6px;font-family:inherit;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.nav-logout:hover{border-color:#475569;color:#e2e8f0;background:#ffffff12}@media (max-width: 600px){.nav{flex-wrap:wrap;height:auto;padding:10px 16px 0;gap:0}.nav-brand{order:1;flex:1;padding-bottom:10px}.nav-logout{order:2;padding-bottom:10px}.nav-search{display:none}.nav-links{order:3;margin-left:0;width:100%;border-top:1px solid #273548;padding:4px 0;justify-content:space-around}.nav-link{font-size:12px;padding:6px 8px;flex:1;text-align:center}.nav-link-no-mobile{display:none}.projects-grid{grid-template-columns:1fr!important}.col-toggle{display:none!important}}.col-toggle{display:flex}select,option,optgroup{font-family:Inter,Prompt,system-ui,sans-serif;font-style:normal}.sort-btn-custom{display:inline-block}@media (max-width: 640px){.sort-btn-custom{display:none}.action-bar{flex-wrap:wrap;gap:8px}.action-side-sort{flex:0 0 100%}.action-result-count{flex:1!important;margin-left:0!important;text-align:left}.action-side-right{flex:0 0 auto!important}}.footer{position:fixed;bottom:0;left:0;right:0;height:22px;background:#e5e7eb;border-top:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:10px;color:#9ca3af;letter-spacing:.05em;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.project-card{transition:transform .2s ease,box-shadow .2s ease!important}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a,0 2px 8px #0000000d!important}button{font-family:inherit}.login-key{transition:background .12s ease,transform .1s ease,border-color .12s ease}.login-key:hover{background:#f9fafb!important;border-color:#d1d5db!important}.login-key:active{background:#f3f4f6!important;transform:scale(.95)}.login-enter{transition:background .15s ease,transform .1s ease,letter-spacing .15s ease}.login-enter:hover{background:#1e3a5f!important;letter-spacing:.1em}.login-enter:active{background:#0f1f33!important;transform:scale(.98)}.cat-wrap{display:flex;justify-content:center;align-items:flex-end;height:88px}.cat-body-wrap{position:relative;width:60px;animation:cat-float 3.5s ease-in-out infinite}.cat-head{width:54px;height:48px;background:#94a3b8;border-radius:50%;position:relative;margin:0 auto}.cat-ear{position:absolute;top:-12px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid #94a3b8;z-index:1}.cat-ear-l{left:2px;transform:rotate(-12deg)}.cat-ear-r{right:2px;transform:rotate(12deg)}.cat-eyes{display:flex;justify-content:center;gap:13px;padding-top:15px}.cat-eye{width:7px;height:7px;background:#1e293b;border-radius:50%;animation:cat-blink 5s ease-in-out infinite}.cat-nose{width:7px;height:5px;background:#fca5a5;border-radius:50% 50% 45% 45%;margin:5px auto 0}.cat-mouth{width:10px;height:5px;border:1.5px solid #64748b;border-top:none;border-radius:0 0 8px 8px;margin:2px auto 0}.cat-torso{width:44px;height:38px;background:#94a3b8;border-radius:50% 50% 45% 45%;margin:-6px auto 0;position:relative}.cat-tail{position:absolute;bottom:6px;right:-24px;width:34px;height:13px;background:#94a3b8;border-radius:0 50% 50% 0;transform-origin:left center;animation:cat-tail 2.4s ease-in-out infinite}@keyframes cat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cat-blink{0%,85%,to{transform:scaleY(1)}90%{transform:scaleY(.08)}}@keyframes cat-tail{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}