:root{--bg:#f2edeb;--text:#34403a;--blue:#3d4a7c;--rose:#c4507a;--amber:#b8832a;--white:#fff;--card-shadow:0 2px 10px #34403a26}@layer base{*{box-sizing:border-box;margin:0;padding:0}}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;font-size:18px}header{background-color:var(--blue);color:var(--white);z-index:10;align-items:center;gap:1.5rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0003}.upload-btn{border:2px solid var(--white);color:var(--white);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:.4rem 1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}a.upload-btn,a.upload-btn:link,a.upload-btn:visited{color:var(--white);text-decoration:none}.upload-btn:hover{background:#ffffff26}@media (width<=960px){header{padding:.65rem 1rem}}.nav-hamburger{color:var(--white);cursor:pointer;background:0 0;border:2px solid #ffffffb3;border-radius:6px;flex-direction:column;flex-shrink:0;gap:4px;padding:.45rem .6rem;transition:background .15s;display:flex}.nav-hamburger span{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.nav-hamburger:hover{background:#ffffff26}.nav-mobile-menu{background:var(--white);z-index:200;border-top:2px solid #0000000f;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 6px 20px #0000002e}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--text);border-bottom:1px solid #eee;padding:.9rem 1.25rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:background .1s;display:block}.nav-mobile-menu a:last-child{border-bottom:none}.nav-mobile-menu a:hover{background:var(--bg)}.nav-mobile-menu .nav-upload-item{color:var(--blue);border-top:2px solid var(--bg);margin-top:.25rem}.name-limit-hint{color:var(--blue);margin-top:.2rem;font-size:.8rem;display:none}