*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#1b1130;color:#f4f4f6}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.navbar a{color:#f4c542;text-decoration:none;font-weight:600}.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}.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:#f4c542;color:#1b1130;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%;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:#f4c542;color:#1b1130}.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:#f4c542;font-weight:600;text-decoration:none}.binder-meta{flex:1;opacity:.7;font-size:.85rem}.page-tile span,.page-tile a{flex:1;color:#f4c542;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{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:contain}.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%;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}