*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#17294f;color:#f4f4f6}.login-page{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}.login-page .form{width:100%;text-align:left}.login-logo{width:88px;height:88px;margin-bottom:.5rem}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-toggle{display:none;background:transparent;color:#f4f4f6;font-size:1.4rem;line-height:1;padding:.3rem .5rem}.navbar a{color:#ffcb05;text-decoration:none;font-weight:600}.navbar-brand{display:flex;align-items:center;gap:.5rem}.navbar-logo{width:28px;height:28px}.navbar-right{display:flex;align-items:center;gap:1rem}.page{padding:2rem 1.5rem;max-width:420px}.page-wide{max-width:1100px}.form-row{flex-direction:row}.form-row input{flex:1}.checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important}.form{display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.form input{padding:.5rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;font-size:1rem}button{padding:.55rem 1rem;border-radius:6px;border:none;background:#ffcb05;color:#17294f;font-weight:600;cursor:pointer}.error{color:#ff7b7b;font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.card-tile{display:flex;flex-direction:column;gap:.4rem;background:#ffffff0d;border-radius:8px;padding:.6rem}.card-tile img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:4px}.card-tile-info{display:flex;flex-direction:column;font-size:.85rem}.card-tile-name{font-weight:600}.card-tile-set{opacity:.7;font-size:.75rem}.fav-btn{background:#ffffff1a;color:#f4f4f6}.fav-btn-active{background:#ffcb05;color:#17294f}.binder-list,.page-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.binder-tile,.page-tile{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border-radius:8px;padding:.7rem 1rem}.binder-tile a{color:#ffcb05;font-weight:600;text-decoration:none}.binder-meta{flex:1;opacity:.7;font-size:.85rem}.page-tile span,.page-tile a{flex:1;color:#ffcb05;text-decoration:none;font-weight:600}.visibility-select{display:flex;align-items:center;gap:.6rem;font-size:.9rem;margin-bottom:1rem}.visibility-select select,.form-row select{padding:.5rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit}.binder-grid{display:grid;gap:.6rem;margin-top:1.5rem;aspect-ratio:1 / 1.2;max-width:700px}.grid-slot{border-radius:8px;position:relative;overflow:hidden}.grid-slot.empty{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px dashed rgba(255,255,255,.25);color:#ffffff80;font-size:1.5rem;cursor:pointer}.grid-slot.filled{background:#ffffff14}.grid-slot.filled img{width:100%;height:100%;object-fit:cover;pointer-events:none}.drag-handle{width:100%;height:100%;cursor:grab;touch-action:none}.drag-handle.dragging{opacity:.4}.grid-slot.drop-over{outline:2px solid #e3350d;outline-offset:-2px}.hint{opacity:.7;font-size:.85rem;margin-top:.3rem}.slot-clear{position:absolute;top:.2rem;right:.2rem;width:1.6rem;height:1.6rem;padding:0;line-height:1;background:#0009;color:#fff}.picker{margin-top:1.5rem;padding:1rem;border-radius:8px;background:#ffffff0d}.picker-header{display:flex;align-items:center;justify-content:space-between}.card-tile-pick{background:#ffffff0d;border:none;border-radius:8px;padding:.6rem;color:inherit;display:flex;flex-direction:column;gap:.4rem;cursor:pointer;font-size:.85rem}.card-tile-pick img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:4px}.span-select{display:flex;gap:1.5rem;margin:.8rem 0}.span-select label{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.span-select select{padding:.4rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:#17294f;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;max-width:480px;width:100%;max-height:80vh;overflow-y:auto}.changelog-entry{margin-bottom:1rem}.changelog-entry h3{margin-bottom:.4rem}.changelog-version{opacity:.6;font-size:.8rem;font-weight:400}.changelog-entry ul{margin:0;padding-left:1.2rem;font-size:.9rem}@media (max-width: 640px){.navbar-toggle{display:block}.navbar-right{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#17294f;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 1.5rem 1rem}.navbar-right.open{display:flex}.navbar-right a,.navbar-right button{width:100%;text-align:left;padding:.7rem 0;border-radius:0;background:none;color:#ffcb05}.navbar-right button{font-weight:600}.form-row{flex-direction:column;align-items:stretch}.binder-tile,.page-tile{flex-wrap:wrap}.span-select{flex-wrap:wrap;gap:.8rem}.page{padding:1.5rem 1rem}}